Shib アイコン

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

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

token-branded:shib

Shib アイコン(token-branded:shib)は、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="#eb9a2e" d="M4.246 14.796c0-1.654.819-3.62 1.228-4.397c-.625-1.964-1.64-6.074-.703-6.8c.938-.726 3.2 1.687 4.214 2.984c.415-.219 1.589-.656 2.974-.656s2.686.437 3.165.656c2.727-3.052 3.868-3.26 4.097-2.984c.964 1.218-.04 5.04-.664 6.8c.403.644 1.205 2.426 1.205 4.398c0 2.463-3.54 5.995-7.818 5.995c-4.279 0-7.698-3.928-7.698-5.996"/><path fill="#e58014" fill-rule="evenodd" d="M5.72 9.372c-.367-1.237-.988-3.881-.55-4.564c.44-.683 2.199 1.027 3.023 1.967c-.475.38-1.635 1.43-2.474 2.597m12.651 0c.366-1.237.988-3.881.549-4.564c-.44-.683-2.198 1.027-3.023 1.967c.475.38 1.636 1.43 2.474 2.597" clip-rule="evenodd"/><path fill="#fefff7" d="M9.19 11.081q-.617.112-1.242.08a.314.314 0 0 1-.305-.285c-.04-.506.152-1.182.726-1.155c.689.032.99.542 1.095.961c.047.189-.085.365-.274.4m5.65 0c.49.09.942.097 1.243.08a.315.315 0 0 0 .305-.285c.039-.506-.153-1.182-.727-1.155c-.688.032-.989.542-1.094.961c-.047.189.084.365.273.4"/><path fill="#eaeae8" d="M11.526 20.69c-5.887-.897-7.305-4.31-7.279-5.904c3.042-.225 4.085.952 4.226 1.568c.081-.938.873-2.817 3.389-2.817s3.307 1.878 3.388 2.817a4.17 4.17 0 0 1 4.614-1.368c-1.44 4.787-6.159 5.798-8.338 5.704"/><path fill="#000001" fill-rule="evenodd" d="M12.778 14.442h-1.633a.413.413 0 0 0-.41.416v.806c.024.26.265.76 1.023.844v.8a.5.5 0 0 0-.115.168h-.977v.01a1.8 1.8 0 0 0-.339-.247a.103.103 0 0 0-.147.12a.1.1 0 0 0 .05.063c.065.036.166.1.252.175a1 1 0 0 1 .108.112q.04.056.044.084q.006.032.026.054v.447c0 .057.046.104.102.104a.103.103 0 0 0 .102-.104v-.611h2.196v.61c0 .058.046.105.102.105a.1.1 0 0 0 .073-.031a.1.1 0 0 0 .03-.073v-.5l.003-.018l.002-.004a.2.2 0 0 1 .025-.035a1 1 0 0 1 .114-.105a3 3 0 0 1 .286-.198a.105.105 0 0 0-.026-.19a.1.1 0 0 0-.078.01a3 3 0 0 0-.31.215l-.008.006h-1.025a.4.4 0 0 0-.08-.105v-.858c.786-.07 1.009-.583 1.02-.848v-.806a.413.413 0 0 0-.41-.416m-1.501 3.54l.216.265l.166-.157l.3.29l.31-.29l.145.157l.2-.266z" clip-rule="evenodd"/><path fill="#000" d="M7.507 11.766c-.302-.118-.305.16-.269.312v.232a1.04 1.04 0 0 0 .664.969c.913.343 2.456.818 2.287.32c-.223-.655-2.306-1.684-2.682-1.833m8.935 0c.3-.118.304.16.268.312v.232a1.04 1.04 0 0 1-.664.969c-.913.343-2.456.818-2.287.32c.223-.655 2.306-1.684 2.683-1.833"/><path fill="#000" fill-rule="evenodd" d="M8.981 6.106C8.095 5.009 6.998 3.78 5.643 3.242c-3.164-1.257-.922 5.982-.59 7.026c-.435.842-1.256 2.814-1.256 4.48c0 3.606 5.209 6.252 8.208 6.252c3.132 0 8.198-2.56 8.198-6.252c0-1.955-.743-3.679-1.18-4.414c.673-1.916 1.915-5.405.573-7.126c-.904-1.082-4.11 2.395-4.5 2.823c-.585-.24-1.808-.526-3.138-.526c-1.306 0-2.441.357-2.977.6M4.764 3.624c-.075.057-.144.16-.199.324a2.5 2.5 0 0 0-.1.623c-.027.5.03 1.132.14 1.814c.215 1.36.63 2.88.945 3.864l.028.085l-.042.078c-.411.774-1.225 2.72-1.225 4.336c0 .468.197 1.068.582 1.716c.383.644.94 1.318 1.632 1.931c1.387 1.226 3.363 2.046 5.48 2.046c2.123 0 4.007-.725 5.422-1.9c1.424-1.183 2.272-2.641 2.272-3.793c0-1.938-.801-3.697-1.195-4.323l-.054-.086l.034-.096c.314-.879.724-2.273.934-3.595c.105-.661.159-1.297.128-1.838c-.032-.543-.146-.96-.348-1.216c-.006-.004-.046-.03-.174-.01c-.149.022-.377.104-.699.299c-.642.387-1.61 1.192-2.994 2.724l-.1.11l-.135-.06c-.466-.212-1.764-.644-3.138-.644c-1.054 0-2.144.225-3.082.717c-.675-.855-1.407-1.677-2.249-2.371c-.37-.306-1.33-1.144-1.863-.735" clip-rule="evenodd"/></g></svg>

Shib アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Web3 Icons Branded の関連アイコン

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

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

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

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

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

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

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

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