Orn アイコン
token-branded:orn
Orn アイコン(token-branded:orn)は、Web3 Icons Branded セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons Branded
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGNCAyIb9z)" d="M10.43 4.248c-2.116 0-4.63 1.434-5.562 2.716c1.765-1.131 4.583-1.603 5.45-1.483c3.514.564 4.69 3.715 4.868 5.33c1.342.528 3.994.688 2.572-2.12c-1.773-3.5-4.732-4.443-7.327-4.443"/><path fill="url(#SVGpE7GLAzm)" d="M9.125 17.327c3.376 0 6.114-2.699 6.114-6.028S12.5 5.271 9.125 5.271S3.01 7.971 3.01 11.3c0 3.33 2.737 6.028 6.114 6.028"/><path fill="#25253b" d="M10.504 16.65a4.392 4.392 0 1 0 0-8.784a4.392 4.392 0 0 0 0 8.785"/><path fill="url(#SVGEHBxQeWQ)" d="M20.455 10.864c.83-.582.542-1.758.245-2.155c-.456-.614-1.096-.69-1.354-.66c-2.046.231-3.718 2.5-4.37 3.616l2.564 1.777c.12-.168.436-.672.947-1.258c.62-.71 1.449-.956 1.968-1.32"/><path fill="url(#SVGCixSCc2p)" d="M18.451 11.263c.44-.913-.334-1.724-.787-1.926c-.698-.313-1.23-.09-1.388 0c-1.673 1.2-2.14 4.083-2.165 5.374l3.407.431c.023-.205.073-.827.088-1.665c.016-.838.635-1.777.845-2.214"/><path fill="url(#SVGutNVod6d)" d="M10.53 19.752c-4.675 0-7.737-4.224-7.52-8.268c1.51 5.05 5.19 6.111 7.52 5.567c1.865-.435 3.538-2.319 4.194-3.24c.267-.375 1.262-.516 2.089-.065s1.025 1.442.827 1.81c-1.975 3.69-5.328 4.196-7.11 4.196"/><path fill="url(#SVGFwj9pcNJ)" d="M17.997 7.349a1.55 1.55 0 1 0 0-3.101a1.55 1.55 0 0 0 0 3.1"/><defs><linearGradient id="SVGNCAyIb9z" x1="4.677" x2="21.911" y1="7.849" y2="11.592" gradientUnits="userSpaceOnUse"><stop stop-color="#5d86bc"/><stop offset=".614" stop-color="#6cc3d7"/></linearGradient><linearGradient id="SVGpE7GLAzm" x1="3.962" x2="19.506" y1="9.172" y2="15.587" gradientUnits="userSpaceOnUse"><stop offset=".226" stop-color="#94d0da"/><stop offset="1" stop-color="#3f65ae"/></linearGradient><linearGradient id="SVGEHBxQeWQ" x1="16.928" x2="8.951" y1="4.001" y2="18.835" gradientUnits="userSpaceOnUse"><stop stop-color="#f57240"/><stop offset="1" stop-color="#fbe18c"/></linearGradient><linearGradient id="SVGCixSCc2p" x1="4.594" x2="17.611" y1="13.56" y2="3.923" gradientUnits="userSpaceOnUse"><stop offset=".212" stop-color="#583d90"/><stop offset="1" stop-color="#dc719b"/></linearGradient><linearGradient id="SVGutNVod6d" x1="2.874" x2="20.644" y1="5.051" y2="8.847" gradientUnits="userSpaceOnUse"><stop stop-color="#4fa2c5"/><stop offset="1" stop-color="#fd7813"/></linearGradient><linearGradient id="SVGFwj9pcNJ" x1="18.901" x2="17.068" y1="4.767" y2="6.905" gradientUnits="userSpaceOnUse"><stop stop-color="#b1599b"/><stop offset="1" stop-color="#5b418b"/></linearGradient></defs></g></svg>Orn アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:orn" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:orn" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:orn" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--orn]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:orn"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:orn"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/orn.svg" alt="Orn アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Orn アイコン のよくある質問
Orn アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Orn アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:orn" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Orn アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/orn.svg" alt="Orn アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。