bread emoji

bread from Twitter Emoji by Twitter · Default · Food & Drink · CC-BY-4.0 Attribution required.

Name
bread
Set
Twitter Emoji
Style
Default
Category
Food & Drink
Viewbox
36×36
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 IconbreadStreamline EmojisbreadTabler IconsbreadTDesign Icons

More food & drink icons from Twitter Emoji

amphoraavocadobaby-bottlebaconbagelbaguette-breadbananabeansbeer-mugbell-pepperbento-boxbeverage-boxbirthday-cakeblueberriesbottle-with-popping-corkbowl-with-spoonbroccolibrown-mushroombubble-teaburritobuttercandycanned-foodcarrot

Use the bread emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#d99e82" d="M36 13.5c0-4.558-4.435-8.267-10-8.479V5H10v.021C4.435 5.233 0 8.942 0 13.5c0 1.861.747 3.576 2 4.976V31a4 4 0 0 0 4 4h24a4 4 0 0 0 4-4V18.476c1.253-1.4 2-3.115 2-4.976"/><path fill="#cc927a" d="M19 18.476h15v1.5H19z"/><path fill="#ffe8b6" d="M21 13.5c0-3.461-3.538-6.291-8-6.489C12.835 7.004 10.668 7 10.5 7C5.806 7 2 9.91 2 13.5c0 1.595.754 3.053 2 4.184V30a3 3 0 0 0 3 3h9a3 3 0 0 0 3-3V17.679c1.244-1.131 2-2.586 2-4.179"/></svg>

React

import type { SVGProps } from "react";

export function TwemojiBread(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#d99e82" d="M36 13.5c0-4.558-4.435-8.267-10-8.479V5H10v.021C4.435 5.233 0 8.942 0 13.5c0 1.861.747 3.576 2 4.976V31a4 4 0 0 0 4 4h24a4 4 0 0 0 4-4V18.476c1.253-1.4 2-3.115 2-4.976"/><path fill="#cc927a" d="M19 18.476h15v1.5H19z"/><path fill="#ffe8b6" d="M21 13.5c0-3.461-3.538-6.291-8-6.489C12.835 7.004 10.668 7 10.5 7C5.806 7 2 9.91 2 13.5c0 1.595.754 3.053 2 4.184V30a3 3 0 0 0 3 3h9a3 3 0 0 0 3-3V17.679c1.244-1.131 2-2.586 2-4.179"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#d99e82" d="M36 13.5c0-4.558-4.435-8.267-10-8.479V5H10v.021C4.435 5.233 0 8.942 0 13.5c0 1.861.747 3.576 2 4.976V31a4 4 0 0 0 4 4h24a4 4 0 0 0 4-4V18.476c1.253-1.4 2-3.115 2-4.976"/><path fill="#cc927a" d="M19 18.476h15v1.5H19z"/><path fill="#ffe8b6" d="M21 13.5c0-3.461-3.538-6.291-8-6.489C12.835 7.004 10.668 7 10.5 7C5.806 7 2 9.91 2 13.5c0 1.595.754 3.053 2 4.184V30a3 3 0 0 0 3 3h9a3 3 0 0 0 3-3V17.679c1.244-1.131 2-2.586 2-4.179"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%23d99e82%22%20d%3D%22M36%2013.5c0-4.558-4.435-8.267-10-8.479V5H10v.021C4.435%205.233%200%208.942%200%2013.5c0%201.861.747%203.576%202%204.976V31a4%204%200%200%200%204%204h24a4%204%200%200%200%204-4V18.476c1.253-1.4%202-3.115%202-4.976%22%2F%3E%3Cpath%20fill%3D%22%23cc927a%22%20d%3D%22M19%2018.476h15v1.5H19z%22%2F%3E%3Cpath%20fill%3D%22%23ffe8b6%22%20d%3D%22M21%2013.5c0-3.461-3.538-6.291-8-6.489C12.835%207.004%2010.668%207%2010.5%207C5.806%207%202%209.91%202%2013.5c0%201.595.754%203.053%202%204.184V30a3%203%200%200%200%203%203h9a3%203%200%200%200%203-3V17.679c1.244-1.131%202-2.586%202-4.179%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23d99e82%22%20d%3D%22M36%2013.5c0-4.558-4.435-8.267-10-8.479V5H10v.021C4.435%205.233%200%208.942%200%2013.5c0%201.861.747%203.576%202%204.976V31a4%204%200%200%200%204%204h24a4%204%200%200%200%204-4V18.476c1.253-1.4%202-3.115%202-4.976%22%2F%3E%3Cpath%20fill%3D%22%23cc927a%22%20d%3D%22M19%2018.476h15v1.5H19z%22%2F%3E%3Cpath%20fill%3D%22%23ffe8b6%22%20d%3D%22M21%2013.5c0-3.461-3.538-6.291-8-6.489C12.835%207.004%2010.668%207%2010.5%207C5.806%207%202%209.91%202%2013.5c0%201.595.754%203.053%202%204.184V30a3%203%200%200%200%203%203h9a3%203%200%200%200%203-3V17.679c1.244-1.131%202-2.586%202-4.179%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/bread.svg?color=%231a73e8&size=48