Vince アイコン
selfhst:vince
Vince アイコン(selfhst:vince)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- selfh.st/icons
- 作者
- selfh.st
- ライセンス
- CC-BY-4.0
- サイズ
- 512 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path d="M511.2 220.7c-7.2-64.2-65.2-110.3-129.3-103l-2.4.3c-6.1-9-13.5-17.4-22.4-24.6c-48.5-39.7-120-32.6-159.8 15.9c-23.4 28.6-30.6 65.2-22.5 98.6c-53.1-6.7-105.8 23.5-125.3 75.8c-7.8 21-9.4 42.7-5.5 63.2c-2.5.3-5 .7-7.5 1.4c-26.2 6.8-41.8 33.6-34.9 59.7s33.6 41.6 59.7 34.7c12.8-3.4 23-11.5 29.3-22c8.4 6.1 17.7 11.1 27.9 14.9c61.1 22.9 129.2-8.1 152-69.2c9-24.1 9.7-49.2 3.4-72.3c6.9.7 13.9.7 20.8.1c22.9 37.9 66.5 61.2 113.4 55.8c64.3-7.2 110.4-65.1 103.1-129.3m-173.4 3.7c-3.8 4.7-8.2 8.7-12.9 12.1c-.9-23.6 10.2-45.3 28.2-58.8c.9 16.3-4.1 33-15.3 46.7M56.4 423.8c-15.7 4.1-31.7-5.2-35.9-20.8c-4.1-15.7 5.2-31.7 20.8-35.9c2.6-.7 5.3-1 7.9-1c5.7 15.4 14.7 29.6 26.3 41.5c-3.5 7.8-10.3 13.9-19.1 16.2m170-73.9c-13.7 36.7-54.6 55.2-91.2 41.5c-36.7-13.7-55.2-54.6-41.5-91.2s54.6-55.2 91.2-41.5c36.6 13.8 55.2 54.6 41.5 91.2m15.5-116c-29.1-23.8-33.4-66.7-9.5-95.8s66.8-33.3 95.9-9.5c2.1 1.7 4 3.5 5.9 5.4c-37.6 23-60.6 66.4-55.3 113.1v.1c.1.6.2 1.3.2 1.9c-13.2-1.2-26.2-6.2-37.2-15.2M403 303.6c-24 2.7-46.6-7-61.2-24c11.6-6.7 22.2-15.5 31.2-26.5c21.3-26 29.1-58.6 24.4-89.3c34.3 1.1 63.5 27.1 67.5 62.2c4.2 38.5-23.4 73.2-61.9 77.6"/></svg>Vince アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:vince" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:vince" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:vince" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--vince]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:vince"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:vince"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/vince.svg" alt="Vince アイコン" width="24" height="24">selfh.st/icons の関連アイコン
Vince アイコン のよくある質問
Vince アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Vince アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:vince" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Vince アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/vince.svg" alt="Vince アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。