Baguette Bread アイコン
emojione:baguette-bread
Baguette Bread アイコン(emojione:baguette-bread)は、Emoji One (Colored) セットの無料 SVG アイコンです(作者: Emoji One)。 64 × 64 のグリッドで描かれています。 Emoji One (Colored) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (Colored)
- 作者
- Emoji One
- ライセンス
- CC-BY-4.0
- サイズ
- 64 × 64
- カテゴリ
- 食べ物
- タグ
- baguettebread
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#fbd399" d="M28.8 54.5c-11.2.7-21.2 1-24.8-1.6c-5.1-3.8.7-19.2 4.9-24.6l50.9-12.8C66.1 27.1 58 31.4 47 39c-10 7-13.8 15.1-18.2 15.5"/><path fill="#fbbf67" d="M30.9 44.5c-8.7 8.3-34.1 14.1-27.5-7.1C6.3 28 11.9 26.7 12.7 25c2.2-4.9 8.4-7.2 10.6-7.9c5.2-1.5 2.3-6 15.7-5.4c1.2.1 3.8-2.1 6.7-2.5c7.9-1.2 13 3.6 14.1 6.4c5.3 13.2-9.1 10.2-28.9 28.9"/><path fill="#fff3e3" d="M7.5 53.1C-1.1 52 3.7 33.7 9.9 29.3c6.2-4.5 14.9-1.9 19.5 5.7c4.6 7.7 4.7 17.8-2.8 18.6c-6.3.6-12 .4-19.1-.5"/><path fill="#d3976e" d="M14.4 25c4.4-.9 8.2-3.8 16.1.9c5.7 4.7 6.8 8.6 7 5.7c.9-4-6.9-11.1-14.2-10.5c-7.2-.7-13.9 6.4-8.9 3.9"/><path fill="#89664c" d="M13.4 25.1c.2-.6 7.9-5.1 13.3-2.7c5.1 2.2 6.7 4.2 9.5 8.3c.4.6.6 1.1.9 1.5c.1 0 .1-.2 0-.8c.5-3.1-4.9-9.8-11.4-10.3c-6.2-1.3-13.6 3.5-12.3 4"/><path fill="#d3976e" d="M26.9 16.5c3.4-.7 6.2-2.9 12.1.7c4.3 3.6 5.1 6.5 5.3 4.3c.7-3-5.2-8.4-10.7-7.9c-5.4-.6-10.5 4.7-6.7 2.9"/><path fill="#89664c" d="M26.1 16.5c.1-.5 6-3.8 10-2c3.8 1.6 5.1 3.2 7.2 6.3c.3.5.5.8.7 1.1c0 0 .1-.2 0-.6c.4-2.4-3.7-7.4-8.6-7.7c-4.7-1.1-10.3 2.6-9.3 2.9"/><path fill="#d3976e" d="M41.2 11.7c2.5-.2 4.7-1.6 8.8 1.5c2.8 2.9 3.2 5.1 3.5 3.5c.7-2.2-3.2-6.5-7.2-6.6c-3.9-.7-8 2.7-5.1 1.6"/><path fill="#89664c" d="M40.6 11.7c.1-.3 4.6-2.3 7.4-.7c2.7 1.5 3.4 2.7 4.7 5.1c.2.4.3.7.4.9c0 0 .1-.1.1-.4c.5-1.7-2.1-5.7-5.7-6.3c-3.3-1.1-7.5 1.1-6.9 1.4"/><path fill="#ede0d1" d="M7.1 47.2L8.2 46l-1.1-1.2L6 46zm5.1-15.1l1.1-1.1l-1.1-1.2l-1.1 1.2zm-4.5 7.2l1.1-1.1L7.7 37l-1.1 1.2zm2.8 1.2l1.1-1.2l-1.1-1.1l-1.1 1.1zm6 9l1.1-1.2l-1.1-1.1l-1.1 1.1zm3.1-2.3l1.1-1.2l-1.1-1.2l-1.1 1.2zm7.1-9.6l1.1-1.2l-1.1-1.1l-1.1 1.1zm-5.4-3.8l1.1-1.2l-1.1-1.1l-1.1 1.1zm7.9 14.5l1.1-1.1l-1.1-1.2l-1.1 1.2zm-1.1-2.7l1.1-1.2l-1.1-1.1l-1.1 1.1zm-4.7-6.8l1.7-1.8l-1.7-1.7l-1.6 1.7zm-4.1 13l1.7-1.7l-1.7-1.8l-1.7 1.8zM6 44l1.6-1.8L6 40.5l-1.7 1.7z"/></svg>Baguette Bread アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione:baguette-bread" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione:baguette-bread" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione:baguette-bread" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--baguette-bread]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:baguette-bread"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione:baguette-bread"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione/baguette-bread.svg" alt="Baguette Bread アイコン" width="24" height="24">他のアイコンセットの Baguette Bread アイコン
Baguette Bread アイコン のよくある質問
Baguette Bread アイコンは商用利用でも無料ですか?
はい。Emoji One (Colored) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Baguette Bread アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione:baguette-bread" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Baguette Bread アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione/baguette-bread.svg" alt="Baguette Bread アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。