Nuclear Mushroom Duo アイコン
streamline-kameleon-color:nuclear-mushroom-duo
Nuclear Mushroom Duo アイコン(streamline-kameleon-color:nuclear-mushroom-duo)は、Kameleon color icons セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Kameleon color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Kameleon color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- 文化
- タグ
- nuclearmushroom、mushroomduo、nuclearmushroomduo
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#deeeff" d="M23.999 47.997c13.255 0 24-10.745 24-24c0-13.254-10.745-24-24-24s-24 10.746-24 24c0 13.255 10.745 24 24 24"/><path fill="#2e3ecd" d="M20.907 31.134c-.882 2.511-1.981 3.829-2.705 4.695c-.586.702-.925 1.108-.7 1.614c.14.315.452.518.797.518h11.4a.87.87 0 0 0 .797-.518c.228-.513-.106-.909-.689-1.6c-.72-.856-1.824-2.165-2.717-4.71a62 62 0 0 1-3.091.118a62 62 0 0 1-3.092-.117m-2.829-3.427c.033.115.276.537.571.62a1.32 1.32 0 0 0 .798 1.36l2.048.01c.743.007 1.574.005 2.504-.01c.93.015 1.76.017 2.503.01l2.048-.01a1.32 1.32 0 0 0 .798-1.36c.295-.083.539-.505.571-.62c.643-1.443-.435-3.047-1.993-3.047c-.547 0-1.04.209-1.424.541c-.137-.452.385-2.563 1.126-4.226c1.315 1.832 4.093 1.665 5.17-.33c2.427 1.037 5.164-.737 5.164-3.411c0-2.91-3.2-4.673-5.657-3.153c-1.455-2.388-4.623-4.047-8.306-4.047c-3.684 0-6.851 1.66-8.307 4.047c-2.456-1.52-5.657.242-5.657 3.153c0 2.674 2.738 4.448 5.165 3.412c1.076 1.994 3.854 2.161 5.17.329c.74 1.663 1.263 3.774 1.125 4.226a2.17 2.17 0 0 0-1.424-.54c-1.558 0-2.636 1.603-1.993 3.046"/><path fill="#6bafff" d="M11.781 29.233c0-.657 2.543-1.229 6.298-1.527c.032.116.276.538.57.62c-1.989.231-3.22.413-3.169.64c.188.295 1.741.826 8.52.721c6.778.105 8.33-.426 8.518-.72c.05-.227-1.18-.41-3.169-.64c.295-.083.538-.505.57-.62c3.756.297 6.298.87 6.298 1.526c0 1.513-5.072 2.017-12.218 2.017s-12.218-.504-12.218-2.017"/></g></svg>Nuclear Mushroom Duo アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-kameleon-color:nuclear-mushroom-duo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-kameleon-color:nuclear-mushroom-duo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-kameleon-color:nuclear-mushroom-duo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-kameleon-color--nuclear-mushroom-duo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-kameleon-color -->
<div class="i-streamline-kameleon-color:nuclear-mushroom-duo"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-kameleon-color:nuclear-mushroom-duo"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/nuclear-mushroom-duo.svg" alt="Nuclear Mushroom Duo アイコン" width="24" height="24">Kameleon color icons の関連アイコン
Nuclear Mushroom Duo アイコン のよくある質問
Nuclear Mushroom Duo アイコンは商用利用でも無料ですか?
はい。Kameleon color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Nuclear Mushroom Duo アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-kameleon-color:nuclear-mushroom-duo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Nuclear Mushroom Duo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/nuclear-mushroom-duo.svg" alt="Nuclear Mushroom Duo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。