ICONYZ
日本語
Web3 Icons Branded の Om アイコン

Om アイコン

token-branded:om

Om アイコン(token-branded:om)は、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 コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVG6WQKhcBr)" fill-rule="evenodd" d="m4.688 10.313l.374.36l-.375.356l-.375-.357zm-.312 1.368c.173.165.45.165.623 0L6 10.688l.375.28v2.72H6v-2.36l-.626.59a1 1 0 0 1-.686.27a1 1 0 0 1-.687-.27l-.626-.593v2.363H3v-2.72l.375-.28zm2.186 2.007l1.227-3h.551l1.223 3H9.15l-.315-.75H7.312l-.322.75zm1.485-2.625l-.61 1.5h1.267l-.634-1.5zM12 13.046h-.023l-1.784-2.358H9.75v3h.375v-2.43h.026L12 13.684l.375.004v-3H12zm.75-1.987v-.371h2.625v.375H14.25v2.624h-.375v-2.624H12.75zm3-.371h1.271c.638 0 .979.345.979.825v.06c0 .45-.206.57-.442.637v.026c.27.011.442.165.442.548v.903h-.375v-.858c0-.267-.293-.267-.525-.267h-.975v1.126h-.375zm2.25 3l1.226-3h.552l1.222 3h-.413l-.314-.75H18.75l-.323.75zm-1.875-1.5h.84c.375 0 .66-.29.66-.563c0-.274-.274-.562-.675-.562h-.825zm2.749.374l.611-1.5h.023l.633 1.5z" clip-rule="evenodd"/><defs><linearGradient id="SVG6WQKhcBr" x1="3" x2="21" y1="12" y2="12" gradientUnits="userSpaceOnUse"><stop stop-color="#ffb298"/><stop offset="1" stop-color="#fe95ce"/></linearGradient></defs></g></svg>

Om アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="token-branded:om" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="token-branded:om" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="token-branded:om" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--om]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:om"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="token-branded:om"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/token-branded/om.svg" alt="Om アイコン" width="24" height="24">

Web3 Icons Branded の関連アイコン

他のアイコンセットの Om アイコン

Om アイコン のよくある質問

Om アイコンは商用利用でも無料ですか?

はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Om アイコンを使うには?

@iconify/react をインストールして <Icon icon="token-branded:om" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Om アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/om.svg" alt="Om アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Web3 Icons Branded アイコン をすべて見る →