Dingo アイコン

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

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

token-branded:dingo

Dingo アイコン(token-branded:dingo)は、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="#cb9e1e" d="M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18"/><path fill="#ebc46a" d="M5.7 8.702a38 38 0 0 0-2.102 3.6c.72 5.516 3.5 7.496 4.801 7.798l-.9-1.8l-.301.302l-.297-1.504l-.302-.296v-.9l-.301-.604l.301-.9l-.301-.296l.603-.604v-.296h.9L8.4 12.9l.599.301V12.9l.603.301c.297.297 2.097 1.499 2.997.9c.72-.481-.498-2.202-1.197-3.001l.598.302V11.1l.599.302V11.1l.603.598l.598-.598h.599c-.1.1-.297.476-.297 1.202c0 .72.397 1.498.598 1.8c.477-.72.403-2.504.302-3.304c.598-2.398 1.197-5.998.598-6.3c-.476-.238-2.398 1.302-3.298 2.102h.598l.302.302h.598L12.9 8.4q-.524-.704-.9-1.498h-.9v1.196c-.2-.196-.598-.958-.598-2.398S10.3 3.9 10.2 3.9c-1.678-.238-3.7 3.102-4.5 4.802"/><path fill="#cb9e1e" d="m5.399 9.602l-.9.9V11.7l.301-.297v.599l.302.9l.297-1.499l-.297-.301l.297-.599h-.297zM6.6 12.001l-.598 1.201l.598-.603v.302l.302-.302v.302L7.5 12v.301l.302-.9l.297.297L9.3 10.2l-1.201.598l-.599.603l-.301.297l-.297.603z"/><path fill="#f9df9d" d="m10.799 10.799l.603.302l.598.301v-.301l.599.301v-.301l.603.598l.598-.598h.599l.301-.302h-.3l-.297-.598v.301L13.8 9.9v.302l-.301-.599l-.297.297l-.603-.9v.3l-.297-.599v.9l-.302-.3v.301L11.402 9l.297.9H11.1l.302.603H10.8l.603.297zm.301.603c.72.239.9.9.9 1.197c-.238-.477-1.1-.794-1.498-.9h.297l-.599-.297c.477 0 .8.196.9.297zm3.6.297c-.476.243-.598.503-.598.603l.9-.301H14.7l.302-.302zM4.202 14.102l.297-1.8V13.5l.301-.297V14.4h.302L4.8 15.902v-.9c0-.243-.2-.105-.301 0v-.9z"/><path fill="#f9df9d" fill-rule="evenodd" d="M11.402 20.402c4.267 0 7.798-3.722 7.798-8.402s-3.531-8.402-7.798-8.402C7.129 3.598 3.598 7.32 3.598 12s3.531 8.402 7.804 8.402m0 .598c4.637 0 8.396-4.029 8.396-9s-3.759-9-8.396-9C6.759 3 3 7.029 3 12s3.759 9 8.402 9" clip-rule="evenodd"/><path fill="#f8f7df" d="m12 11.402l-.6-.302c.7.8 1.917 2.52 1.197 3.002c-.72.476-2.298-.403-2.997-.9l-.603-.302v.302L8.4 12.9l-.599.302h-.9v.296l-.603.604l.302.296l-.302.9l.302.604v.9l.301.296l.297 1.504l.302-.302l.9 1.8l3.298.598c.302-.196.9-.72.9-1.196c0-.482.402-.8.603-.9c.477.238 1.398.1 1.8 0c.599 0 .599-.9.9-1.8c.297-.9-.301-1.202-1.201-2.7a3.62 3.62 0 0 1-.302-3.002H13.8l-.599.598l-.603-.598v.302L12 11.1z"/><path fill="#dcd5b8" d="m13.202 15l.9 1.499l-.302.302zm1.498 3.6h.302v-.603c-1.202.604-1.504.302-2.404.302S10.502 16.8 10.2 16.8c-.238 0 .699.794 1.202 1.196c-.503-.296-1.562-1.08-1.8-1.8c-.302-.9-.604-1.498-1.8-1.196c-1.202.296-.302 1.498.598 2.096c.9.604 3.298.9 3.6 1.504c.238.476.1 1.397 0 1.8c.201-.106.598-.424.598-.9c0-.482.403-.8.604-.9c.72.238 1.297.1 1.498 0m-6.3.599c-.238-.239-.302-1.303-.302-1.8c.122.435.327.844.604 1.202l.296-.302c0 .476.8 1.599 1.202 2.102a5.1 5.1 0 0 1-1.8-1.504z"/><path fill="#cda01f" d="m12.6 10.798l.301.302l.302-.302l.296.302l.302-.599h-.302V10.2h-.296l-.302-.302v.302l-.598-1.202V10.5l-.604.297z"/><path fill="#604d25" d="M7.5 6.6c.958-1.922 2-2.202 2.398-2.102c.106-.1.302-.058.302.9c0 1.202.302 2.404.302 3.002s-.604.9-1.504 1.202c-.9.296-1.498 1.196-2.096 1.498c-.604.302-.604-2.102.598-4.5m5.4 1.8c.476-1.202 1.599-2.499 2.102-3.002c.958.482.196 3.404-.302 4.802c-.238-.72-1.302-1.498-1.8-1.8m.9 8.402c0-.482.8-.604 1.202-.604c.196 0 .656.064.9.302c.296.302-.604 1.498-.9 1.498a1.29 1.29 0 0 1-1.202-1.196m-3.002-3.6c-.476 0-.794-.604-.9-.9a1.43 1.43 0 0 1 1.202 0c.598.296.598.9.598 1.196c0 .302-.296-.296-.9-.296m3.902-.9l-.598.296l.296.9c.244-.238.302-.9.302-1.196"/><path fill="#9e7a2c" d="M8.098 7.5c0-2.398 1.201-3.001 1.8-3.001c.106-.1.301-.117.301.603c0 .9.302 2.097.302 3.299c0 .958-1.006 1-1.503.9v-.302h-.599V8.4l-.301.301zm6.003.302c0-.72.598-1.906.9-2.403c.958.243.397 2.7 0 3.902l-.302-.302l-.301-.297c-.101 0-.297-.18-.297-.9m1.498 9h-1.498c.196 0 .598.059.598.297c0 .243-.402.106-.598 0c.238.72.699.503.9.302c.238.238.498.1.598 0c-.238 0-.301-.202-.301-.302c.243 0 .301-.196.301-.297M10.2 12.6c0-.239.202-.297.302-.297v.598c-.106 0-.302-.058-.302-.301m.9.603c.101 0 .302-.121.302-.603c.1.301.18.841-.302.603m3.6-.603h-.301s-.053.582 0 .603c.058.021.301-.302.301-.603"/><path fill="#f8f7df" d="M10.798 12.303h-.296v.296h.296zm3.6.296c-.1.106-.238.36 0 .603z"/></g></svg>

Dingo アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Web3 Icons Branded の関連アイコン

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

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

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

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

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

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

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

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