Sushi アイコン
cryptocurrency:sushi
Sushi アイコン(cryptocurrency:sushi)は、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 0c8.837 0 16 7.163 16 16s-7.163 16-16 16S0 24.837 0 16S7.163 0 16 0m-2.206 7.02c-1.35-.11-2.393.23-2.933 1.005l-3.715 5.307c-.54.774-.522 1.899.018 3.17c.747 1.751 2.474 3.824 4.849 5.557c2.366 1.741 4.84 2.755 6.702 2.92c1.34.111 2.393-.23 2.933-1.004l3.706-5.307c.54-.774.522-1.899-.018-3.17c-.738-1.751-2.474-3.824-4.84-5.566c-2.375-1.732-4.84-2.755-6.702-2.912m7.788 12.448c.705.125 1.331.148 1.845.064a.134.134 0 0 1 .043.264c-.547.09-1.202.065-1.934-.064a.134.134 0 0 1 .046-.264m-1.07-.244l.043.005q.26.073.51.132a.134.134 0 0 1-.06.261q-.258-.06-.522-.135a.134.134 0 0 1 .072-.258zM11.375 8.403c.432-.618 1.287-.82 2.366-.728c1.772.147 4.12 1.133 6.378 2.792c2.267 1.658 3.932 3.621 4.642 5.289c.423 1.013.513 1.916.081 2.525l-.027.046c-.44.58-1.277.774-2.339.69c-1.772-.147-4.12-1.133-6.378-2.791c-2.258-1.659-3.922-3.622-4.633-5.299c-.423-.995-.513-1.87-.108-2.488zm-.744 2.448c.07-.021.145.02.165.09c.447 1.532 1.614 3.015 3.457 4.698l.207.188q.159.143.322.285a.134.134 0 0 1 .013.19a.133.133 0 0 1-.188.012a35 35 0 0 1-.426-.38l-.205-.186c-1.82-1.678-2.98-3.167-3.435-4.731a.134.134 0 0 1 .09-.166m5.251-.283c-.504-.037-.908.046-1.106.332c-.198.285-.144.7.054 1.17c.35.838 1.187 1.815 2.32 2.645c1.134.829 2.304 1.326 3.194 1.4c.495.046.9-.037 1.098-.322c.207-.286.153-.7-.054-1.17c-.351-.84-1.188-1.825-2.321-2.654c-1.125-.83-2.303-1.318-3.185-1.401m-5.397-.778a.133.133 0 0 1 .138.128q.011.255.055.515a.133.133 0 1 1-.262.045a4 4 0 0 1-.059-.549a.134.134 0 0 1 .128-.14z"/></svg>
Sushi アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cryptocurrency:sushi" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cryptocurrency:sushi" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cryptocurrency:sushi" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cryptocurrency--sushi]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cryptocurrency -->
<div class="i-cryptocurrency:sushi"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cryptocurrency:sushi"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/cryptocurrency/sushi.svg" alt="Sushi アイコン" width="24" height="24">
Sushi アイコン のよくある質問
Sushi アイコンは商用利用でも無料ですか?
はい。Cryptocurrency Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sushi アイコンを使うには?
@iconify/react をインストールして <Icon icon="cryptocurrency:sushi" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sushi アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cryptocurrency/sushi.svg" alt="Sushi アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Cryptocurrency Icons をすべて見る →
ICONYZ
