Popcorn Duo アイコン
streamline-kameleon-color:popcorn-duo
Popcorn Duo アイコン(streamline-kameleon-color:popcorn-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
- カテゴリ
- エンターテインメント
- タグ
- popcornduo
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.998 47.997c13.255 0 24-10.745 24-24s-10.745-24-24-24s-24 10.745-24 24s10.745 24 24 24"/><path fill="#2e3ecd" d="m37.525 20.506l-.249 1.112L33.83 36.94a1.31 1.31 0 0 1-1.278 1.021H15.445c-.61 0-1.143-.423-1.278-1.02l-3.448-15.322l-.248-1.112a2.62 2.62 0 0 1 2.618-2.618a2.62 2.62 0 0 1 2.618 2.618a2.62 2.62 0 0 1 2.618-2.618a2.62 2.62 0 0 1 2.618 2.618c0-1.689 1.366-3.055 3.055-3.055s3.054 1.366 3.054 3.055a2.62 2.62 0 0 1 5.237 0a2.62 2.62 0 0 1 2.618-2.618a2.62 2.62 0 0 1 2.618 2.618"/><path fill="#6bafff" d="M13.089 17.888a2.62 2.62 0 0 1 2.618 2.618a2.62 2.62 0 0 1 2.618-2.618a2.62 2.62 0 0 1 2.618 2.618a3.05 3.05 0 0 1 3.055-3.055a3.05 3.05 0 0 1 3.054 3.055a2.62 2.62 0 0 1 2.619-2.618a2.62 2.62 0 0 1 2.618 2.618a2.62 2.62 0 0 1 2.618-2.618c.88 0 1.659.437 2.134 1.105a3.05 3.05 0 0 0-4.49-3.192c-.448-3.266-2.85-5.768-5.745-5.768c-2.372 0-4.415 1.673-5.317 4.074c-.555-.454-1.219-.65-1.84-.477c-.657.185-1.141.74-1.362 1.47c-.591-.335-1.296-.395-1.9-.09c-.627.31-1.003.944-1.069 1.66c-1.606-.275-3.23.345-3.908 1.829a2.6 2.6 0 0 1 1.679-.611"/><path fill="#2e3ecd" d="M20.943 20.505a2.618 2.618 0 1 0-5.236 0l.116.77l2.502 16.685h3.491zm6.109 0a2.618 2.618 0 1 1 5.237 0l-.116.77l-2.502 16.685H26.18z"/><path fill="#6bafff" fill-rule="evenodd" d="m32.964 18.753l.01.001l-.13.865l-2.75 18.341h-.883l2.77-18.47l.026-.166c.18.355.282.757.282 1.182c0-.674.255-1.289.675-1.753m-5.386.18l-.951 19.027h-.874l.944-18.886c.227.427.355.914.355 1.432c0-.59.196-1.135.526-1.573m-6.228.048l.949 18.98h-.874l-.947-18.944c.293.423.465.936.465 1.489c0-.556.148-1.076.407-1.525m-5.365.35l.024.158l2.77 18.471h-.882l-2.751-18.34l-.13-.865l.015-.002c.42.464.676 1.08.676 1.754c0-.422.1-.82.278-1.174" clip-rule="evenodd"/></g></svg>Popcorn Duo アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-kameleon-color:popcorn-duo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-kameleon-color:popcorn-duo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-kameleon-color:popcorn-duo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-kameleon-color--popcorn-duo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-kameleon-color -->
<div class="i-streamline-kameleon-color:popcorn-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:popcorn-duo"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/popcorn-duo.svg" alt="Popcorn Duo アイコン" width="24" height="24">Kameleon color icons の関連アイコン
Popcorn Duo アイコン のよくある質問
Popcorn Duo アイコンは商用利用でも無料ですか?
はい。Kameleon color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Popcorn Duo アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-kameleon-color:popcorn-duo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Popcorn Duo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/popcorn-duo.svg" alt="Popcorn Duo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。