bread icon
bread-filled from TDesign Icons by TDesign · Filled · MIT Free for personal and commercial use.
- Name
- bread-filled
- Set
- TDesign Icons
- Style
- Filled
- Viewbox
- 24×24
- License
- MIT
1 other variant in TDesign Icons
The same icon in other sets
breadEmoji One (Colored)breadFluent EmojibreadFluent Emoji FlatbreadFluent Emoji High ContrastbreadFirefox OS EmojibreadIconParkbreadIconPark OutlinebreadIconPark SolidbreadIconPark TwoTonebread-fillMingCute IconbreadNoto EmojibreadOpenMojibreadPhosphorbread-fillRemix IconbreadStreamline EmojisbreadTabler IconsbreadTwitter Emoji
Use the bread icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.436 13.003c-.273.22-.386.508-.432.72c-.512 2.362.233 4.645 1.884 6.353c1.582 1.637 3.987 2.66 6.415 2.043c2.587-.656 5.19-2.395 7.337-4.456l.014-.015l.014-.014c2.062-2.147 3.8-4.75 4.457-7.336c.616-2.428-.406-4.833-2.043-6.415c-1.444-1.396-3.29-2.18-5.314-2.038c-.752.053-1.17.58-1.363.913l3.9 3.9l-1.415 1.414l-4.519-4.519a3.34 3.34 0 0 0-2.126.172c-.509.216-.95.547-1.24.919c-.142.18-.293.428-.356.725c-.066.308-.044.76.3 1.125l4.76 4.76l-1.415 1.414L6.536 7.91a1.24 1.24 0 0 0-1.129-.3a1.8 1.8 0 0 0-.722.356c-.371.291-.701.73-.918 1.239a3.34 3.34 0 0 0-.172 2.128l4.517 4.517l-1.414 1.414z"/></svg>
React
import type { SVGProps } from "react";
export function TdesignBreadFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.436 13.003c-.273.22-.386.508-.432.72c-.512 2.362.233 4.645 1.884 6.353c1.582 1.637 3.987 2.66 6.415 2.043c2.587-.656 5.19-2.395 7.337-4.456l.014-.015l.014-.014c2.062-2.147 3.8-4.75 4.457-7.336c.616-2.428-.406-4.833-2.043-6.415c-1.444-1.396-3.29-2.18-5.314-2.038c-.752.053-1.17.58-1.363.913l3.9 3.9l-1.415 1.414l-4.519-4.519a3.34 3.34 0 0 0-2.126.172c-.509.216-.95.547-1.24.919c-.142.18-.293.428-.356.725c-.066.308-.044.76.3 1.125l4.76 4.76l-1.415 1.414L6.536 7.91a1.24 1.24 0 0 0-1.129-.3a1.8 1.8 0 0 0-.722.356c-.371.291-.701.73-.918 1.239a3.34 3.34 0 0 0-.172 2.128l4.517 4.517l-1.414 1.414z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.436 13.003c-.273.22-.386.508-.432.72c-.512 2.362.233 4.645 1.884 6.353c1.582 1.637 3.987 2.66 6.415 2.043c2.587-.656 5.19-2.395 7.337-4.456l.014-.015l.014-.014c2.062-2.147 3.8-4.75 4.457-7.336c.616-2.428-.406-4.833-2.043-6.415c-1.444-1.396-3.29-2.18-5.314-2.038c-.752.053-1.17.58-1.363.913l3.9 3.9l-1.415 1.414l-4.519-4.519a3.34 3.34 0 0 0-2.126.172c-.509.216-.95.547-1.24.919c-.142.18-.293.428-.356.725c-.066.308-.044.76.3 1.125l4.76 4.76l-1.415 1.414L6.536 7.91a1.24 1.24 0 0 0-1.129-.3a1.8 1.8 0 0 0-.722.356c-.371.291-.701.73-.918 1.239a3.34 3.34 0 0 0-.172 2.128l4.517 4.517l-1.414 1.414z"/></svg> </template>
CSS
.icon-bread-filled {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.436%2013.003c-.273.22-.386.508-.432.72c-.512%202.362.233%204.645%201.884%206.353c1.582%201.637%203.987%202.66%206.415%202.043c2.587-.656%205.19-2.395%207.337-4.456l.014-.015l.014-.014c2.062-2.147%203.8-4.75%204.457-7.336c.616-2.428-.406-4.833-2.043-6.415c-1.444-1.396-3.29-2.18-5.314-2.038c-.752.053-1.17.58-1.363.913l3.9%203.9l-1.415%201.414l-4.519-4.519a3.34%203.34%200%200%200-2.126.172c-.509.216-.95.547-1.24.919c-.142.18-.293.428-.356.725c-.066.308-.044.76.3%201.125l4.76%204.76l-1.415%201.414L6.536%207.91a1.24%201.24%200%200%200-1.129-.3a1.8%201.8%200%200%200-.722.356c-.371.291-.701.73-.918%201.239a3.34%203.34%200%200%200-.172%202.128l4.517%204.517l-1.414%201.414z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.436%2013.003c-.273.22-.386.508-.432.72c-.512%202.362.233%204.645%201.884%206.353c1.582%201.637%203.987%202.66%206.415%202.043c2.587-.656%205.19-2.395%207.337-4.456l.014-.015l.014-.014c2.062-2.147%203.8-4.75%204.457-7.336c.616-2.428-.406-4.833-2.043-6.415c-1.444-1.396-3.29-2.18-5.314-2.038c-.752.053-1.17.58-1.363.913l3.9%203.9l-1.415%201.414l-4.519-4.519a3.34%203.34%200%200%200-2.126.172c-.509.216-.95.547-1.24.919c-.142.18-.293.428-.356.725c-.066.308-.044.76.3%201.125l4.76%204.76l-1.415%201.414L6.536%207.91a1.24%201.24%200%200%200-1.129-.3a1.8%201.8%200%200%200-.722.356c-.371.291-.701.73-.918%201.239a3.34%203.34%200%200%200-.172%202.128l4.517%204.517l-1.414%201.414z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/tdesign/bread-filled.svg?color=%231a73e8&size=48
