Vscodium アイコン
thesvg-color:vscodium
Vscodium アイコン(thesvg-color:vscodium)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 100 × 100 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 100 × 100
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><defs><linearGradient id="SVGUFVlnbzA" x1="199.997" x2="296.665" y1="214.302" y2="307.573" gradientTransform="translate(-200 -213)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#62a0ea"/><stop offset="1" stop-color="#1a5fb4"/></linearGradient></defs><path fill="url(#SVGUFVlnbzA)" d="M48.26 2.274a6.113 6.113 0 0 0-1.838 8.468c10.109 15.655 12.495 27.463 11.46 37.811c-4.184 19.816-13.279 23.836-21.227 23.836c-7.76 0-5.682-12.771.151-16.509c3.482-2.174 7.942-3.587 11.365-3.587c3.392 0 6.142-2.741 6.142-6.123s-2.75-6.124-6.142-6.124c-3.998 0-7.92.84-11.581 2.27c.748-3.529 1.024-7.343.057-11.397c-1.468-6.156-5.694-12.036-13.032-17.736a6.15 6.15 0 0 0-8.621 1.065a6.114 6.114 0 0 0 1.078 8.595c5.978 4.643 7.952 8.08 8.627 10.909s.132 5.864-1.224 10.034c-1.733 5.62-3.745 10.637-4.627 15.448c-.434 2.368-.471 4.945-.583 7.004c-4.305-4.196-5.99-9.736-5.99-17.831c-.001-3.382-2.751-6.124-6.142-6.123c-3.389.003-6.135 2.743-6.136 6.123c0 11.056 3.233 21.576 11.898 28.594c7.844 7.473 27.791 4.711 27.791 16.708c0 3.386 4.956 5.034 8.347 5.034c3.478 0 7.855-2.325 7.855-5.034c0-13.612 14.345-21.885 37.96-21.849c3.392.005 6.144-2.734 6.149-6.116c.006-3.383-2.738-6.13-6.13-6.136a78 78 0 0 0-4.741.145c2.64-6.209 3.811-13.045 3.569-20.429c-.112-3.381-2.95-6.031-6.339-5.921c-3.393.11-6.051 2.943-5.94 6.326c.32 9.668-.042 18.301-7.245 22.852c-2.048 1.293-4.429 2.415-6.687 2.415c1.753-4.768 3.077-9.801 3.619-15.226c.346-3.462.383-7.575-.012-10.77c-.613-4.95-1.353-10.564.526-14.793c1.688-3.642 5.47-5.167 11.023-5.167c3.389-.003 6.135-2.744 6.136-6.123c.002-3.383-2.745-6.127-6.136-6.13c-8.252 0-14.507 4.343-18.053 9.59c-1.854-3.96-4.112-8.041-6.84-12.265a6.14 6.14 0 0 0-3.86-2.669a6.16 6.16 0 0 0-4.627.831"/></svg>Vscodium アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:vscodium" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:vscodium" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:vscodium" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--vscodium]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:vscodium"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:vscodium"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/vscodium.svg" alt="Vscodium アイコン" width="24" height="24">他のアイコンセットの Vscodium アイコン
Vscodium アイコン のよくある質問
Vscodium アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Vscodium アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:vscodium" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Vscodium アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/vscodium.svg" alt="Vscodium アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。