Иконка Bread One
icon-park:bread-one
Иконка Bread One (icon-park:bread-one) — бесплатная SVG-иконка из набора IconPark от 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>Веб-компонент
<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, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Bread One в React?
Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.