Ink アイコン
cryptocurrency-color:ink
Ink アイコン(cryptocurrency-color:ink)は、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" fill-rule="evenodd"><circle cx="16" cy="16" r="16" fill="#df1a14"/><path fill="#fff" fill-rule="nonzero" d="M14.86 11.527c.307-.097.656.076.783.378c.307.702.582 1.425.9 2.126c.19.421.837.475 1.09.087c.424-.702.763-1.447 1.176-2.16c.339-.442.953-.226 1.419-.269c.487-.032.847.583.571 1.004c-1.334 2.493-2.678 4.976-4.012 7.47c-.223.453-.953.453-1.154-.022c-.297-.723-.53-1.479-.816-2.202c-.17-.475-.9-.55-1.143-.097c-.413.745-.773 1.522-1.186 2.256c-.201.334-.625.28-.953.28c-.318-.021-.699.076-.942-.194a.696.696 0 0 1-.096-.842c1.25-2.364 2.52-4.738 3.77-7.124c.148-.27.275-.605.593-.69zm-4.363.184a10 10 0 0 1 1.112 0c.413.043.678.572.477.95c-1.24 2.342-2.489 4.673-3.727 7.005c-.149.26-.265.605-.583.69c-.37.055-.751.023-1.122.023c-.455.021-.836-.573-.561-.972c1.292-2.418 2.583-4.847 3.875-7.275c.106-.205.286-.41.53-.421zm13.14.021c.402-.119.826-.032 1.239-.065c.317.011.72-.054.953.227c.286.292.2.842-.16 1.026c-.73.464-1.45.96-2.19 1.414c-.467.323-1.155-.227-.954-.767c.18-.432.434-.83.636-1.252c.116-.216.222-.496.476-.583m-3.505 6.455c.212-.13.477-.086.678.022c.561.28 1.122.583 1.694.853c.244.108.498.313.508.604c.043.389-.286.766-.667.734c-.815 0-1.63.01-2.435 0c-.402 0-.72-.475-.572-.863c.106-.281.265-.53.392-.8c.095-.204.19-.453.402-.55"/></g></svg>
Ink アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cryptocurrency-color:ink" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cryptocurrency-color:ink" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cryptocurrency-color:ink" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cryptocurrency-color--ink]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cryptocurrency-color -->
<div class="i-cryptocurrency-color:ink"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cryptocurrency-color:ink"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/cryptocurrency-color/ink.svg" alt="Ink アイコン" width="24" height="24">
Ink アイコン のよくある質問
Ink アイコンは商用利用でも無料ですか?
はい。Cryptocurrency Color Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ink アイコンを使うには?
@iconify/react をインストールして <Icon icon="cryptocurrency-color:ink" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ink アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cryptocurrency-color/ink.svg" alt="Ink アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Cryptocurrency Color Icons をすべて見る →
ICONYZ
