bread icon
bread-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- bread-fill
- Set
- MingCute Icon
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
The same icon in other sets
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" fill-rule="evenodd" d="M6.757 6.757c-2.4 2.401-3.565 5.077-3.872 7.436c-.299 2.301.21 4.458 1.397 5.645c.791.791 1.711 1.18 2.72 1.161c.961-.018 1.894-.406 2.764-.938c1.697-1.04 3.532-2.874 5.4-4.743l.152-.152c1.87-1.868 3.704-3.703 4.743-5.4c.533-.87.92-1.803.939-2.765c.02-1.008-.37-1.928-1.161-2.719c-1.187-1.187-3.344-1.696-5.645-1.397c-2.36.306-5.035 1.47-7.437 3.872m-1.066 4.907a9.8 9.8 0 0 0-.742 2.284q.631.54 1.492.829a1 1 0 0 0 .633-1.898c-.667-.222-1.112-.611-1.383-1.215m7.42-6.515c-.618.178-1.259.43-1.907.768c.52.846 1.299 1.452 2.308 1.789a1 1 0 1 0 .633-1.898c-.434-.144-.774-.36-1.034-.66m-3.79 3.287a5 5 0 0 1-.63-.758a14 14 0 0 0-1.406 1.469c.194.25.406.488.621.703c.585.585 1.333 1.145 2.07 1.391a1 1 0 1 0 .633-1.897c-.323-.108-.812-.431-1.288-.908" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteBreadFill(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" fillRule="evenodd" d="M6.757 6.757c-2.4 2.401-3.565 5.077-3.872 7.436c-.299 2.301.21 4.458 1.397 5.645c.791.791 1.711 1.18 2.72 1.161c.961-.018 1.894-.406 2.764-.938c1.697-1.04 3.532-2.874 5.4-4.743l.152-.152c1.87-1.868 3.704-3.703 4.743-5.4c.533-.87.92-1.803.939-2.765c.02-1.008-.37-1.928-1.161-2.719c-1.187-1.187-3.344-1.696-5.645-1.397c-2.36.306-5.035 1.47-7.437 3.872m-1.066 4.907a9.8 9.8 0 0 0-.742 2.284q.631.54 1.492.829a1 1 0 0 0 .633-1.898c-.667-.222-1.112-.611-1.383-1.215m7.42-6.515c-.618.178-1.259.43-1.907.768c.52.846 1.299 1.452 2.308 1.789a1 1 0 1 0 .633-1.898c-.434-.144-.774-.36-1.034-.66m-3.79 3.287a5 5 0 0 1-.63-.758a14 14 0 0 0-1.406 1.469c.194.25.406.488.621.703c.585.585 1.333 1.145 2.07 1.391a1 1 0 1 0 .633-1.897c-.323-.108-.812-.431-1.288-.908" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M6.757 6.757c-2.4 2.401-3.565 5.077-3.872 7.436c-.299 2.301.21 4.458 1.397 5.645c.791.791 1.711 1.18 2.72 1.161c.961-.018 1.894-.406 2.764-.938c1.697-1.04 3.532-2.874 5.4-4.743l.152-.152c1.87-1.868 3.704-3.703 4.743-5.4c.533-.87.92-1.803.939-2.765c.02-1.008-.37-1.928-1.161-2.719c-1.187-1.187-3.344-1.696-5.645-1.397c-2.36.306-5.035 1.47-7.437 3.872m-1.066 4.907a9.8 9.8 0 0 0-.742 2.284q.631.54 1.492.829a1 1 0 0 0 .633-1.898c-.667-.222-1.112-.611-1.383-1.215m7.42-6.515c-.618.178-1.259.43-1.907.768c.52.846 1.299 1.452 2.308 1.789a1 1 0 1 0 .633-1.898c-.434-.144-.774-.36-1.034-.66m-3.79 3.287a5 5 0 0 1-.63-.758a14 14 0 0 0-1.406 1.469c.194.25.406.488.621.703c.585.585 1.333 1.145 2.07 1.391a1 1 0 1 0 .633-1.897c-.323-.108-.812-.431-1.288-.908" clip-rule="evenodd"/></svg> </template>
CSS
.icon-bread-fill {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M6.757%206.757c-2.4%202.401-3.565%205.077-3.872%207.436c-.299%202.301.21%204.458%201.397%205.645c.791.791%201.711%201.18%202.72%201.161c.961-.018%201.894-.406%202.764-.938c1.697-1.04%203.532-2.874%205.4-4.743l.152-.152c1.87-1.868%203.704-3.703%204.743-5.4c.533-.87.92-1.803.939-2.765c.02-1.008-.37-1.928-1.161-2.719c-1.187-1.187-3.344-1.696-5.645-1.397c-2.36.306-5.035%201.47-7.437%203.872m-1.066%204.907a9.8%209.8%200%200%200-.742%202.284q.631.54%201.492.829a1%201%200%200%200%20.633-1.898c-.667-.222-1.112-.611-1.383-1.215m7.42-6.515c-.618.178-1.259.43-1.907.768c.52.846%201.299%201.452%202.308%201.789a1%201%200%201%200%20.633-1.898c-.434-.144-.774-.36-1.034-.66m-3.79%203.287a5%205%200%200%201-.63-.758a14%2014%200%200%200-1.406%201.469c.194.25.406.488.621.703c.585.585%201.333%201.145%202.07%201.391a1%201%200%201%200%20.633-1.897c-.323-.108-.812-.431-1.288-.908%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M6.757%206.757c-2.4%202.401-3.565%205.077-3.872%207.436c-.299%202.301.21%204.458%201.397%205.645c.791.791%201.711%201.18%202.72%201.161c.961-.018%201.894-.406%202.764-.938c1.697-1.04%203.532-2.874%205.4-4.743l.152-.152c1.87-1.868%203.704-3.703%204.743-5.4c.533-.87.92-1.803.939-2.765c.02-1.008-.37-1.928-1.161-2.719c-1.187-1.187-3.344-1.696-5.645-1.397c-2.36.306-5.035%201.47-7.437%203.872m-1.066%204.907a9.8%209.8%200%200%200-.742%202.284q.631.54%201.492.829a1%201%200%200%200%20.633-1.898c-.667-.222-1.112-.611-1.383-1.215m7.42-6.515c-.618.178-1.259.43-1.907.768c.52.846%201.299%201.452%202.308%201.789a1%201%200%201%200%20.633-1.898c-.434-.144-.774-.36-1.034-.66m-3.79%203.287a5%205%200%200%201-.63-.758a14%2014%200%200%200-1.406%201.469c.194.25.406.488.621.703c.585.585%201.333%201.145%202.07%201.391a1%201%200%201%200%20.633-1.897c-.323-.108-.812-.431-1.288-.908%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/bread-fill.svg?color=%231a73e8&size=48
