Anubis アイコン
token:anubis
Anubis アイコン(token:anubis)は、Web3 Icons セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.723 10.798L21 11.993l-1.277 1.203s-.417-.355-.638-.508a2.45 2.45 0 0 0-1.421-.453c-.247 0-.494.008-.75-.008c-.816-.032-1.488.259-2.059.808c-.366.347-.715.719-1.115 1.025c-1.123.873-2.672.8-3.727-.161c-.383-.347-.74-.719-1.132-1.058c-.443-.396-.987-.59-1.592-.614q-.473-.012-.944 0c-.851.008-1.532.404-2.06.986C3.868 12.809 3 11.993 3 11.993l1.268-1.203s.051.056.085.08c.681.727 1.55.962 2.553.937c.885-.016 1.634-.266 2.239-.88c.28-.283.57-.549.86-.816a2.89 2.89 0 0 1 3.906-.04c.34.307.672.63 1.004.953c.434.42.953.695 1.574.743c.868.073 1.745.121 2.511-.404c.247-.161.723-.565.723-.565m-9.82 1.26c-.018-.024-.01.008.016.024c.34.323.681.654 1.038.969c.434.396 1.2.55 1.694.226c.545-.355 1.004-.832 1.472-1.22c-.391-.395-.714-.742-1.055-1.065c-.579-.541-1.455-.59-2.06-.073c-.4.331-.723.735-1.106 1.139"/><path fill="currentColor" d="M16.506 7.721c-1.949-1.785-4.247-2.092-6.74-1.332c-1.268.387-2.153 1.243-3.055 2.14c0 0-.758.718-1.14 1.082c.586.686 1.727.743 2.357.161l.86-.815c1.548-1.478 4.016-1.737 5.795-.55c.579.38 1.055.897 1.566 1.365c.63.582 1.77.525 2.357-.161c-.672-.638-1.327-1.276-2-1.89M12.71 12.01c-.62.67-.8.67-1.42.007c.56-.686.808-.686 1.42-.008m-7.157 2.415c.596-.703 1.745-.76 2.383-.17c.094.073.187.162.281.258c.451.477.97.937 1.549 1.277c1.464.84 3.94.815 5.455-.703c.324-.323.647-.654 1.004-.953a.6.6 0 0 1 .154-.097c.553-.282 1.506-.266 2.119.34c-.417.395-1.294 1.227-1.32 1.26c-.731.734-1.48 1.437-2.51 1.816c-2.528.929-5.08.775-7.208-1.227c-.324-.307-.98-.913-.98-.913c-.306-.299-.612-.59-.927-.888"/></svg>Anubis アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token:anubis" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:anubis" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:anubis" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--anubis]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:anubis"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:anubis"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token/anubis.svg" alt="Anubis アイコン" width="24" height="24">他のアイコンセットの Anubis アイコン
Anubis アイコン のよくある質問
Anubis アイコンは商用利用でも無料ですか?
はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Anubis アイコンを使うには?
@iconify/react をインストールして <Icon icon="token:anubis" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Anubis アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/anubis.svg" alt="Anubis アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。