bread emoji

bread from Fluent Emoji High Contrast by Microsoft Corporation · Default · Food & Drink · MIT Free for personal and commercial use.

Name
bread
Set
Fluent Emoji High Contrast
Style
Default
Category
Food & Drink
Viewbox
32×32
License
MIT

The same emoji in other sets

breadEmoji One (Colored)breadFluent EmojibreadFluent Emoji FlatbreadFirefox OS EmojibreadIconParkbreadIconPark OutlinebreadIconPark SolidbreadIconPark TwoTonebread-fillMingCute IconbreadNoto EmojibreadOpenMojibreadPhosphorbread-fillRemix IconbreadStreamline EmojisbreadTabler IconsbreadTDesign IconsbreadTwitter Emoji

More food & drink icons from Fluent Emoji High Contrast

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 32 32"><g fill="currentColor"><path d="M7.5 14a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1m-2 1a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1M8 16.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0M5.5 18a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1m4.5-2.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0m1.5-.5a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1m2.5 2.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0M11.5 19a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1m-1.5.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0M7.5 21a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1m-1.5.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0M9.5 24a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1m2.5-1.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0m1.5-.5a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1m.5 2.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0"/><path d="m27.716 26.542l-11.42 4.23a2.97 2.97 0 0 1-2.393.086l-9.366-3.68A4 4 0 0 1 2 23.455v-9.652l-.16-.24A5 5 0 0 1 1 10.789V9.386c0-1.402.938-2.516 2.146-2.878l11.091-4.182a5 5 0 0 1 3.526 0l9.35 3.52A6 6 0 0 1 31 11.46v.904c0 .998-.37 1.931-1 2.646v8.25a3.5 3.5 0 0 1-2.284 3.282M14.943 4.197L6.848 7.25l8.245 3.092a6.02 6.02 0 0 1 3.76 6.958l8.801-3.046A2 2 0 0 0 29 12.364v-.904a4 4 0 0 0-2.59-3.743l-9.352-3.52a3 3 0 0 0-2.115 0M18 28.007l9.021-3.34A1.5 1.5 0 0 0 28 23.26v-7.01l-10 3.462zm-2.808 1.04l.298-.11a1 1 0 0 0 .51-.872V19a1 1 0 0 1 .168-.555l.157-.235a4.02 4.02 0 0 0-1.934-5.995L4.35 8.45a1 1 0 0 0-.593-.035l-.203.077V8.49A1 1 0 0 0 3 9.386v1.403a3 3 0 0 0 .504 1.664l.328.492A1 1 0 0 1 4 13.5v9.955a2 2 0 0 0 1.269 1.862l9.365 3.68c.188.073.38.086.558.05"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiHighContrastBread(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M7.5 14a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1m-2 1a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1M8 16.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0M5.5 18a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1m4.5-2.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0m1.5-.5a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1m2.5 2.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0M11.5 19a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1m-1.5.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0M7.5 21a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1m-1.5.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0M9.5 24a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1m2.5-1.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0m1.5-.5a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1m.5 2.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0"/><path d="m27.716 26.542l-11.42 4.23a2.97 2.97 0 0 1-2.393.086l-9.366-3.68A4 4 0 0 1 2 23.455v-9.652l-.16-.24A5 5 0 0 1 1 10.789V9.386c0-1.402.938-2.516 2.146-2.878l11.091-4.182a5 5 0 0 1 3.526 0l9.35 3.52A6 6 0 0 1 31 11.46v.904c0 .998-.37 1.931-1 2.646v8.25a3.5 3.5 0 0 1-2.284 3.282M14.943 4.197L6.848 7.25l8.245 3.092a6.02 6.02 0 0 1 3.76 6.958l8.801-3.046A2 2 0 0 0 29 12.364v-.904a4 4 0 0 0-2.59-3.743l-9.352-3.52a3 3 0 0 0-2.115 0M18 28.007l9.021-3.34A1.5 1.5 0 0 0 28 23.26v-7.01l-10 3.462zm-2.808 1.04l.298-.11a1 1 0 0 0 .51-.872V19a1 1 0 0 1 .168-.555l.157-.235a4.02 4.02 0 0 0-1.934-5.995L4.35 8.45a1 1 0 0 0-.593-.035l-.203.077V8.49A1 1 0 0 0 3 9.386v1.403a3 3 0 0 0 .504 1.664l.328.492A1 1 0 0 1 4 13.5v9.955a2 2 0 0 0 1.269 1.862l9.365 3.68c.188.073.38.086.558.05"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M7.5 14a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1m-2 1a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1M8 16.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0M5.5 18a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1m4.5-2.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0m1.5-.5a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1m2.5 2.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0M11.5 19a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1m-1.5.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0M7.5 21a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1m-1.5.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0M9.5 24a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1m2.5-1.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0m1.5-.5a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1m.5 2.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0"/><path d="m27.716 26.542l-11.42 4.23a2.97 2.97 0 0 1-2.393.086l-9.366-3.68A4 4 0 0 1 2 23.455v-9.652l-.16-.24A5 5 0 0 1 1 10.789V9.386c0-1.402.938-2.516 2.146-2.878l11.091-4.182a5 5 0 0 1 3.526 0l9.35 3.52A6 6 0 0 1 31 11.46v.904c0 .998-.37 1.931-1 2.646v8.25a3.5 3.5 0 0 1-2.284 3.282M14.943 4.197L6.848 7.25l8.245 3.092a6.02 6.02 0 0 1 3.76 6.958l8.801-3.046A2 2 0 0 0 29 12.364v-.904a4 4 0 0 0-2.59-3.743l-9.352-3.52a3 3 0 0 0-2.115 0M18 28.007l9.021-3.34A1.5 1.5 0 0 0 28 23.26v-7.01l-10 3.462zm-2.808 1.04l.298-.11a1 1 0 0 0 .51-.872V19a1 1 0 0 1 .168-.555l.157-.235a4.02 4.02 0 0 0-1.934-5.995L4.35 8.45a1 1 0 0 0-.593-.035l-.203.077V8.49A1 1 0 0 0 3 9.386v1.403a3 3 0 0 0 .504 1.664l.328.492A1 1 0 0 1 4 13.5v9.955a2 2 0 0 0 1.269 1.862l9.365 3.68c.188.073.38.086.558.05"/></g></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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M7.5%2014a.5.5%200%201%200%200-1a.5.5%200%200%200%200%201m-2%201a.5.5%200%201%200%200-1a.5.5%200%200%200%200%201M8%2016.5a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200M5.5%2018a.5.5%200%201%200%200-1a.5.5%200%200%200%200%201m4.5-2.5a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200m1.5-.5a.5.5%200%201%200%200-1a.5.5%200%200%200%200%201m2.5%202.5a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200M11.5%2019a.5.5%200%201%200%200-1a.5.5%200%200%200%200%201m-1.5.5a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200M7.5%2021a.5.5%200%201%200%200-1a.5.5%200%200%200%200%201m-1.5.5a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200M9.5%2024a.5.5%200%201%200%200-1a.5.5%200%200%200%200%201m2.5-1.5a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200m1.5-.5a.5.5%200%201%200%200-1a.5.5%200%200%200%200%201m.5%202.5a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200%22%2F%3E%3Cpath%20d%3D%22m27.716%2026.542l-11.42%204.23a2.97%202.97%200%200%201-2.393.086l-9.366-3.68A4%204%200%200%201%202%2023.455v-9.652l-.16-.24A5%205%200%200%201%201%2010.789V9.386c0-1.402.938-2.516%202.146-2.878l11.091-4.182a5%205%200%200%201%203.526%200l9.35%203.52A6%206%200%200%201%2031%2011.46v.904c0%20.998-.37%201.931-1%202.646v8.25a3.5%203.5%200%200%201-2.284%203.282M14.943%204.197L6.848%207.25l8.245%203.092a6.02%206.02%200%200%201%203.76%206.958l8.801-3.046A2%202%200%200%200%2029%2012.364v-.904a4%204%200%200%200-2.59-3.743l-9.352-3.52a3%203%200%200%200-2.115%200M18%2028.007l9.021-3.34A1.5%201.5%200%200%200%2028%2023.26v-7.01l-10%203.462zm-2.808%201.04l.298-.11a1%201%200%200%200%20.51-.872V19a1%201%200%200%201%20.168-.555l.157-.235a4.02%204.02%200%200%200-1.934-5.995L4.35%208.45a1%201%200%200%200-.593-.035l-.203.077V8.49A1%201%200%200%200%203%209.386v1.403a3%203%200%200%200%20.504%201.664l.328.492A1%201%200%200%201%204%2013.5v9.955a2%202%200%200%200%201.269%201.862l9.365%203.68c.188.073.38.086.558.05%22%2F%3E%3C%2Fg%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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M7.5%2014a.5.5%200%201%200%200-1a.5.5%200%200%200%200%201m-2%201a.5.5%200%201%200%200-1a.5.5%200%200%200%200%201M8%2016.5a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200M5.5%2018a.5.5%200%201%200%200-1a.5.5%200%200%200%200%201m4.5-2.5a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200m1.5-.5a.5.5%200%201%200%200-1a.5.5%200%200%200%200%201m2.5%202.5a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200M11.5%2019a.5.5%200%201%200%200-1a.5.5%200%200%200%200%201m-1.5.5a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200M7.5%2021a.5.5%200%201%200%200-1a.5.5%200%200%200%200%201m-1.5.5a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200M9.5%2024a.5.5%200%201%200%200-1a.5.5%200%200%200%200%201m2.5-1.5a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200m1.5-.5a.5.5%200%201%200%200-1a.5.5%200%200%200%200%201m.5%202.5a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200%22%2F%3E%3Cpath%20d%3D%22m27.716%2026.542l-11.42%204.23a2.97%202.97%200%200%201-2.393.086l-9.366-3.68A4%204%200%200%201%202%2023.455v-9.652l-.16-.24A5%205%200%200%201%201%2010.789V9.386c0-1.402.938-2.516%202.146-2.878l11.091-4.182a5%205%200%200%201%203.526%200l9.35%203.52A6%206%200%200%201%2031%2011.46v.904c0%20.998-.37%201.931-1%202.646v8.25a3.5%203.5%200%200%201-2.284%203.282M14.943%204.197L6.848%207.25l8.245%203.092a6.02%206.02%200%200%201%203.76%206.958l8.801-3.046A2%202%200%200%200%2029%2012.364v-.904a4%204%200%200%200-2.59-3.743l-9.352-3.52a3%203%200%200%200-2.115%200M18%2028.007l9.021-3.34A1.5%201.5%200%200%200%2028%2023.26v-7.01l-10%203.462zm-2.808%201.04l.298-.11a1%201%200%200%200%20.51-.872V19a1%201%200%200%201%20.168-.555l.157-.235a4.02%204.02%200%200%200-1.934-5.995L4.35%208.45a1%201%200%200%200-.593-.035l-.203.077V8.49A1%201%200%200%200%203%209.386v1.403a3%203%200%200%200%20.504%201.664l.328.492A1%201%200%200%201%204%2013.5v9.955a2%202%200%200%200%201.269%201.862l9.365%203.68c.188.073.38.086.558.05%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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