Vibe アイコン
cryptocurrency-color:vibe
Vibe アイコン(cryptocurrency-color:vibe)は、Cryptocurrency Color Icons セットの無料 SVG アイコンです（作者: Christopher Downer）。 32 × 32 のグリッドで描かれています。 Cryptocurrency Color Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Cryptocurrency Color 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"><g fill="none"><circle cx="16" cy="16" r="16" fill="#338be5"/><path fill="#fff" d="M22.63 16.918c.73.196 1.45.423 2.098.822q.434.267.8.619c.36.4.336.822.008 1.245c-.288.368-.68.603-1.097.799c-1.056.509-2.176.799-3.32.971c-.929.14-1.873.22-2.81.337a.34.34 0 0 0-.216.149c-.656.978-1.304 1.957-1.96 2.936a2 2 0 0 0-.144.204a272 272 0 0 1-2.057-3.133a.33.33 0 0 0-.28-.164c-1.873-.133-3.721-.376-5.49-1.01c-.56-.196-1.096-.439-1.56-.807c-.025-.024-.057-.04-.08-.063c-.68-.571-.697-1.182-.04-1.77c.52-.47 1.16-.736 1.824-.94s1.336-.352 2.009-.524c.032-.008.064-.008.12-.024c-1.449-2.216-2.881-4.409-4.346-6.633c.088-.008.152-.016.208-.016c.905-.008 1.809 0 2.713-.008a.33.33 0 0 1 .312.18q3.285 5.01 6.563 10.025a1 1 0 0 0 .112.157c.504-.76.992-1.488 1.472-2.217q2.64-3.99 5.282-7.972c.064-.094.112-.165.256-.165q1.429.01 2.857.008q.067 0 .136.008a3255 3255 0 0 1-4.466 6.72c.377.093.737.172 1.097.266zm-13.732 1.88c.186.207.405.385.648.524c1 .533 2.105.728 3.25.9c-.016-.054-.016-.078-.024-.093c-.649-.98-1.289-1.966-1.937-2.945a.23.23 0 0 0-.2-.063q-.57.188-1.113.447a2.2 2.2 0 0 0-.616.501a.517.517 0 0 0-.008.728zm12.604.845a2.7 2.7 0 0 0 1.16-.658c.321-.32.321-.681 0-1.01a1.2 1.2 0 0 0-.271-.22c-.344-.172-.704-.336-1.057-.508c-.12-.063-.192-.016-.264.094c-.376.58-.76 1.15-1.144 1.723c-.24.36-.48.728-.728 1.104a.8.8 0 0 0 .192 0c.704-.172 1.416-.329 2.112-.525M21.51 9l-5.481 8.732L10.475 9z"/></g></svg>Vibe アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cryptocurrency-color:vibe" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cryptocurrency-color:vibe" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cryptocurrency-color:vibe" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cryptocurrency-color--vibe]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cryptocurrency-color -->
<div class="i-cryptocurrency-color:vibe"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cryptocurrency-color:vibe"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cryptocurrency-color/vibe.svg" alt="Vibe アイコン" width="24" height="24">他のアイコンセットの Vibe アイコン
Vibe アイコン のよくある質問
Vibe アイコンは商用利用でも無料ですか?
はい。Cryptocurrency Color Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Vibe アイコンを使うには?
@iconify/react をインストールして <Icon icon="cryptocurrency-color:vibe" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Vibe アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cryptocurrency-color/vibe.svg" alt="Vibe アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。