Иконка Baguette Bread
noto-v1:baguette-bread
Иконка Baguette Bread (noto-v1:baguette-bread) — бесплатная SVG-иконка из набора Noto Emoji (v1) от Google Inc. Она нарисована на сетке 128 × 128. Noto Emoji (v1) icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Noto Emoji (v1)
- Автор
- Google Inc
- Лицензия
- Apache-2.0
- Размер
- 128 × 128
- Категория
- Еда и напитки
- Теги
- baguettebread
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#fff" d="M-620.55-526.55c-16-10.5-33.21-17.09-53.22-16.72c14.17-5.73 49.62 5.24 53.22 16.72m-91.78-92.85c10.54 5.95 21.9 35.18 17.49 51.9c-1.59-7.86-2.63-17.3-5.54-26.11c-2.87-8.66-7.64-16.69-11.95-25.79m42.08 48.71c12.39-12.2 24.78-24.41 37.18-36.61c.49.49.98.99 1.47 1.48c-12.35 12.27-24.7 24.53-37.06 36.8c-.53-.55-1.06-1.11-1.59-1.67"/><defs><path id="SVGjmfzj70R" d="M-.37 0H128v128H-.37z"/></defs><clipPath id="SVGlsJcabyr"><use href="#SVGjmfzj70R"/></clipPath><g clip-path="url(#SVGlsJcabyr)"><path fill="#c47930" d="M16.19 154.13c-8.06 6.02-16.21 3.36-18.17-5.17c-1.92-8.37 1.25-16.48 4.29-25.19c6.84-19.61 31.37-83.68 40.81-102.68c2.48-4.99 6.3-10.39 12.71-12.56c4.56-1.54 9.83.11 11.96 4.12c1.88 3.54 2.9 9.96 1.46 14.27c-7.11 21.4-31.18 83.68-39.43 104.75c-2.96 7.3-7.23 17.09-13.63 22.46"/><path fill="#fbc21a" d="M14.91 131.13c4.28 5.11 4.67 13.84 3.42 15.22s-3.66-5.12-7.94-10.23s-4.67-13.84-3.42-15.22c1.25-1.37 3.67 5.12 7.94 10.23m7.99-20.06c4.28 5.11 4.67 13.84 3.42 15.22s-3.66-5.12-7.94-10.23s-4.67-13.84-3.42-15.22c1.24-1.38 3.66 5.12 7.94 10.23M30.88 91c4.28 5.11 4.67 13.84 3.42 15.22s-3.66-5.12-7.94-10.23s-4.67-13.84-3.42-15.22c1.25-1.37 3.66 5.12 7.94 10.23m7.98-20.06c4.28 5.11 4.67 13.84 3.42 15.22s-3.66-5.12-7.94-10.23s-4.67-13.84-3.42-15.22s3.67 5.12 7.94 10.23m7.99-20.06c4.28 5.11 4.67 13.84 3.42 15.22s-3.66-5.12-7.94-10.23s-4.67-13.84-3.42-15.22s3.66 5.12 7.94 10.23m7.98-20.07c4.28 5.11 4.67 13.84 3.42 15.22s-3.66-5.12-7.94-10.23s-4.67-13.84-3.42-15.22c1.25-1.37 3.66 5.12 7.94 10.23"/></g><g clip-path="url(#SVGlsJcabyr)" opacity=".7"><path fill="#a86229" d="M16.19 154.13c6.4-5.37 10.67-15.15 13.62-22.45c4.56-11.65 21.96-57.25 30.65-80.21c-18.85 25.3-46.82 74.47-55.16 86.68c-2.54 3.72-6.31 13.81-5.58 14.94c3.3 5.08 9.91 5.93 16.47 1.04"/></g><g clip-path="url(#SVGlsJcabyr)"><path fill="#c47930" d="M14.25 186.98c-11.5 4.78-20.25-.82-19.72-11.6c.51-10.57 6.95-19.3 13.42-28.78c14.59-21.36 64.81-90.52 82.27-110.38c4.59-5.22 10.89-10.51 19.17-11.19c5.9-.48 11.57 3.06 12.74 8.49c1.04 4.79.11 12.75-3.01 17.47c-15.5 23.42-64.59 90.57-81.33 113.26c-5.92 7.83-14.2 18.23-23.54 22.73"/><path fill="#fbc21a" d="M20.38 159.16c3.35 7.38.92 17.91-1.01 19.19s-2.62-7.2-5.97-14.58s-.92-17.91 1.01-19.19s2.62 7.2 5.97 14.58m16.09-21.57c3.35 7.38.92 17.91-1.01 19.19s-2.62-7.2-5.97-14.58s-.92-17.91 1.01-19.19c1.92-1.27 2.61 7.2 5.97 14.58m16.08-21.56c3.35 7.38.92 17.91-1.01 19.19c-1.93 1.27-2.62-7.2-5.97-14.58s-.92-17.91 1.01-19.19c1.93-1.27 2.62 7.2 5.97 14.58m16.09-21.57c3.35 7.38.92 17.91-1.01 19.19c-1.93 1.27-2.62-7.2-5.97-14.58s-.92-17.91 1.01-19.19c1.92-1.27 2.62 7.2 5.97 14.58M84.72 72.9c3.35 7.38.92 17.91-1.01 19.19c-1.93 1.27-2.62-7.2-5.97-14.58s-.92-17.91 1.01-19.19c1.93-1.27 2.62 7.2 5.97 14.58m16.09-21.57c3.35 7.38.92 17.91-1.01 19.19c-1.93 1.27-2.62-7.2-5.97-14.58s-.92-17.91 1.01-19.19c1.92-1.27 2.62 7.2 5.97 14.58"/></g></svg>Как использовать иконку Baguette Bread
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:baguette-bread" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:baguette-bread" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:baguette-bread" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--baguette-bread]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:baguette-bread"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:baguette-bread"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/noto-v1/baguette-bread.svg" alt="Иконка Baguette Bread" width="24" height="24">Иконка Baguette Bread в других наборах
Вопросы и ответы: Иконка Baguette Bread
Можно ли бесплатно использовать иконку Baguette Bread в коммерческих проектах?
Да. Noto Emoji (v1) icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Baguette Bread в React?
Установите @iconify/react и выведите <Icon icon="noto-v1:baguette-bread" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Baguette Bread на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/noto-v1/baguette-bread.svg" alt="Иконка Baguette Bread">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.