Bread One アイコン
icon-park:bread-one
Bread One アイコン(icon-park:bread-one)は、IconPark セットの無料 SVG アイコンです（作者: ByteDance）。 48 × 48 のグリッドで描かれています。 IconPark icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- IconPark
- 作者
- ByteDance
- ライセンス
- Apache-2.0
- サイズ
- 48 × 48
- カテゴリ
- 食品
- タグ
- breadone
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path stroke="#000" d="M9 26C9 26 17 14 22 7.99998C25.1307 4.24312 31 2.75 36 5C41 7.25 43 12 41 16C39 20 31 35 31 35"/><path fill="#2F88FF" stroke="#000" d="M31 33.1882C31 36.3399 29.2441 39.1574 26.4861 41.0262C24.3203 42.4938 21.5366 41.867 18.5 41.867C15.2985 41.867 12.3782 42.3954 10.1667 40.7821C7.60938 38.9166 6 36.2056 6 33.1882C6 26.8125 11.5964 23 18.5 23C25.4036 23 31 27.5614 31 33.1882Z"/><path fill="#43CCF8" stroke="#fff" d="M23 33.2173C23 34.2126 22.3679 35.1023 21.375 35.6925C20.5953 36.1559 19.5932 35.958 18.5 35.958C17.3475 35.958 16.2961 36.1248 15.5 35.6154C14.5794 35.0263 14 34.1702 14 33.2173C14 31.2039 16.0147 30 18.5 30C20.9853 30 23 31.4404 23 33.2173Z"/><path stroke="#000" d="M14.9998 18.0001C14.9998 18.0001 18.5 17.0001 23 18.0001"/><path stroke="#000" d="M19.9997 10.9999C19.9997 10.9999 23.5 9.49985 26.9998 10.9999"/></g></svg>Bread One アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:bread-one" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:bread-one" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:bread-one" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--bread-one]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:bread-one"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:bread-one"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/icon-park/bread-one.svg" alt="Bread One アイコン" width="24" height="24">IconPark の関連アイコン
他のアイコンセットの Bread One アイコン
Bread One アイコン のよくある質問
Bread One アイコンは商用利用でも無料ですか?
はい。IconPark icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Bread One アイコンを使うには?
@iconify/react をインストールして <Icon icon="icon-park:bread-one" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bread One アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/icon-park/bread-one.svg" alt="Bread One アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。