Visual Studio アイコン
fa7-brands:visual-studio
Visual Studio アイコン(fa7-brands:visual-studio)は、Font Awesome Brands セットの無料 SVG アイコンです（作者: Dave Gandy）。 640 × 640 のグリッドで描かれています。 Font Awesome Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Font Awesome Brands
- 作者
- Dave Gandy
- ライセンス
- CC-BY-4.0
- サイズ
- 640 × 640
- タグ
- visualstudio
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M381.8 82.7c13.2 0-1.4-2.2 162.8 57c.7.4 1.1.4 1.8.8C564 147.8 576 165 576 184.7v267c0 19.7-12.1 36.9-29.6 44.2c-.4 0-1.1.4-2.9 1.1L399 548.6c-5.5 2.2-11.3 3.3-17.2 3.3c-16.8 0-31.8-8.8-40.2-22c-.5-.5-6.2-10.3-10.2-16.1c-1.1-1.5-1.8-2.9-2.9-4.4l-172-289.9c-10.6-18.3-28.5-29.7-48.3-32.6l92.2-45l.4-.4c6.2-2.9 13.5-4.8 20.8-4.8c16.1 0 30.3 8 39.1 20.1v.4l169 238.1v-166l-36.6 51.6l-84.9-119.6l31.8-54.9c.7-.7 1.1-1.4 1.4-1.8c8.4-13.2 23.4-21.9 40.2-21.9zm-117 390.9l-4 5.5v.3c-8.8 12.1-23 20.1-39.1 20.1c-7.3 0-14.6-1.8-20.8-4.7l-.4-.4l-92.9-45c20.1-2.9 38-13.9 49-32.6l17.2-28.5l20.5-34.4l70.6 119.6zM88.1 223.1c11.7-2.9 27.8-.7 36.9 15l47.9 80.1l-47.9 80.1c-6.9 12.1-17.5 16.5-27.4 16.5c-3.3 0-6.6-.7-9.5-1.5C76.4 410 64 400.1 64 381.5V254.9c0-18.6 12.4-28.5 24.1-31.8"/></svg>
Visual Studio アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fa7-brands:visual-studio" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa7-brands:visual-studio" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa7-brands:visual-studio" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-brands--visual-studio]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa7-brands -->
<div class="i-fa7-brands:visual-studio"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa7-brands:visual-studio"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fa7-brands/visual-studio.svg" alt="Visual Studio アイコン" width="24" height="24">
他のアイコンセットの Visual Studio アイコン
Visual Studio アイコン のよくある質問
Visual Studio アイコンは商用利用でも無料ですか?
はい。Font Awesome Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Visual Studio アイコンを使うには?
@iconify/react をインストールして <Icon icon="fa7-brands:visual-studio" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Visual Studio アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa7-brands/visual-studio.svg" alt="Visual Studio アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Font Awesome Brands アイコン をすべて見る →
ICONYZ
