Vibe アイコン
cryptocurrency:vibe
Vibe アイコン(cryptocurrency:vibe)は、Cryptocurrency Icons セットの無料 SVG アイコンです（作者: Christopher Downer）。 32 × 32 のグリッドで描かれています。 Cryptocurrency Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Cryptocurrency Icons
- 作者
- Christopher Downer
- ライセンス
- CC0-1.0
- サイズ
- 32 × 32
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M16 32C7.163 32 0 24.837 0 16S7.163 0 16 0s16 7.163 16 16s-7.163 16-16 16m6.63-15.082c-.36-.094-.72-.173-1.096-.267c1.497-2.247 2.977-4.471 4.466-6.719a1 1 0 0 0-.136-.008q-1.429.002-2.857-.008c-.144 0-.192.07-.256.165q-2.64 3.982-5.282 7.972c-.48.729-.968 1.457-1.472 2.217a1 1 0 0 1-.112-.157A6534 6534 0 0 0 9.322 10.09a.33.33 0 0 0-.312-.18c-.904.007-1.808 0-2.713.007c-.056 0-.12.008-.208.016c1.465 2.224 2.897 4.417 4.346 6.633c-.056.016-.088.016-.12.024c-.673.172-1.345.32-2.009.525s-1.304.47-1.825.94c-.656.587-.64 1.198.04 1.77c.024.023.056.038.08.062c.465.368 1 .61 1.561.807c1.769.634 3.617.877 5.49 1.01a.33.33 0 0 1 .28.164A272 272 0 0 0 15.989 25q.064-.107.144-.204c.656-.979 1.304-1.958 1.96-2.936a.34.34 0 0 1 .216-.15c.937-.117 1.881-.195 2.81-.336c1.144-.172 2.264-.462 3.32-.971c.417-.196.809-.43 1.097-.799c.328-.423.352-.846-.008-1.245a4.7 4.7 0 0 0-.8-.619c-.649-.4-1.369-.626-2.097-.822zm-13.732 1.88a.517.517 0 0 1 .008-.729c.173-.202.382-.372.616-.501q.54-.26 1.113-.447a.23.23 0 0 1 .2.063c.648.979 1.288 1.966 1.937 2.945c.008.015.008.039.024.094c-1.145-.173-2.25-.368-3.25-.9a2.6 2.6 0 0 1-.648-.526zm12.604.845c-.696.196-1.408.353-2.112.525a.8.8 0 0 1-.192 0c.248-.376.488-.744.728-1.104c.384-.572.768-1.144 1.144-1.723c.072-.11.144-.157.264-.094c.353.172.713.336 1.057.509q.151.09.272.219c.32.329.32.69 0 1.01c-.323.313-.723.54-1.16.658zM21.51 9H10.475l5.554 8.732z"/></svg>Vibe アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cryptocurrency:vibe" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cryptocurrency:vibe" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cryptocurrency:vibe" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cryptocurrency--vibe]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cryptocurrency -->
<div class="i-cryptocurrency:vibe"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cryptocurrency:vibe"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cryptocurrency/vibe.svg" alt="Vibe アイコン" width="24" height="24">他のアイコンセットの Vibe アイコン
Vibe アイコン のよくある質問
Vibe アイコンは商用利用でも無料ですか?
はい。Cryptocurrency Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Vibe アイコンを使うには?
@iconify/react をインストールして <Icon icon="cryptocurrency:vibe" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Vibe アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cryptocurrency/vibe.svg" alt="Vibe アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。