Metis Andromeda Background アイコン
token-branded:metis-andromeda-background
Metis Andromeda Background アイコン(token-branded:metis-andromeda-background)は、Web3 Icons Branded セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons Branded
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- metisandromeda、andromedabackground、metisandromedabackground
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd)"><path fill="#00d8c1" d="M24 0H0v24h24z"/><path fill="#fff" d="M11.836 12.724c.164-.3.447-.626.701-.95c.686.01 1.153.038 1.816-.316c.235-.122.297-.113.367-.385c-.818 0-.997.094-1.666.253c.438-.63 2.137-1.035 2.24-1.834c-.588.131-.8.23-1.204.535l-.965.782c.043-.263.226-.545.33-.782c.15-.352.108-.484.207-.85c-.287.027-.433.343-.612.597c-.786 1.176-.49 2.131-1.36 2.645c.057-.584.287-1.243.113-1.897c-.495-.047-.55 1.068-.55 1.704c0 1.463.023.753-.48 1.797c-.039-.405-.006-1.34-.119-1.624c-.136-.352-.033-.23-.32-.235c-.207.387-.07 1.464.02 1.896c.07.368.164.509.07.815a9 9 0 0 1-.297.748c-.126-.589-.451-1.633-.931-1.571c-.136.564.503 1.58.828 1.834c-.009.519-.15.669-.165 1.29c.085-.151.109-.231.15-.396c.04-.16.072-.352.085-.517c.626-.019 1.836-.15 1.95-.988c-.52-.17-1.39.424-1.79.644c.058-.315.311-.988.48-1.194c.486.122 1.756.037 1.92-.65l-1.84.353l.622-1.144c.677 0 2.07-.206 2.23-.86c-.795-.095-1.2.178-1.835.3z"/><path fill="#fff" d="M12.02 4C16.422 4 20 7.642 20 12.132c0 4.527-3.5 6.87-5.953 7.868h-.014c-.593-.753-.377-.612.245-2.132c.451-1.106.376-1.26.545-1.76c.066-.187.194-.33.268-.47c2.151-.029 2.32-.052 2.306-.941c0-.607-.037-.391.218-.777c-.18-.283-.132-.39-.072-.592c.109-.354-.014-.311-.093-.618c.264-.235.507-.245.668-.601c-.18-.292-.447-.428-.715-.646c-.471-.384-.688-.686-.697-.931c-.014-.33.287-.56.291-.753c.01-.22-.277-.565-.413-.814l-.424-.94c-.461-1.14-1.092-1.253-2.414-1.403c-1.072-.127-1.732-.274-2.292-.269c-.705.006-1.26.4-2.306 1.223c-.46.358-.963.658-1.496.895c-.724.555-1.74 1.412-1.75 2.339c-.015.4-.01.795-.02 1.19c-.023 1.073.772 1.266.894 1.534c.095.197.039.405.165.687c.193.424.17.18.448.405c.244.187.352.8.521 1.096c.34.593 1.68.904 1.94 1.11c-.043.73-.791 2-1.318 2.627a8.16 8.16 0 0 1-4.531-7.336C4.033 7.643 7.61 4 12.019 4"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Metis Andromeda Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:metis-andromeda-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:metis-andromeda-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:metis-andromeda-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--metis-andromeda-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:metis-andromeda-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:metis-andromeda-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/metis-andromeda-background.svg" alt="Metis Andromeda Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Metis Andromeda Background アイコン のよくある質問
Metis Andromeda Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Metis Andromeda Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:metis-andromeda-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Metis Andromeda Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/metis-andromeda-background.svg" alt="Metis Andromeda Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。