Onion アイコン
fluent-emoji-flat:onion
Onion アイコン(fluent-emoji-flat:onion)は、Fluent Emoji Flat セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji Flat
- 作者
- 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="#d3883e" d="M18.23 28.028h-3.45c-.33 0-.6.27-.6.6v.12c0 .69.56 1.25 1.25 1.25h2.16c.69 0 1.25-.56 1.25-1.25v-.12a.617.617 0 0 0-.61-.6"/><path fill="#f3ad61" d="M19.21 4.288v-1.83c0-.42-.52-.62-.8-.3l-1.59 1.82c-.18.21-.5.21-.69 0l-1.59-1.82a.456.456 0 0 0-.8.3v1.84c0 1.14-.69 2.17-1.74 2.62c-4.11 1.74-7 5.81-7 10.56c0 6.08 5.07 11.31 11.15 11.48c6.49.18 11.8-5.03 11.8-11.47c0-4.75-2.89-8.83-7-10.57a2.87 2.87 0 0 1-1.74-2.63"/><path fill="#e19747" d="M10.3 25.318c1.64 2.3 3.84 3.56 6.18 3.56s4.53-1.27 6.18-3.56c1.61-2.25 2.49-5.23 2.49-8.39c0-4-1.44-7.72-3.85-9.94l-.62.67c2.22 2.05 3.55 5.52 3.55 9.27c0 5.31-2.646 9.754-6.154 10.804c1.344-2.013 2.057-6.514 2.064-10.814c0-3.76-.5-7.2-1.37-9.44l-.75.29c.82 2.12 1.31 5.54 1.31 9.15c0 3.04-.34 5.88-.94 8.02c-.555 1.96-1.208 2.83-1.698 3.026a6 6 0 0 1-.424 0c-.49-.196-1.143-1.065-1.698-3.026c-.61-2.14-.94-4.99-.94-8.02c0-3.62.49-7.04 1.31-9.15l-.75-.29c-.87 2.23-1.37 5.68-1.37 9.44c0 4.3.717 8.8 2.063 10.814c-3.508-1.052-6.153-5.495-6.153-10.804c0-3.75 1.33-7.22 3.55-9.27l-.62-.67c-2.41 2.22-3.85 5.94-3.85 9.94c0 3.16.88 6.14 2.49 8.39"/></g></svg>
Onion アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:onion" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:onion" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:onion" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--onion]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:onion"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:onion"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/onion.svg" alt="Onion アイコン" width="24" height="24">
Onion アイコン のよくある質問
Onion アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Onion アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:onion" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Onion アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/onion.svg" alt="Onion アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
