Ovr アイコン
token-branded:ovr
Ovr アイコン(token-branded:ovr)は、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="#29c2f6" d="M11.46 3.112a1.38 1.38 0 0 1 1.08 0l6.507 2.857c.507.22.827.72.827 1.277v9.506c0 .562-.326 1.063-.827 1.282l-6.507 2.852a1.34 1.34 0 0 1-1.08 0l-6.508-2.852a1.4 1.4 0 0 1-.827-1.282V7.246c0-.557.326-1.058.827-1.277z"/><path fill="#0451c8" d="M11.612 5.334a.94.94 0 0 1 .776 0l4.646 2.138c.36.169.59.545.59.962v7.132c0 .416-.23.793-.59.956l-4.646 2.137a.9.9 0 0 1-.776 0l-4.646-2.137a1.05 1.05 0 0 1-.59-.956V8.434c0-.417.23-.793.59-.957l4.646-2.137z"/><path fill="#ed723a" d="M4.372 17.556a1.4 1.4 0 0 1-.247-.804V7.246c0-.293.09-.568.247-.799L12 9.75v4.5z"/><path fill="url(#SVGdUJxttdg)" d="M6.87 16.47a1.06 1.06 0 0 1-.495-.905V8.433c0-.377.191-.726.495-.906L12 9.75v4.5z"/><path fill="url(#SVGQQEfMecQ)" d="M19.628 6.447a1.4 1.4 0 0 1 .247.799v9.506c0 .292-.09.574-.247.804L12 14.25v-4.5z"/><path fill="url(#SVG4SNMdeoH)" d="M17.13 7.527c.304.18.495.53.495.906v7.132c0 .377-.191.726-.495.906L12 14.249v-4.5z"/><path fill="url(#SVGAAVCubXz)" d="M19.628 17.556a1.4 1.4 0 0 1-.58.479l-6.508 2.851A1.3 1.3 0 0 1 12 21v-6.75z"/><path fill="#3c75d2" d="M17.13 16.47a1 1 0 0 1-.095.057l-4.646 2.137a.95.95 0 0 1-.388.085v-4.5z"/><path fill="url(#SVGaPSwzdTw)" d="M12.012 3L12 9.75L4.374 6.448a1.34 1.34 0 0 1 .579-.478l6.508-2.858A1.4 1.4 0 0 1 12.01 3"/><path fill="url(#SVGLWfwpeyK)" d="M12.007 5.25L12 9.75L6.87 7.528l.096-.056l4.646-2.138a1 1 0 0 1 .394-.084"/><path fill="url(#SVGPXG14bEj)" d="M11.99 3L12 9.75l7.628-3.302a1.34 1.34 0 0 0-.58-.478l-6.507-2.858A1.4 1.4 0 0 0 11.989 3"/><path fill="#6334aa" d="M17.13 7.528a1 1 0 0 0-.096-.056l-4.646-2.138a1 1 0 0 0-.393-.084L12 9.75z"/><path fill="url(#SVGjhfrN5Cs)" d="M15.937 12a3.937 3.937 0 1 1-7.873 0a3.937 3.937 0 0 1 7.873 0"/><defs><linearGradient id="SVGdUJxttdg" x1="4.125" x2="19.087" y1="10.732" y2="10.732" gradientUnits="userSpaceOnUse"><stop stop-color="#e14719"/><stop offset="1" stop-color="#ec6813"/></linearGradient><linearGradient id="SVGQQEfMecQ" x1="9.784" x2="16.616" y1="6.973" y2="21.492" gradientUnits="userSpaceOnUse"><stop stop-color="#df62af"/><stop offset="1" stop-color="#d4438d"/></linearGradient><linearGradient id="SVG4SNMdeoH" x1="4.126" x2="17.876" y1="9.169" y2="13.273" gradientUnits="userSpaceOnUse"><stop stop-color="#894eba"/><stop offset="1" stop-color="#95428a"/></linearGradient><linearGradient id="SVGAAVCubXz" x1="5.624" x2="17.859" y1="18.735" y2="15.779" gradientUnits="userSpaceOnUse"><stop stop-color="#68d5ff"/><stop offset="1" stop-color="#29c2f6"/></linearGradient><linearGradient id="SVGaPSwzdTw" x1="19.875" x2="5.858" y1="3" y2="12.797" gradientUnits="userSpaceOnUse"><stop offset=".17" stop-color="#fac35f"/><stop offset="1" stop-color="#f9a56e"/></linearGradient><linearGradient id="SVGLWfwpeyK" x1="4.834" x2="22.49" y1="12" y2="15.848" gradientUnits="userSpaceOnUse"><stop offset=".2" stop-color="#f68d44"/><stop offset="1" stop-color="#f8b136"/></linearGradient><linearGradient id="SVGPXG14bEj" x1="4.126" x2="19.029" y1="10.2" y2="10.2" gradientUnits="userSpaceOnUse"><stop offset=".21" stop-color="#945ed3"/><stop offset="1" stop-color="#bf3c90"/></linearGradient><linearGradient id="SVGjhfrN5Cs" x1="8.552" x2="12" y1="9.468" y2="15.937" gradientUnits="userSpaceOnUse"><stop offset=".64" stop-color="#fdfaf8"/><stop offset="1" stop-color="#fdfaf8" stop-opacity=".4"/></linearGradient></defs></g></svg>Ovr アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:ovr" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:ovr" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:ovr" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--ovr]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:ovr"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:ovr"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/ovr.svg" alt="Ovr アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Ovr アイコン のよくある質問
Ovr アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ovr アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:ovr" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ovr アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/ovr.svg" alt="Ovr アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。