bread emoji

bread from Emoji One (Colored) by Emoji One · Default · Food · CC-BY-4.0 Attribution required.

Name
bread
Set
Emoji One (Colored)
Style
Default
Category
Food
Viewbox
64×64
License
CC BY 4.0

The same emoji in other sets

breadFluent EmojibreadFluent Emoji FlatbreadFluent Emoji High Contrastbread-fillMingCute IconbreadNoto EmojibreadOpenMojibreadPhosphorbread-fillRemix IconbreadStreamline EmojisbreadTabler IconsbreadTwitter Emoji

More food icons from Emoji One (Colored)

avocadobaby-bottlebaconbaguette-breadbananabeer-mugbento-boxbirthday-cakebottle-with-popping-corkburritocandycarrotcheese-wedgecherrieschestnutchocolate-barclinking-beer-mugsclinking-glassescocktail-glasscooked-ricecookiecookingcroissantcucumber

Use the bread emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#995024" d="m44.1 29.5l15.7-7.2c.1-.2.4-.7.6-1c.7-1.1 1.6-2.4 1.6-4C62 10.3 52.7 4 40.4 4s-25 5.3-32.3 10.4c-1.1.8 36 15.1 36 15.1"/><path fill="#b3682a" d="M60.6 30.1c-.8-5.4-.9-7.3-.9-7.9L44 29.4l-6.6 30.5c4.6 0 20.5-9.8 22.3-12.4c2.2-3 2.4-5.9 1-16.5c0-.2 0-.5-.1-.9"/><path fill="#fff3e3" d="M42.3 29c.2-1.3 2.2-3 2.2-4.5c0-5.6-9.1-13.2-20.4-13.2S3.8 18.8 3.8 24.4c0 1.6 2 3.3 2.2 4.5c.3 1.5-.8 8.1-1 9.6c-2.3 17-.2 19.3 7.8 19.3c2.9 0 6.7-.3 11.3-.3s8.4.3 11.3.3c8 0 10.2-2.3 7.8-19.3c-.1-1.5-1.1-8-.9-9.5"/><path fill="#c0773b" d="M3.8 24.4c0-5.6 9.1-13.2 20.4-13.2s20.4 7.6 20.4 13.2c0 1.6-2 3.3-2.2 4.5l1.8.5c.1-.2.4-.7.6-1c.7-1.1 1.6-2.4 1.6-4c0-7-9.9-15.4-22.2-15.4S2 17.5 2 24.4c0 1.6.9 2.9 1.6 4c.2.3.5.8.6 1L6 29c-.2-1.3-2.2-3-2.2-4.6"/><path fill="#cb8d44" d="M45 37.3c-.8-5.4-.9-7.3-.9-7.9l-1.8-.4c-.3 1.5.8 8.1 1 9.6c2.3 17 .2 19.3-7.8 19.3c-2.9 0-6.7-.3-11.3-.3s-8.4.3-11.3.3c-8 0-10.2-2.3-7.8-19.3c.1-1.6 1.1-8.1.9-9.6l-1.8.5c0 .5-.1 2.4-.9 7.9c-.1.4-.1.7-.1.9c-1.4 10.5-1.2 15.6 1 18.6C6 59.5 9 60 12.9 60c1.3 0 2.9-.1 4.5-.1c2-.1 4.3-.2 6.8-.2s4.8.1 6.8.2c1.6.1 3.1.1 4.5.1c3.9 0 6.8-.5 8.7-3.1c2.1-3 2.4-8.1 1-18.7c-.1-.2-.2-.5-.2-.9"/><g fill="#ede0d1"><circle cx="9.3" cy="49" r="1.8"/><circle cx="11.8" cy="43.9" r="1.5"/><circle cx="14.8" cy="47.2" r=".9"/><circle cx="28.9" cy="27.1" r="2.4"/><circle cx="32.4" cy="30.2" r=".7"/><circle cx="35.1" cy="32.4" r="1"/><circle cx="30.4" cy="32.4" r="1.5"/><circle cx="35.6" cy="48.2" r="1.8"/><circle cx="31.9" cy="48.6" r="1"/><circle cx="11" cy="24.7" r="1"/><circle cx="11" cy="20.8" r="1.5"/><circle cx="13.9" cy="23.7" r="1"/></g></svg>

React

import type { SVGProps } from "react";

export function EmojioneBread(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#995024" d="m44.1 29.5l15.7-7.2c.1-.2.4-.7.6-1c.7-1.1 1.6-2.4 1.6-4C62 10.3 52.7 4 40.4 4s-25 5.3-32.3 10.4c-1.1.8 36 15.1 36 15.1"/><path fill="#b3682a" d="M60.6 30.1c-.8-5.4-.9-7.3-.9-7.9L44 29.4l-6.6 30.5c4.6 0 20.5-9.8 22.3-12.4c2.2-3 2.4-5.9 1-16.5c0-.2 0-.5-.1-.9"/><path fill="#fff3e3" d="M42.3 29c.2-1.3 2.2-3 2.2-4.5c0-5.6-9.1-13.2-20.4-13.2S3.8 18.8 3.8 24.4c0 1.6 2 3.3 2.2 4.5c.3 1.5-.8 8.1-1 9.6c-2.3 17-.2 19.3 7.8 19.3c2.9 0 6.7-.3 11.3-.3s8.4.3 11.3.3c8 0 10.2-2.3 7.8-19.3c-.1-1.5-1.1-8-.9-9.5"/><path fill="#c0773b" d="M3.8 24.4c0-5.6 9.1-13.2 20.4-13.2s20.4 7.6 20.4 13.2c0 1.6-2 3.3-2.2 4.5l1.8.5c.1-.2.4-.7.6-1c.7-1.1 1.6-2.4 1.6-4c0-7-9.9-15.4-22.2-15.4S2 17.5 2 24.4c0 1.6.9 2.9 1.6 4c.2.3.5.8.6 1L6 29c-.2-1.3-2.2-3-2.2-4.6"/><path fill="#cb8d44" d="M45 37.3c-.8-5.4-.9-7.3-.9-7.9l-1.8-.4c-.3 1.5.8 8.1 1 9.6c2.3 17 .2 19.3-7.8 19.3c-2.9 0-6.7-.3-11.3-.3s-8.4.3-11.3.3c-8 0-10.2-2.3-7.8-19.3c.1-1.6 1.1-8.1.9-9.6l-1.8.5c0 .5-.1 2.4-.9 7.9c-.1.4-.1.7-.1.9c-1.4 10.5-1.2 15.6 1 18.6C6 59.5 9 60 12.9 60c1.3 0 2.9-.1 4.5-.1c2-.1 4.3-.2 6.8-.2s4.8.1 6.8.2c1.6.1 3.1.1 4.5.1c3.9 0 6.8-.5 8.7-3.1c2.1-3 2.4-8.1 1-18.7c-.1-.2-.2-.5-.2-.9"/><g fill="#ede0d1"><circle cx="9.3" cy="49" r="1.8"/><circle cx="11.8" cy="43.9" r="1.5"/><circle cx="14.8" cy="47.2" r=".9"/><circle cx="28.9" cy="27.1" r="2.4"/><circle cx="32.4" cy="30.2" r=".7"/><circle cx="35.1" cy="32.4" r="1"/><circle cx="30.4" cy="32.4" r="1.5"/><circle cx="35.6" cy="48.2" r="1.8"/><circle cx="31.9" cy="48.6" r="1"/><circle cx="11" cy="24.7" r="1"/><circle cx="11" cy="20.8" r="1.5"/><circle cx="13.9" cy="23.7" r="1"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#995024" d="m44.1 29.5l15.7-7.2c.1-.2.4-.7.6-1c.7-1.1 1.6-2.4 1.6-4C62 10.3 52.7 4 40.4 4s-25 5.3-32.3 10.4c-1.1.8 36 15.1 36 15.1"/><path fill="#b3682a" d="M60.6 30.1c-.8-5.4-.9-7.3-.9-7.9L44 29.4l-6.6 30.5c4.6 0 20.5-9.8 22.3-12.4c2.2-3 2.4-5.9 1-16.5c0-.2 0-.5-.1-.9"/><path fill="#fff3e3" d="M42.3 29c.2-1.3 2.2-3 2.2-4.5c0-5.6-9.1-13.2-20.4-13.2S3.8 18.8 3.8 24.4c0 1.6 2 3.3 2.2 4.5c.3 1.5-.8 8.1-1 9.6c-2.3 17-.2 19.3 7.8 19.3c2.9 0 6.7-.3 11.3-.3s8.4.3 11.3.3c8 0 10.2-2.3 7.8-19.3c-.1-1.5-1.1-8-.9-9.5"/><path fill="#c0773b" d="M3.8 24.4c0-5.6 9.1-13.2 20.4-13.2s20.4 7.6 20.4 13.2c0 1.6-2 3.3-2.2 4.5l1.8.5c.1-.2.4-.7.6-1c.7-1.1 1.6-2.4 1.6-4c0-7-9.9-15.4-22.2-15.4S2 17.5 2 24.4c0 1.6.9 2.9 1.6 4c.2.3.5.8.6 1L6 29c-.2-1.3-2.2-3-2.2-4.6"/><path fill="#cb8d44" d="M45 37.3c-.8-5.4-.9-7.3-.9-7.9l-1.8-.4c-.3 1.5.8 8.1 1 9.6c2.3 17 .2 19.3-7.8 19.3c-2.9 0-6.7-.3-11.3-.3s-8.4.3-11.3.3c-8 0-10.2-2.3-7.8-19.3c.1-1.6 1.1-8.1.9-9.6l-1.8.5c0 .5-.1 2.4-.9 7.9c-.1.4-.1.7-.1.9c-1.4 10.5-1.2 15.6 1 18.6C6 59.5 9 60 12.9 60c1.3 0 2.9-.1 4.5-.1c2-.1 4.3-.2 6.8-.2s4.8.1 6.8.2c1.6.1 3.1.1 4.5.1c3.9 0 6.8-.5 8.7-3.1c2.1-3 2.4-8.1 1-18.7c-.1-.2-.2-.5-.2-.9"/><g fill="#ede0d1"><circle cx="9.3" cy="49" r="1.8"/><circle cx="11.8" cy="43.9" r="1.5"/><circle cx="14.8" cy="47.2" r=".9"/><circle cx="28.9" cy="27.1" r="2.4"/><circle cx="32.4" cy="30.2" r=".7"/><circle cx="35.1" cy="32.4" r="1"/><circle cx="30.4" cy="32.4" r="1.5"/><circle cx="35.6" cy="48.2" r="1.8"/><circle cx="31.9" cy="48.6" r="1"/><circle cx="11" cy="24.7" r="1"/><circle cx="11" cy="20.8" r="1.5"/><circle cx="13.9" cy="23.7" r="1"/></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%2064%2064%22%3E%3Cpath%20fill%3D%22%23995024%22%20d%3D%22m44.1%2029.5l15.7-7.2c.1-.2.4-.7.6-1c.7-1.1%201.6-2.4%201.6-4C62%2010.3%2052.7%204%2040.4%204s-25%205.3-32.3%2010.4c-1.1.8%2036%2015.1%2036%2015.1%22%2F%3E%3Cpath%20fill%3D%22%23b3682a%22%20d%3D%22M60.6%2030.1c-.8-5.4-.9-7.3-.9-7.9L44%2029.4l-6.6%2030.5c4.6%200%2020.5-9.8%2022.3-12.4c2.2-3%202.4-5.9%201-16.5c0-.2%200-.5-.1-.9%22%2F%3E%3Cpath%20fill%3D%22%23fff3e3%22%20d%3D%22M42.3%2029c.2-1.3%202.2-3%202.2-4.5c0-5.6-9.1-13.2-20.4-13.2S3.8%2018.8%203.8%2024.4c0%201.6%202%203.3%202.2%204.5c.3%201.5-.8%208.1-1%209.6c-2.3%2017-.2%2019.3%207.8%2019.3c2.9%200%206.7-.3%2011.3-.3s8.4.3%2011.3.3c8%200%2010.2-2.3%207.8-19.3c-.1-1.5-1.1-8-.9-9.5%22%2F%3E%3Cpath%20fill%3D%22%23c0773b%22%20d%3D%22M3.8%2024.4c0-5.6%209.1-13.2%2020.4-13.2s20.4%207.6%2020.4%2013.2c0%201.6-2%203.3-2.2%204.5l1.8.5c.1-.2.4-.7.6-1c.7-1.1%201.6-2.4%201.6-4c0-7-9.9-15.4-22.2-15.4S2%2017.5%202%2024.4c0%201.6.9%202.9%201.6%204c.2.3.5.8.6%201L6%2029c-.2-1.3-2.2-3-2.2-4.6%22%2F%3E%3Cpath%20fill%3D%22%23cb8d44%22%20d%3D%22M45%2037.3c-.8-5.4-.9-7.3-.9-7.9l-1.8-.4c-.3%201.5.8%208.1%201%209.6c2.3%2017%20.2%2019.3-7.8%2019.3c-2.9%200-6.7-.3-11.3-.3s-8.4.3-11.3.3c-8%200-10.2-2.3-7.8-19.3c.1-1.6%201.1-8.1.9-9.6l-1.8.5c0%20.5-.1%202.4-.9%207.9c-.1.4-.1.7-.1.9c-1.4%2010.5-1.2%2015.6%201%2018.6C6%2059.5%209%2060%2012.9%2060c1.3%200%202.9-.1%204.5-.1c2-.1%204.3-.2%206.8-.2s4.8.1%206.8.2c1.6.1%203.1.1%204.5.1c3.9%200%206.8-.5%208.7-3.1c2.1-3%202.4-8.1%201-18.7c-.1-.2-.2-.5-.2-.9%22%2F%3E%3Cg%20fill%3D%22%23ede0d1%22%3E%3Ccircle%20cx%3D%229.3%22%20cy%3D%2249%22%20r%3D%221.8%22%2F%3E%3Ccircle%20cx%3D%2211.8%22%20cy%3D%2243.9%22%20r%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%2214.8%22%20cy%3D%2247.2%22%20r%3D%22.9%22%2F%3E%3Ccircle%20cx%3D%2228.9%22%20cy%3D%2227.1%22%20r%3D%222.4%22%2F%3E%3Ccircle%20cx%3D%2232.4%22%20cy%3D%2230.2%22%20r%3D%22.7%22%2F%3E%3Ccircle%20cx%3D%2235.1%22%20cy%3D%2232.4%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2230.4%22%20cy%3D%2232.4%22%20r%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%2235.6%22%20cy%3D%2248.2%22%20r%3D%221.8%22%2F%3E%3Ccircle%20cx%3D%2231.9%22%20cy%3D%2248.6%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2224.7%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2220.8%22%20r%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%2213.9%22%20cy%3D%2223.7%22%20r%3D%221%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%2064%2064%22%3E%3Cpath%20fill%3D%22%23995024%22%20d%3D%22m44.1%2029.5l15.7-7.2c.1-.2.4-.7.6-1c.7-1.1%201.6-2.4%201.6-4C62%2010.3%2052.7%204%2040.4%204s-25%205.3-32.3%2010.4c-1.1.8%2036%2015.1%2036%2015.1%22%2F%3E%3Cpath%20fill%3D%22%23b3682a%22%20d%3D%22M60.6%2030.1c-.8-5.4-.9-7.3-.9-7.9L44%2029.4l-6.6%2030.5c4.6%200%2020.5-9.8%2022.3-12.4c2.2-3%202.4-5.9%201-16.5c0-.2%200-.5-.1-.9%22%2F%3E%3Cpath%20fill%3D%22%23fff3e3%22%20d%3D%22M42.3%2029c.2-1.3%202.2-3%202.2-4.5c0-5.6-9.1-13.2-20.4-13.2S3.8%2018.8%203.8%2024.4c0%201.6%202%203.3%202.2%204.5c.3%201.5-.8%208.1-1%209.6c-2.3%2017-.2%2019.3%207.8%2019.3c2.9%200%206.7-.3%2011.3-.3s8.4.3%2011.3.3c8%200%2010.2-2.3%207.8-19.3c-.1-1.5-1.1-8-.9-9.5%22%2F%3E%3Cpath%20fill%3D%22%23c0773b%22%20d%3D%22M3.8%2024.4c0-5.6%209.1-13.2%2020.4-13.2s20.4%207.6%2020.4%2013.2c0%201.6-2%203.3-2.2%204.5l1.8.5c.1-.2.4-.7.6-1c.7-1.1%201.6-2.4%201.6-4c0-7-9.9-15.4-22.2-15.4S2%2017.5%202%2024.4c0%201.6.9%202.9%201.6%204c.2.3.5.8.6%201L6%2029c-.2-1.3-2.2-3-2.2-4.6%22%2F%3E%3Cpath%20fill%3D%22%23cb8d44%22%20d%3D%22M45%2037.3c-.8-5.4-.9-7.3-.9-7.9l-1.8-.4c-.3%201.5.8%208.1%201%209.6c2.3%2017%20.2%2019.3-7.8%2019.3c-2.9%200-6.7-.3-11.3-.3s-8.4.3-11.3.3c-8%200-10.2-2.3-7.8-19.3c.1-1.6%201.1-8.1.9-9.6l-1.8.5c0%20.5-.1%202.4-.9%207.9c-.1.4-.1.7-.1.9c-1.4%2010.5-1.2%2015.6%201%2018.6C6%2059.5%209%2060%2012.9%2060c1.3%200%202.9-.1%204.5-.1c2-.1%204.3-.2%206.8-.2s4.8.1%206.8.2c1.6.1%203.1.1%204.5.1c3.9%200%206.8-.5%208.7-3.1c2.1-3%202.4-8.1%201-18.7c-.1-.2-.2-.5-.2-.9%22%2F%3E%3Cg%20fill%3D%22%23ede0d1%22%3E%3Ccircle%20cx%3D%229.3%22%20cy%3D%2249%22%20r%3D%221.8%22%2F%3E%3Ccircle%20cx%3D%2211.8%22%20cy%3D%2243.9%22%20r%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%2214.8%22%20cy%3D%2247.2%22%20r%3D%22.9%22%2F%3E%3Ccircle%20cx%3D%2228.9%22%20cy%3D%2227.1%22%20r%3D%222.4%22%2F%3E%3Ccircle%20cx%3D%2232.4%22%20cy%3D%2230.2%22%20r%3D%22.7%22%2F%3E%3Ccircle%20cx%3D%2235.1%22%20cy%3D%2232.4%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2230.4%22%20cy%3D%2232.4%22%20r%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%2235.6%22%20cy%3D%2248.2%22%20r%3D%221.8%22%2F%3E%3Ccircle%20cx%3D%2231.9%22%20cy%3D%2248.6%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2224.7%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2220.8%22%20r%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%2213.9%22%20cy%3D%2223.7%22%20r%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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