Eggplant アイコン
fluent-emoji:eggplant
Eggplant アイコン(fluent-emoji:eggplant)は、Fluent Emoji セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#izXkkzd)" d="M19.5 30c-15.019 0-17-11.5-17-21h10c1 3 2.262 7.623 9 6.5c6-1 8.5 3.727 8.5 6.5c0 2-.5 8-10.5 8"/><path fill="#2EC262" d="M7.5 2A1.5 1.5 0 0 0 6 3.5v1.338l3-.135V3.5A1.5 1.5 0 0 0 7.5 2"/><path fill="url(#ijeu6id)" d="M7.5 2A1.5 1.5 0 0 0 6 3.5v1.338l3-.135V3.5A1.5 1.5 0 0 0 7.5 2"/><path fill="url(#ihnFroc)" d="M7.5 2A1.5 1.5 0 0 0 6 3.5v1.338l3-.135V3.5A1.5 1.5 0 0 0 7.5 2"/><path fill="url(#iNqZ7Pe)" d="M7.5 2A1.5 1.5 0 0 0 6 3.5v1.338l3-.135V3.5A1.5 1.5 0 0 0 7.5 2"/><path fill="#28A964" d="M6 4.271c-2.32.74-4 2.914-4 5.479V10c0 .552.495 1.018.919.664c.221-.184.401-.424.581-.664c.375-.5.75-1 1.5-1s1.125.5 1.5 1s.75 1 1.5 1s1.125-.5 1.5-1s.75-1 1.5-1c.738 0 1.089.484 1.445.976l.16.218c.349.46.895.133.895-.444c0-2.746-1.925-4.908-4.5-5.479c0 0-.719-.146-1.5-.146S6 4.271 6 4.271"/><path fill="url(#iwbZjXb)" d="M6 4.271c-2.32.74-4 2.914-4 5.479V10c0 .552.495 1.018.919.664c.221-.184.401-.424.581-.664c.375-.5.75-1 1.5-1s1.125.5 1.5 1s.75 1 1.5 1s1.125-.5 1.5-1s.75-1 1.5-1c.738 0 1.089.484 1.445.976l.16.218c.349.46.895.133.895-.444c0-2.746-1.925-4.908-4.5-5.479c0 0-.719-.146-1.5-.146S6 4.271 6 4.271"/><g filter="url(#i5LeNHb)"><ellipse cx="26.446" cy="20.724" fill="#B685FF" rx="1.885" ry="1.393" transform="rotate(-50.773 26.446 20.724)"/></g><defs><radialGradient id="izXkkzd" cx="0" cy="0" r="1" gradientTransform="rotate(106.422 6.193 14.133)scale(18.5701 24.318)" gradientUnits="userSpaceOnUse"><stop offset=".138" stop-color="#8A59E8"/><stop offset=".302" stop-color="#7E2EF2"/><stop offset=".446" stop-color="#894AFF"/><stop offset=".506" stop-color="#8A4CFF"/><stop offset=".767" stop-color="#6A26FF"/><stop offset="1" stop-color="#542BFF"/></radialGradient><radialGradient id="ijeu6id" cx="0" cy="0" r="1" gradientTransform="matrix(0 3.01849 -2.375 0 8.625 3.419)" gradientUnits="userSpaceOnUse"><stop stop-color="#3EF797"/><stop offset="1" stop-color="#3FF693" stop-opacity="0"/></radialGradient><radialGradient id="ihnFroc" cx="0" cy="0" r="1" gradientTransform="matrix(0 2 -1.25 0 7.938 3.656)" gradientUnits="userSpaceOnUse"><stop stop-color="#47F99C"/><stop offset="1" stop-color="#42F799" stop-opacity="0"/></radialGradient><radialGradient id="iNqZ7Pe" cx="0" cy="0" r="1" gradientTransform="rotate(138.424 3.473 2.99)scale(.6475 .66909)" gradientUnits="userSpaceOnUse"><stop stop-color="#5AFEA6"/><stop offset="1" stop-color="#8CFFC2" stop-opacity="0"/></radialGradient><radialGradient id="iwbZjXb" cx="0" cy="0" r="1" gradientTransform="matrix(-5.81249 6.75001 -6.66228 -5.73694 11.375 6.25)" gradientUnits="userSpaceOnUse"><stop offset=".231" stop-color="#46FFA1"/><stop offset=".937" stop-color="#35FF99" stop-opacity="0"/></radialGradient><filter id="i5LeNHb" width="9.216" height="9.411" x="21.838" y="16.018" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_31099" stdDeviation="1.5"/></filter></defs></g></svg>
Eggplant アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:eggplant" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:eggplant" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:eggplant" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--eggplant]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:eggplant"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:eggplant"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji/eggplant.svg" alt="Eggplant アイコン" width="24" height="24">
Eggplant アイコン のよくある質問
Eggplant アイコンは商用利用でも無料ですか?
はい。Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Eggplant アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji:eggplant" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Eggplant アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji/eggplant.svg" alt="Eggplant アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji アイコン をすべて見る →
ICONYZ
