Vscode 16 アイコン
nonicons:vscode-16
Vscode 16 アイコン(nonicons:vscode-16)は、Nonicons セットの無料 SVG アイコンです（作者: yamatsum）。 24 × 24 のグリッドで描かれています。 Nonicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M11.573.275a1 1 0 0 0-.191.073c-.039.021-1.383 1.172-2.986 2.558S5.462 5.424 5.44 5.424s-.664-.468-1.427-1.04c-.762-.571-1.428-1.057-1.48-1.078c-.15-.063-.468-.05-.613.024C1.754 3.416.189 4.975.094 5.15a.74.74 0 0 0 .04.766c.041.057.575.557 1.185 1.11s1.107 1.015 1.102 1.026s-.495.442-1.091.957S.208 9.99.162 10.045a.75.75 0 0 0-.069.804c.096.175 1.659 1.734 1.827 1.821c.166.087.497.089.653.005c.059-.031.7-.502 1.424-1.046l1.318-.988l.109.1l2.73 2.473c1.846 1.671 2.666 2.396 2.772 2.453l.15.08h1.348l1.631-.814c1.5-.748 1.64-.823 1.748-.942c.213-.237.197.241.197-5.738c0-5.821.009-5.468-.151-5.699c-.058-.084-.41-.331-1.634-1.148c-.857-.572-1.613-1.065-1.68-1.095c-.1-.045-.187-.056-.482-.063c-.237-.005-.401.004-.48.027m1.699 2.305l1.233.82l.001 4.82l.001 4.82l-1.205.6l-1.204.6h-.569L8.66 11.644c-1.578-1.428-2.912-2.616-2.963-2.641c-.199-.094-.5-.101-.661-.014c-.034.018-.651.475-1.372 1.015c-.721.541-1.322.983-1.335.983c-.03 0-.477-.448-.461-.462c.673-.577 2.078-1.794 2.182-1.891c.086-.081.169-.192.21-.28c.057-.127.065-.174.054-.343c-.01-.158-.028-.223-.091-.324c-.053-.086-.454-.466-1.229-1.167l-1.15-1.04l.231-.233a2 2 0 0 1 .256-.234c.013 0 .644.465 1.4 1.033c1.496 1.123 1.537 1.148 1.81 1.116a1 1 0 0 0 .253-.069c.062-.029.503-.39.979-.802L7.96 5.265l2.187-1.89a192 192 0 0 1 1.879-1.614c.008-.001.568.368 1.246.819M11.64 4.257a2 2 0 0 0-.16.051c-.059.021-1.079.738-2.267 1.593C6.867 7.59 6.92 7.547 6.851 7.854a.56.56 0 0 0 0 .292c.068.307.017.264 2.362 1.953c1.188.855 2.214 1.576 2.28 1.601c.347.133.743-.029.929-.38l.071-.133V4.813l-.071-.133a.76.76 0 0 0-.369-.356c-.127-.056-.324-.088-.413-.067m-.66 4.5l-.007.757l-1.046-.75A41 41 0 0 1 8.881 8c0-.007.471-.351 1.046-.764l1.046-.75l.007.757a96 96 0 0 1 0 1.514"/></svg>Vscode 16 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="nonicons:vscode-16" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="nonicons:vscode-16" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="nonicons:vscode-16" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[nonicons--vscode-16]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/nonicons -->
<div class="i-nonicons:vscode-16"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="nonicons:vscode-16"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/nonicons/vscode-16.svg" alt="Vscode 16 アイコン" width="24" height="24">他のアイコンセットの Vscode 16 アイコン
Vscode 16 アイコン のよくある質問
Vscode 16 アイコンは商用利用でも無料ですか?
はい。Nonicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Vscode 16 アイコンを使うには?
@iconify/react をインストールして <Icon icon="nonicons:vscode-16" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Vscode 16 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/nonicons/vscode-16.svg" alt="Vscode 16 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。