Falafel アイコン
openmoji:falafel
Falafel アイコン(openmoji:falafel)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- OpenMoji
- 作者
- OpenMoji
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 72 × 72
- カテゴリ
- 飲食
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><circle cx="36" cy="35.998" r="28" fill="#fff"/><path fill="#a57939" stroke="#a57939" stroke-width="2" d="M52.99 45.478a19.84 19.84 0 0 1-12.02 9.248a19.8 19.8 0 0 1-15.03-1.979l3.463-6.007c8.406-15.49 5.906-11.48 21.62-2.395z"/><ellipse cx="35.04" cy="24.707" fill="#6a462f" stroke="#6a462f" stroke-width="2" rx="7.993" ry="8.057" transform="rotate(-70 35.04 24.707)"/><ellipse cx="26.906" cy="36.213" fill="#5c9e31" rx="8.057" ry="7.99" transform="rotate(-10 26.905 36.213)"/><path fill="#6a462f" d="M20.32 40.538a8.07 8.07 0 0 0 6.682 3.535c4.45 0 8.057-3.577 8.057-7.99s-3.607-7.99-8.057-7.99a8 8 0 0 0-.639.03q.05.066.098.136a8 8 0 0 1 .728 1.422a7.935 7.935 0 0 1-1.896 8.627a8 8 0 0 1-1.26.992a8.1 8.1 0 0 1-3.713 1.238"/><ellipse cx="43.124" cy="36.559" fill="#6a462f" rx="7.99" ry="8.057" transform="rotate(-70 43.124 36.56)"/><g fill="none" stroke="#000" stroke-width="2"><path stroke-linecap="round" d="m51.28 44.49l1.703.985c-5.471 9.48-17.57 12.74-27.02 7.278l3.463-6.007"/><circle cx="36.01" cy="36" r="28" stroke-miterlimit="10"/><path stroke-linecap="round" d="M27.02 24.79a7.9 7.9 0 0 1 .477-2.947c1.509-4.147 6.122-6.274 10.3-4.752c3.519 1.281 5.611 4.739 5.286 8.274"/><ellipse cx="26.715" cy="35.927" rx="8.057" ry="7.99" transform="rotate(-10 26.715 35.927)"/><ellipse cx="43.333" cy="36.491" rx="8.345" ry="8.411" transform="rotate(-70 43.333 36.491)"/><path stroke-linecap="round" stroke-linejoin="round" d="M20.02 40.39a8.07 8.07 0 0 0 6.682 3.535c4.45 0 8.057-3.577 8.057-7.99h0c0-4.413-3.607-7.99-8.057-7.99a8 8 0 0 0-.639.03q.05.066.098.136a8 8 0 0 1 .728 1.422a7.935 7.935 0 0 1-1.896 8.627a8 8 0 0 1-1.26.992a8.1 8.1 0 0 1-3.713 1.238"/></g></svg>Falafel アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:falafel" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:falafel" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:falafel" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--falafel]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:falafel"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:falafel"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/openmoji/falafel.svg" alt="Falafel アイコン" width="24" height="24">他のアイコンセットの Falafel アイコン
Falafel アイコン のよくある質問
Falafel アイコンは商用利用でも無料ですか?
はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Falafel アイコンを使うには?
@iconify/react をインストールして <Icon icon="openmoji:falafel" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Falafel アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/falafel.svg" alt="Falafel アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。