bread 04 icon
bread-04 from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- bread-04
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Related icons in Huge Icons
Use the bread 04 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M8.5 4C5.043 4 2 5.593 2 7.559c0 1.364 1.643 2.38 1.433 3.662l-.244 4.557c-.106 1.98-.159 2.97.41 3.596C4.17 20 5.126 20 7.036 20h2.93c1.91 0 2.865 0 3.435-.626c.57-.625.517-1.616.41-3.596l-.243-4.557C13.357 9.938 15 8.923 15 7.559C15 5.593 11.957 4 8.5 4Z"/><path d="M11 20h6.184c1.827 0 2.74 0 3.286-.626c.545-.625.494-1.616.393-3.596l-.234-4.557C20.429 9.938 22 8.923 22 7.559C22 5.593 19.09 4 15.783 4H8"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsBread04(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path d="M8.5 4C5.043 4 2 5.593 2 7.559c0 1.364 1.643 2.38 1.433 3.662l-.244 4.557c-.106 1.98-.159 2.97.41 3.596C4.17 20 5.126 20 7.036 20h2.93c1.91 0 2.865 0 3.435-.626c.57-.625.517-1.616.41-3.596l-.243-4.557C13.357 9.938 15 8.923 15 7.559C15 5.593 11.957 4 8.5 4Z"/><path d="M11 20h6.184c1.827 0 2.74 0 3.286-.626c.545-.625.494-1.616.393-3.596l-.234-4.557C20.429 9.938 22 8.923 22 7.559C22 5.593 19.09 4 15.783 4H8"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M8.5 4C5.043 4 2 5.593 2 7.559c0 1.364 1.643 2.38 1.433 3.662l-.244 4.557c-.106 1.98-.159 2.97.41 3.596C4.17 20 5.126 20 7.036 20h2.93c1.91 0 2.865 0 3.435-.626c.57-.625.517-1.616.41-3.596l-.243-4.557C13.357 9.938 15 8.923 15 7.559C15 5.593 11.957 4 8.5 4Z"/><path d="M11 20h6.184c1.827 0 2.74 0 3.286-.626c.545-.625.494-1.616.393-3.596l-.234-4.557C20.429 9.938 22 8.923 22 7.559C22 5.593 19.09 4 15.783 4H8"/></g></svg> </template>
CSS
.icon-bread-04 {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M8.5%204C5.043%204%202%205.593%202%207.559c0%201.364%201.643%202.38%201.433%203.662l-.244%204.557c-.106%201.98-.159%202.97.41%203.596C4.17%2020%205.126%2020%207.036%2020h2.93c1.91%200%202.865%200%203.435-.626c.57-.625.517-1.616.41-3.596l-.243-4.557C13.357%209.938%2015%208.923%2015%207.559C15%205.593%2011.957%204%208.5%204Z%22%2F%3E%3Cpath%20d%3D%22M11%2020h6.184c1.827%200%202.74%200%203.286-.626c.545-.625.494-1.616.393-3.596l-.234-4.557C20.429%209.938%2022%208.923%2022%207.559C22%205.593%2019.09%204%2015.783%204H8%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M8.5%204C5.043%204%202%205.593%202%207.559c0%201.364%201.643%202.38%201.433%203.662l-.244%204.557c-.106%201.98-.159%202.97.41%203.596C4.17%2020%205.126%2020%207.036%2020h2.93c1.91%200%202.865%200%203.435-.626c.57-.625.517-1.616.41-3.596l-.243-4.557C13.357%209.938%2015%208.923%2015%207.559C15%205.593%2011.957%204%208.5%204Z%22%2F%3E%3Cpath%20d%3D%22M11%2020h6.184c1.827%200%202.74%200%203.286-.626c.545-.625.494-1.616.393-3.596l-.234-4.557C20.429%209.938%2022%208.923%2022%207.559C22%205.593%2019.09%204%2015.783%204H8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/bread-04.svg?color=%231a73e8&size=48
