bread emoji
bread from Streamline Emojis by Streamline · Default · Food Drink · CC-BY-4.0 Attribution required.
- Name
- bread
- Set
- Streamline Emojis
- Style
- Default
- Category
- Food Drink
- Viewbox
- 48×48
- License
- CC BY 4.0
The same emoji in other sets
breadEmoji One (Colored)breadFluent EmojibreadFluent Emoji FlatbreadFluent Emoji High ContrastbreadFirefox OS EmojibreadIconParkbreadIconPark OutlinebreadIconPark SolidbreadIconPark TwoTonebread-fillMingCute IconbreadNoto EmojibreadOpenMojibreadPhosphorbread-fillRemix IconbreadTabler IconsbreadTDesign IconsbreadTwitter Emoji
More food drink icons from Streamline Emojis
baby-bottlebeer-mugbirthday-cake-1birthday-cake-2birthday-cake-3bottle-with-popping-corkcandychampagne-glass-1champagne-glass-2cherrieschestnutclinking-beer-mugsclinking-glasses-1clinking-glasses-2clinking-glasses-3clinking-glasses-4clinking-glasses-5cocktail-glasscooked-ricecookiecookingcustarddoughnut-1doughnut-2
Use the bread emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#45413c" d="M3.88 45.11a20.12 1.89 0 1 0 40.24 0a20.12 1.89 0 1 0-40.24 0" opacity=".15"/><path fill="#b89558" d="M23.37 7.15c-9.53 0-16 2.83-19.49 6.92L16.46 31l7.54-.34V45.5l16.92-4a2.52 2.52 0 0 0 1.94-2.45V25.9a8.9 8.9 0 0 1 1.38-4.58a8.05 8.05 0 0 0 1.13-4.48c-.37-7.66-14.02-9.69-22-9.69"/><path fill="#debb7e" d="M43.87 22c.11-.22.24-.45.37-.67a8.05 8.05 0 0 0 1.13-4.48c-.35-7.66-14-9.69-22-9.69c-9.53 0-16 2.83-19.49 6.92l8.73 11.77h1s9-8.49 18.65-9.85c6.68-1 11.93-.36 11.61 6"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M23.37 7.15c-9.53 0-16 2.83-19.49 6.92L16.46 31l7.54-.34V45.5l16.92-4a2.52 2.52 0 0 0 1.94-2.45V25.9a8.9 8.9 0 0 1 1.38-4.58a8.05 8.05 0 0 0 1.13-4.48c-.37-7.66-14.02-9.69-22-9.69"/><path fill="#f7e5c6" d="M26.51 22.85A8.08 8.08 0 0 0 20.28 15L8.8 12.31a4.86 4.86 0 0 0-6.17 4.53a8.05 8.05 0 0 0 1.13 4.48a8.9 8.9 0 0 1 1.38 4.58v13.2a2.51 2.51 0 0 0 1.94 2.45L24 45.5V30a5.94 5.94 0 0 1 1.31-3.88a5 5 0 0 0 1.2-3.27"/><path fill="#fff5e3" d="M3.47 19.35a4.58 4.58 0 0 1 5.73-4.52l10.68 2.68a8 8 0 0 1 5.8 7.86a2 2 0 0 1 0 .26a4.87 4.87 0 0 0 .86-2.78A8.08 8.08 0 0 0 20.28 15L8.8 12.31a4.86 4.86 0 0 0-6.17 4.53a8 8 0 0 0 .94 4.09a8 8 0 0 1-.1-1.58"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M26.51 22.85A8.08 8.08 0 0 0 20.28 15L8.8 12.31a4.86 4.86 0 0 0-6.17 4.53a8.05 8.05 0 0 0 1.13 4.48a8.9 8.9 0 0 1 1.38 4.58v13.2a2.51 2.51 0 0 0 1.94 2.45L24 45.5V30a5.94 5.94 0 0 1 1.31-3.88a5 5 0 0 0 1.2-3.27"/></svg>
React
import type { SVGProps } from "react";
export function StreamlineEmojisBread(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#45413c" d="M3.88 45.11a20.12 1.89 0 1 0 40.24 0a20.12 1.89 0 1 0-40.24 0" opacity=".15"/><path fill="#b89558" d="M23.37 7.15c-9.53 0-16 2.83-19.49 6.92L16.46 31l7.54-.34V45.5l16.92-4a2.52 2.52 0 0 0 1.94-2.45V25.9a8.9 8.9 0 0 1 1.38-4.58a8.05 8.05 0 0 0 1.13-4.48c-.37-7.66-14.02-9.69-22-9.69"/><path fill="#debb7e" d="M43.87 22c.11-.22.24-.45.37-.67a8.05 8.05 0 0 0 1.13-4.48c-.35-7.66-14-9.69-22-9.69c-9.53 0-16 2.83-19.49 6.92l8.73 11.77h1s9-8.49 18.65-9.85c6.68-1 11.93-.36 11.61 6"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M23.37 7.15c-9.53 0-16 2.83-19.49 6.92L16.46 31l7.54-.34V45.5l16.92-4a2.52 2.52 0 0 0 1.94-2.45V25.9a8.9 8.9 0 0 1 1.38-4.58a8.05 8.05 0 0 0 1.13-4.48c-.37-7.66-14.02-9.69-22-9.69"/><path fill="#f7e5c6" d="M26.51 22.85A8.08 8.08 0 0 0 20.28 15L8.8 12.31a4.86 4.86 0 0 0-6.17 4.53a8.05 8.05 0 0 0 1.13 4.48a8.9 8.9 0 0 1 1.38 4.58v13.2a2.51 2.51 0 0 0 1.94 2.45L24 45.5V30a5.94 5.94 0 0 1 1.31-3.88a5 5 0 0 0 1.2-3.27"/><path fill="#fff5e3" d="M3.47 19.35a4.58 4.58 0 0 1 5.73-4.52l10.68 2.68a8 8 0 0 1 5.8 7.86a2 2 0 0 1 0 .26a4.87 4.87 0 0 0 .86-2.78A8.08 8.08 0 0 0 20.28 15L8.8 12.31a4.86 4.86 0 0 0-6.17 4.53a8 8 0 0 0 .94 4.09a8 8 0 0 1-.1-1.58"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M26.51 22.85A8.08 8.08 0 0 0 20.28 15L8.8 12.31a4.86 4.86 0 0 0-6.17 4.53a8.05 8.05 0 0 0 1.13 4.48a8.9 8.9 0 0 1 1.38 4.58v13.2a2.51 2.51 0 0 0 1.94 2.45L24 45.5V30a5.94 5.94 0 0 1 1.31-3.88a5 5 0 0 0 1.2-3.27"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#45413c" d="M3.88 45.11a20.12 1.89 0 1 0 40.24 0a20.12 1.89 0 1 0-40.24 0" opacity=".15"/><path fill="#b89558" d="M23.37 7.15c-9.53 0-16 2.83-19.49 6.92L16.46 31l7.54-.34V45.5l16.92-4a2.52 2.52 0 0 0 1.94-2.45V25.9a8.9 8.9 0 0 1 1.38-4.58a8.05 8.05 0 0 0 1.13-4.48c-.37-7.66-14.02-9.69-22-9.69"/><path fill="#debb7e" d="M43.87 22c.11-.22.24-.45.37-.67a8.05 8.05 0 0 0 1.13-4.48c-.35-7.66-14-9.69-22-9.69c-9.53 0-16 2.83-19.49 6.92l8.73 11.77h1s9-8.49 18.65-9.85c6.68-1 11.93-.36 11.61 6"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M23.37 7.15c-9.53 0-16 2.83-19.49 6.92L16.46 31l7.54-.34V45.5l16.92-4a2.52 2.52 0 0 0 1.94-2.45V25.9a8.9 8.9 0 0 1 1.38-4.58a8.05 8.05 0 0 0 1.13-4.48c-.37-7.66-14.02-9.69-22-9.69"/><path fill="#f7e5c6" d="M26.51 22.85A8.08 8.08 0 0 0 20.28 15L8.8 12.31a4.86 4.86 0 0 0-6.17 4.53a8.05 8.05 0 0 0 1.13 4.48a8.9 8.9 0 0 1 1.38 4.58v13.2a2.51 2.51 0 0 0 1.94 2.45L24 45.5V30a5.94 5.94 0 0 1 1.31-3.88a5 5 0 0 0 1.2-3.27"/><path fill="#fff5e3" d="M3.47 19.35a4.58 4.58 0 0 1 5.73-4.52l10.68 2.68a8 8 0 0 1 5.8 7.86a2 2 0 0 1 0 .26a4.87 4.87 0 0 0 .86-2.78A8.08 8.08 0 0 0 20.28 15L8.8 12.31a4.86 4.86 0 0 0-6.17 4.53a8 8 0 0 0 .94 4.09a8 8 0 0 1-.1-1.58"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M26.51 22.85A8.08 8.08 0 0 0 20.28 15L8.8 12.31a4.86 4.86 0 0 0-6.17 4.53a8.05 8.05 0 0 0 1.13 4.48a8.9 8.9 0 0 1 1.38 4.58v13.2a2.51 2.51 0 0 0 1.94 2.45L24 45.5V30a5.94 5.94 0 0 1 1.31-3.88a5 5 0 0 0 1.2-3.27"/></svg> </template>
CSS
.icon-bread {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%2345413c%22%20d%3D%22M3.88%2045.11a20.12%201.89%200%201%200%2040.24%200a20.12%201.89%200%201%200-40.24%200%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22%23b89558%22%20d%3D%22M23.37%207.15c-9.53%200-16%202.83-19.49%206.92L16.46%2031l7.54-.34V45.5l16.92-4a2.52%202.52%200%200%200%201.94-2.45V25.9a8.9%208.9%200%200%201%201.38-4.58a8.05%208.05%200%200%200%201.13-4.48c-.37-7.66-14.02-9.69-22-9.69%22%2F%3E%3Cpath%20fill%3D%22%23debb7e%22%20d%3D%22M43.87%2022c.11-.22.24-.45.37-.67a8.05%208.05%200%200%200%201.13-4.48c-.35-7.66-14-9.69-22-9.69c-9.53%200-16%202.83-19.49%206.92l8.73%2011.77h1s9-8.49%2018.65-9.85c6.68-1%2011.93-.36%2011.61%206%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M23.37%207.15c-9.53%200-16%202.83-19.49%206.92L16.46%2031l7.54-.34V45.5l16.92-4a2.52%202.52%200%200%200%201.94-2.45V25.9a8.9%208.9%200%200%201%201.38-4.58a8.05%208.05%200%200%200%201.13-4.48c-.37-7.66-14.02-9.69-22-9.69%22%2F%3E%3Cpath%20fill%3D%22%23f7e5c6%22%20d%3D%22M26.51%2022.85A8.08%208.08%200%200%200%2020.28%2015L8.8%2012.31a4.86%204.86%200%200%200-6.17%204.53a8.05%208.05%200%200%200%201.13%204.48a8.9%208.9%200%200%201%201.38%204.58v13.2a2.51%202.51%200%200%200%201.94%202.45L24%2045.5V30a5.94%205.94%200%200%201%201.31-3.88a5%205%200%200%200%201.2-3.27%22%2F%3E%3Cpath%20fill%3D%22%23fff5e3%22%20d%3D%22M3.47%2019.35a4.58%204.58%200%200%201%205.73-4.52l10.68%202.68a8%208%200%200%201%205.8%207.86a2%202%200%200%201%200%20.26a4.87%204.87%200%200%200%20.86-2.78A8.08%208.08%200%200%200%2020.28%2015L8.8%2012.31a4.86%204.86%200%200%200-6.17%204.53a8%208%200%200%200%20.94%204.09a8%208%200%200%201-.1-1.58%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M26.51%2022.85A8.08%208.08%200%200%200%2020.28%2015L8.8%2012.31a4.86%204.86%200%200%200-6.17%204.53a8.05%208.05%200%200%200%201.13%204.48a8.9%208.9%200%200%201%201.38%204.58v13.2a2.51%202.51%200%200%200%201.94%202.45L24%2045.5V30a5.94%205.94%200%200%201%201.31-3.88a5%205%200%200%200%201.2-3.27%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%2345413c%22%20d%3D%22M3.88%2045.11a20.12%201.89%200%201%200%2040.24%200a20.12%201.89%200%201%200-40.24%200%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22%23b89558%22%20d%3D%22M23.37%207.15c-9.53%200-16%202.83-19.49%206.92L16.46%2031l7.54-.34V45.5l16.92-4a2.52%202.52%200%200%200%201.94-2.45V25.9a8.9%208.9%200%200%201%201.38-4.58a8.05%208.05%200%200%200%201.13-4.48c-.37-7.66-14.02-9.69-22-9.69%22%2F%3E%3Cpath%20fill%3D%22%23debb7e%22%20d%3D%22M43.87%2022c.11-.22.24-.45.37-.67a8.05%208.05%200%200%200%201.13-4.48c-.35-7.66-14-9.69-22-9.69c-9.53%200-16%202.83-19.49%206.92l8.73%2011.77h1s9-8.49%2018.65-9.85c6.68-1%2011.93-.36%2011.61%206%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M23.37%207.15c-9.53%200-16%202.83-19.49%206.92L16.46%2031l7.54-.34V45.5l16.92-4a2.52%202.52%200%200%200%201.94-2.45V25.9a8.9%208.9%200%200%201%201.38-4.58a8.05%208.05%200%200%200%201.13-4.48c-.37-7.66-14.02-9.69-22-9.69%22%2F%3E%3Cpath%20fill%3D%22%23f7e5c6%22%20d%3D%22M26.51%2022.85A8.08%208.08%200%200%200%2020.28%2015L8.8%2012.31a4.86%204.86%200%200%200-6.17%204.53a8.05%208.05%200%200%200%201.13%204.48a8.9%208.9%200%200%201%201.38%204.58v13.2a2.51%202.51%200%200%200%201.94%202.45L24%2045.5V30a5.94%205.94%200%200%201%201.31-3.88a5%205%200%200%200%201.2-3.27%22%2F%3E%3Cpath%20fill%3D%22%23fff5e3%22%20d%3D%22M3.47%2019.35a4.58%204.58%200%200%201%205.73-4.52l10.68%202.68a8%208%200%200%201%205.8%207.86a2%202%200%200%201%200%20.26a4.87%204.87%200%200%200%20.86-2.78A8.08%208.08%200%200%200%2020.28%2015L8.8%2012.31a4.86%204.86%200%200%200-6.17%204.53a8%208%200%200%200%20.94%204.09a8%208%200%200%201-.1-1.58%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M26.51%2022.85A8.08%208.08%200%200%200%2020.28%2015L8.8%2012.31a4.86%204.86%200%200%200-6.17%204.53a8.05%208.05%200%200%200%201.13%204.48a8.9%208.9%200%200%201%201.38%204.58v13.2a2.51%202.51%200%200%200%201.94%202.45L24%2045.5V30a5.94%205.94%200%200%201%201.31-3.88a5%205%200%200%200%201.2-3.27%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/streamline-emojis/bread.svg?color=%231a73e8&size=48
