Icono Bread Bold
ph:bread-bold
El icono Bread Bold (ph:bread-bold) es un icono SVG gratuito de la colección Phosphor de Phosphor Icons. Está dibujado en una cuadrícula de 256 × 256. Phosphor icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Phosphor
- Autor
- Phosphor Icons
- Licencia
- MIT
- Tamaño
- 256 × 256
- Etiquetas
- food, meal, bakery, sandwich, gluten, loaf, toast, slice, breadbold
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M244 80a44.05 44.05 0 0 0-44-44H48a44 44 0 0 0-20 83.17V200a20 20 0 0 0 20 20h152a20 20 0 0 0 20-20v-80.83A44 44 0 0 0 244 80M52 123.3a12 12 0 0 0-4-23.3a20 20 0 0 1 0-40h92a20 20 0 0 1 0 40a12 12 0 0 0-4 23.3V196H52ZM200 100a12 12 0 0 0-4 23.3V196h-36v-76.83A43.92 43.92 0 0 0 179.17 60H200a20 20 0 0 1 0 40"/></svg>Cómo usar el icono Bread Bold
React
import { Icon } from "@iconify/react";
<Icon icon="ph:bread-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:bread-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:bread-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--bread-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:bread-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:bread-bold"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/ph/bread-bold.svg" alt="Icono Bread Bold" width="24" height="24">Iconos relacionados en Phosphor
Preguntas frecuentes sobre Icono Bread Bold
¿El icono Bread Bold es gratis para uso comercial?
Sí. Phosphor icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Bread Bold en React?
Instala @iconify/react y renderiza <Icon icon="ph:bread-bold" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Bread Bold a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/ph/bread-bold.svg" alt="Icono Bread Bold">, o pega el código SVG en línea para darle estilo con CSS.