Flatbread アイコン
twemoji:flatbread
Flatbread アイコン(twemoji:flatbread)は、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"><circle cx="18" cy="18" r="17" fill="#e5a157"/><circle cx="18" cy="17" r="16.5" fill="#edb97f"/><g fill="#ffd983"><circle cx="16.56" cy="27.082" r=".9"/><circle cx="7.776" cy="21.536" r="1.2"/><circle cx="5.372" cy="15.879" r="1.5"/><circle cx="10.322" cy="10.222" r="1"/><circle cx="15.979" cy="11.353" r="1.2"/></g><g fill="#e5a157"><circle cx="27.999" cy="15.525" r="1.75"/><circle cx="22.187" cy="20.296" r=".9"/><circle cx="10.475" cy="26.674" r="1.25"/><circle cx="27.675" cy="22.865" r="1.5"/><circle cx="25.878" cy="7.04" r="1.25"/><circle cx="14.564" cy="18.707" r="1"/><circle cx="17.649" cy="4.592" r=".8"/></g><g fill="#c1694f"><circle cx="4.788" cy="19.129" r=".5"/><circle cx="23.004" cy="8.62" r=".5"/><circle cx="13.909" cy="23.728" r=".5"/><circle cx="27.999" cy="13.05" r=".5"/><circle cx="17.393" cy="30.728" r=".5"/></g><g fill="#edb97f"><circle cx="16.932" cy="7.102" r=".454"/><circle cx="10.51" cy="19.07" r=".454"/><circle cx="18.392" cy="17.144" r=".537"/><circle cx="24.873" cy="16.034" r=".702"/><circle cx="18.45" cy="24.383" r=".578"/><circle cx="19.735" cy="26.777" r=".619"/><circle cx="29.018" cy="19.07" r=".578"/></g><path fill="#964f45" d="M3.476 16.039c2.193-2.467 4.44-4.878 6.695-7.281c1.131-1.198 2.172-2.488 3.426-3.56c1.247-1.079 2.537-2.115 4.003-2.97l.105.107c-.888 1.446-1.952 2.713-3.059 3.936c-1.1 1.23-2.413 2.241-3.636 3.346c-2.453 2.201-4.914 4.393-7.429 6.531zm14.765 15.003c2.364-2.035 4.672-4.125 6.973-6.222c1.146-1.053 2.384-2.014 3.407-3.191c1.029-1.17 2.016-2.383 2.824-3.775l-.106-.106c-1.392.807-2.607 1.791-3.778 2.819c-1.178 1.021-2.141 2.258-3.195 3.403c-2.101 2.298-4.193 4.604-6.231 6.965zM6.512 27.364c1.856-1.563 3.664-3.173 5.498-4.758l5.41-4.847c1.792-1.627 3.736-3.101 5.322-4.935c1.597-1.824 3.124-3.717 4.353-5.911l-.175-.177c-2.201 1.215-4.105 2.73-5.939 4.315c-1.845 1.574-3.331 3.509-4.97 5.29L11.13 21.72c-1.597 1.824-3.219 3.621-4.794 5.467zm-1.844-5.141c1.941-1.149 3.643-2.539 5.29-3.984c1.655-1.437 3.024-3.162 4.515-4.764l4.445-4.835c1.457-1.636 2.935-3.252 4.374-4.906l-.141-.142c-1.665 1.427-3.291 2.893-4.938 4.339l-4.867 4.41c-1.613 1.479-3.348 2.836-4.797 4.481c-1.457 1.636-2.859 3.329-4.022 5.261zm6.95 7.841c1.941-1.149 3.643-2.539 5.29-3.984c1.655-1.437 3.024-3.162 4.515-4.764l4.445-4.835c1.457-1.636 2.935-3.252 4.374-4.906l-.141-.142c-1.665 1.427-3.291 2.893-4.938 4.339l-4.867 4.41c-1.613 1.479-3.348 2.836-4.797 4.481c-1.457 1.636-2.859 3.329-4.022 5.261z"/></svg>Flatbread アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:flatbread" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:flatbread" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:flatbread" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--flatbread]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:flatbread"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:flatbread"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/flatbread.svg" alt="Flatbread アイコン" width="24" height="24">他のアイコンセットの Flatbread アイコン
Flatbread アイコン のよくある質問
Flatbread アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Flatbread アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:flatbread" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Flatbread アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/flatbread.svg" alt="Flatbread アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。