Falafel アイコン
twemoji:falafel
Falafel アイコン(twemoji:falafel)は、Twitter Emoji セットの無料 SVG アイコンです（作者: Twitter）。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Twitter Emoji
- 作者
- ライセンス
- CC-BY-4.0
- サイズ
- 36 × 36
- カテゴリ
- 飲食
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><ellipse cx="10.757" cy="8.247" fill="#c15829" rx="8.032" ry="6.884"/><path fill="#933813" d="M15.347 13.984c0-.972.144-1.874.395-2.71a14.9 14.9 0 0 0-4.626-.732c-2.628 0-5.057.628-7.053 1.785c1.438 1.83 3.898 2.805 6.694 2.805c1.714 0 3.291-.378 4.593-1.084z"/><path fill="#933813" d="M13.052 13.984c0 .308.02.606.046.901c3.294-.721 5.691-3.017 5.691-6.638c0-.889-.15-1.695-.417-2.42c-3.172 1.423-5.32 4.271-5.32 8.157"/><ellipse cx="25.673" cy="13.984" fill="#c15829" rx="10.327" ry="9.179"/><path fill="#933813" d="M25.673 22.59c0-6.029-4.354-9.953-10.088-10.745a9.6 9.6 0 0 0-.239 2.139c0 5.693 4.608 9.166 10.297 9.178c.01-.191.03-.377.03-.572"/><ellipse cx="12.263" cy="23.737" fill="#c15829" rx="12.263" ry="10.9"/><path fill="#a0ad55" d="M34.709 13.984c0-4.621-3.471-7.566-7.946-7.977c-.107.032-.216.059-.321.101c-2.761 1.102-3.698 5.254-2.094 9.275c1.274 3.192 3.767 5.334 6.123 5.533c2.543-1.302 4.238-3.707 4.238-6.932"/><path fill="#c4ce89" d="M26.442 6.108c-2.761 1.102-3.698 5.254-2.094 9.275c1.274 3.192 3.767 5.334 6.123 5.533c-5.945-10.374-3.924-14.85-4.029-14.808"/><circle cx="3.873" cy="19.721" r="1.147" fill="#ffac33"/><circle cx="5.594" cy="16.853" r=".574" fill="#77b255"/><circle cx="8.462" cy="18.574" r="1.147" fill="#77b255"/><circle cx="10.757" cy="15.131" r="1.147" fill="#ffac33"/><circle cx="5.594" cy="5.378" r=".574" fill="#ffac33"/><circle cx="7.315" cy="3.657" r="1.147" fill="#77b255"/><circle cx="10.183" cy="3.084" r=".574" fill="#ffac33"/><circle cx="20.51" cy="7.673" r=".574" fill="#77b255"/><circle cx="18.789" cy="9.394" r="1.147" fill="#ffac33"/><circle cx="29" cy="10" r="1" fill="#a6d388"/><circle cx="33" cy="14" r="1" fill="#a6d388"/><circle cx="4" cy="27" r="1" fill="#77b255"/><circle cx="10" cy="30" r="1" fill="#77b255"/><circle cx="19" cy="25" r="1" fill="#77b255"/><circle cx="22" cy="13" r="1" fill="#77b255"/><circle cx="15" cy="5" r="1" fill="#77b255"/><circle cx="8" cy="9" r="1" fill="#77b255"/><circle cx="14" cy="22" r="1" fill="#ffac33"/></svg>Falafel アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:falafel" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:falafel" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:falafel" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--falafel]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:falafel"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:falafel"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/falafel.svg" alt="Falafel アイコン" width="24" height="24">他のアイコンセットの Falafel アイコン
Falafel アイコン のよくある質問
Falafel アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Falafel アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:falafel" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Falafel アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/falafel.svg" alt="Falafel アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。