Vigo アイコン
icon-park:vigo
Vigo アイコン(icon-park:vigo)は、IconPark セットの無料 SVG アイコンです（作者: ByteDance）。 48 × 48 のグリッドで描かれています。 IconPark icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- IconPark
- 作者
- ByteDance
- ライセンス
- Apache-2.0
- サイズ
- 48 × 48
- カテゴリ
- ブランド
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-linejoin="round" stroke-width="3.833"><path fill="#2F88FF" stroke="#000" d="M24 44.125C33.5269 44.125 41.25 36.5094 41.25 27.1152C41.25 24.8089 40.9348 22.6141 40.2603 20.5237C39.8709 19.3169 39.5558 18.7406 39.093 17.6297C38.6302 16.5188 38.0145 15.5808 37.3134 14.6373C36.6123 13.6939 35.2464 11.8389 34.3008 11.4664C34.3008 12.9285 31.4285 18.0347 30.3258 18.2913C29.2231 18.5479 31.1407 12.9224 28.6979 9.07446C26.255 5.22647 22.3053 2.70049 22.3053 4.42961C22.3053 6.15873 21.2123 9.0621 20.1113 10.5015C19.0104 11.9408 17.2251 13.1774 15.9817 13.7582C14.7383 14.339 15.1885 10.8503 14.2551 11.4664C13.3144 12.0874 11.9773 13.8173 11.2742 14.903C8.81281 18.7041 6.75 22.418 6.75 27.1152C6.75 36.5094 14.4731 44.125 24 44.125Z"/><path fill="#000" stroke="#fff" d="M19.2959 23.7326V32.4698C19.2959 33.5069 20.1366 34.3477 21.1737 34.3477C21.5217 34.3477 21.8627 34.251 22.1589 34.0685L30.5444 28.9005C30.9859 28.6285 31.1232 28.05 30.8511 27.6086C30.7742 27.4838 30.6692 27.3788 30.5444 27.3019L22.1589 22.134C21.2761 21.5898 20.1192 21.8645 19.5751 22.7474C19.3926 23.0436 19.2959 23.3846 19.2959 23.7326Z"/></g></svg>Vigo アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:vigo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:vigo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:vigo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--vigo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:vigo"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:vigo"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/icon-park/vigo.svg" alt="Vigo アイコン" width="24" height="24">他のアイコンセットの Vigo アイコン
Vigo アイコン のよくある質問
Vigo アイコンは商用利用でも無料ですか?
はい。IconPark icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Vigo アイコンを使うには?
@iconify/react をインストールして <Icon icon="icon-park:vigo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Vigo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/icon-park/vigo.svg" alt="Vigo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。