Domi アイコン

Q: Domi アイコンは商用利用でも無料ですか?

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

token-branded:domi

Domi アイコン(token-branded:domi)は、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(#SVGKUdhVmrY)" d="M5.118 8.03c-.424-.212-.705-.794-.795-1.059c.636.423 2.208.53 2.912.53a3.4 3.4 0 0 0-.794.529c.635-.212 1.678-.265 2.118-.265a4.24 4.24 0 0 1 3.176 1.324c-.423.635-.53 1.498-.53 1.852c-.147-1.058-1.058-2.647-2.646-2.647c-1.27 0-2.118.885-2.383 1.324l.53-.265v4.5c-.212 0-.44-.175-.53-.264c.424 1.058 1.589 1.588 2.383 1.588c.89 0 1.503-.365 1.922-.863c.794-.953.825-2.213 1.043-3.373c.38-2.064 1.8-3.176 3.917-3.176s3.97 1.588 3.97 3.706c0 2.753-1.323 4.235-3.97 4.235c-1.482 0-2.647-.794-3.176-1.588c.423-.424.704-1.414.794-1.853c.264.794 1.059 2.382 2.382 2.382c1.588 0 2.382-1.058 2.382-3.568c0-2.012-1.323-2.785-2.382-2.785c-1.588 0-2.541 1.472-2.78 2.785c-.126.688-.222 1.504-.396 1.98c-1.06 2.912-3.442 2.647-5.03 2.647c-1.27 0-1.943 1.06-2.117 1.588z"/><path fill="url(#SVGAUVJfbmN)" d="M6.706 9.01v-.45l-.53.264c-.264-.265-.264-.53-.264-.794L4.323 6.97c.09.265.371.847.795 1.059v9.265c.174-.53.847-1.589 2.117-1.589h.37c1.293.016 2.955.037 4.045-1.466l.18-.265a5 5 0 0 0 .35-.694l-.445-.222c-.264.704-1.165 2.17-2.647 2.383c-1.482.211-2.557-.265-2.912-.53l-.105-.265l.37-.264h-.53c-.211-.635-.211-1.27 0-1.06c.212.213.44.266.53.266c0-.212-.355-.62-.53-.795v-2.382s-.264-.264-.264-.53c0-.423.355-.174.53 0l.264-.396l-.265.132c.101-.164.276-.392.53-.609"/><path fill="url(#SVG53vzNdam)" d="M15.664 14.64c1.44-.1 2.16-1.175 2.16-3.562c0-2.012-1.324-2.785-2.383-2.785c-.09 0-.18 0-.264.016v-.016c1.852-.265 3.705 1.059 3.705 3.176c0 2.912-1.853 3.706-3.176 3.706z"/><path fill="url(#SVGccXBucMm)" d="m15.706 15.701l-.265.005c-1.482 0-2.647-.794-3.177-1.588h.795c.264.355 1.164 1.059 2.647 1.059z"/><path fill="url(#SVGN6ofgbKL)" fill-rule="evenodd" d="M12 19.941a7.942 7.942 0 1 0 0-15.883a7.942 7.942 0 0 0 0 15.883M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18" clip-rule="evenodd"/><defs><linearGradient id="SVGKUdhVmrY" x1="21" x2="4.579" y1="11.77" y2="11.77" gradientUnits="userSpaceOnUse"><stop stop-color="#f3d856"/><stop offset=".28" stop-color="#f8ee5d"/><stop offset=".56" stop-color="#c8742a"/><stop offset=".8" stop-color="#f7ee5d"/><stop offset="1" stop-color="#805321"/></linearGradient><linearGradient id="SVGAUVJfbmN" x1="21.194" x2="4.819" y1="11.77" y2="11.77" gradientUnits="userSpaceOnUse"><stop stop-color="#cc7e2e"/><stop offset=".67" stop-color="#ed7e1c"/><stop offset=".88" stop-color="#6e4720"/><stop offset=".97" stop-color="#613d19"/><stop offset="1" stop-color="#f47429"/></linearGradient><linearGradient id="SVG53vzNdam" x1="19.714" x2="6.857" y1="10.665" y2="10.665" gradientUnits="userSpaceOnUse"><stop offset=".21" stop-color="#6b4822"/><stop offset=".38" stop-color="#ed7022"/><stop offset=".73" stop-color="#f8b23c"/><stop offset="1" stop-color="#f7eb5c"/></linearGradient><linearGradient id="SVGccXBucMm" x1="3" x2="21" y1="6" y2="6" gradientUnits="userSpaceOnUse"><stop stop-color="#f18023"/><stop offset=".46" stop-color="#f59c1f"/><stop offset=".99" stop-color="#f8ed5d"/></linearGradient><linearGradient id="SVGN6ofgbKL" x1="4.853" x2="20.471" y1="7.5" y2="17.029" gradientUnits="userSpaceOnUse"><stop stop-color="#f8fbee"/><stop offset=".22" stop-color="#fff7a0"/><stop offset=".44" stop-color="#cfa34f"/><stop offset=".72" stop-color="#884a1d"/><stop offset=".88" stop-color="#8f5114"/><stop offset="1" stop-color="#5c1c01"/></linearGradient></defs></g></svg>

Domi アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Web3 Icons Branded の関連アイコン

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

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

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

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

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

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

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

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

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