bread one icon
bread-one from IconPark by ByteDance · Color · Foods · Apache-2.0 Free for personal and commercial use.
- Name
- bread-one
- Set
- IconPark
- Style
- Color
- Category
- Foods
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More foods icons from IconPark
Use the bread one icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path stroke="#000" d="M9 26C9 26 17 14 22 7.99998C25.1307 4.24312 31 2.75 36 5C41 7.25 43 12 41 16C39 20 31 35 31 35"/><path fill="#2F88FF" stroke="#000" d="M31 33.1882C31 36.3399 29.2441 39.1574 26.4861 41.0262C24.3203 42.4938 21.5366 41.867 18.5 41.867C15.2985 41.867 12.3782 42.3954 10.1667 40.7821C7.60938 38.9166 6 36.2056 6 33.1882C6 26.8125 11.5964 23 18.5 23C25.4036 23 31 27.5614 31 33.1882Z"/><path fill="#43CCF8" stroke="#fff" d="M23 33.2173C23 34.2126 22.3679 35.1023 21.375 35.6925C20.5953 36.1559 19.5932 35.958 18.5 35.958C17.3475 35.958 16.2961 36.1248 15.5 35.6154C14.5794 35.0263 14 34.1702 14 33.2173C14 31.2039 16.0147 30 18.5 30C20.9853 30 23 31.4404 23 33.2173Z"/><path stroke="#000" d="M14.9998 18.0001C14.9998 18.0001 18.5 17.0001 23 18.0001"/><path stroke="#000" d="M19.9997 10.9999C19.9997 10.9999 23.5 9.49985 26.9998 10.9999"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkBreadOne(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4"><path stroke="#000" d="M9 26C9 26 17 14 22 7.99998C25.1307 4.24312 31 2.75 36 5C41 7.25 43 12 41 16C39 20 31 35 31 35"/><path fill="#2F88FF" stroke="#000" d="M31 33.1882C31 36.3399 29.2441 39.1574 26.4861 41.0262C24.3203 42.4938 21.5366 41.867 18.5 41.867C15.2985 41.867 12.3782 42.3954 10.1667 40.7821C7.60938 38.9166 6 36.2056 6 33.1882C6 26.8125 11.5964 23 18.5 23C25.4036 23 31 27.5614 31 33.1882Z"/><path fill="#43CCF8" stroke="#fff" d="M23 33.2173C23 34.2126 22.3679 35.1023 21.375 35.6925C20.5953 36.1559 19.5932 35.958 18.5 35.958C17.3475 35.958 16.2961 36.1248 15.5 35.6154C14.5794 35.0263 14 34.1702 14 33.2173C14 31.2039 16.0147 30 18.5 30C20.9853 30 23 31.4404 23 33.2173Z"/><path stroke="#000" d="M14.9998 18.0001C14.9998 18.0001 18.5 17.0001 23 18.0001"/><path stroke="#000" d="M19.9997 10.9999C19.9997 10.9999 23.5 9.49985 26.9998 10.9999"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path stroke="#000" d="M9 26C9 26 17 14 22 7.99998C25.1307 4.24312 31 2.75 36 5C41 7.25 43 12 41 16C39 20 31 35 31 35"/><path fill="#2F88FF" stroke="#000" d="M31 33.1882C31 36.3399 29.2441 39.1574 26.4861 41.0262C24.3203 42.4938 21.5366 41.867 18.5 41.867C15.2985 41.867 12.3782 42.3954 10.1667 40.7821C7.60938 38.9166 6 36.2056 6 33.1882C6 26.8125 11.5964 23 18.5 23C25.4036 23 31 27.5614 31 33.1882Z"/><path fill="#43CCF8" stroke="#fff" d="M23 33.2173C23 34.2126 22.3679 35.1023 21.375 35.6925C20.5953 36.1559 19.5932 35.958 18.5 35.958C17.3475 35.958 16.2961 36.1248 15.5 35.6154C14.5794 35.0263 14 34.1702 14 33.2173C14 31.2039 16.0147 30 18.5 30C20.9853 30 23 31.4404 23 33.2173Z"/><path stroke="#000" d="M14.9998 18.0001C14.9998 18.0001 18.5 17.0001 23 18.0001"/><path stroke="#000" d="M19.9997 10.9999C19.9997 10.9999 23.5 9.49985 26.9998 10.9999"/></g></svg> </template>
CSS
.icon-bread-one {
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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20stroke%3D%22%23000%22%20d%3D%22M9%2026C9%2026%2017%2014%2022%207.99998C25.1307%204.24312%2031%202.75%2036%205C41%207.25%2043%2012%2041%2016C39%2020%2031%2035%2031%2035%22%2F%3E%3Cpath%20fill%3D%22%232F88FF%22%20stroke%3D%22%23000%22%20d%3D%22M31%2033.1882C31%2036.3399%2029.2441%2039.1574%2026.4861%2041.0262C24.3203%2042.4938%2021.5366%2041.867%2018.5%2041.867C15.2985%2041.867%2012.3782%2042.3954%2010.1667%2040.7821C7.60938%2038.9166%206%2036.2056%206%2033.1882C6%2026.8125%2011.5964%2023%2018.5%2023C25.4036%2023%2031%2027.5614%2031%2033.1882Z%22%2F%3E%3Cpath%20fill%3D%22%2343CCF8%22%20stroke%3D%22%23fff%22%20d%3D%22M23%2033.2173C23%2034.2126%2022.3679%2035.1023%2021.375%2035.6925C20.5953%2036.1559%2019.5932%2035.958%2018.5%2035.958C17.3475%2035.958%2016.2961%2036.1248%2015.5%2035.6154C14.5794%2035.0263%2014%2034.1702%2014%2033.2173C14%2031.2039%2016.0147%2030%2018.5%2030C20.9853%2030%2023%2031.4404%2023%2033.2173Z%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20d%3D%22M14.9998%2018.0001C14.9998%2018.0001%2018.5%2017.0001%2023%2018.0001%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20d%3D%22M19.9997%2010.9999C19.9997%2010.9999%2023.5%209.49985%2026.9998%2010.9999%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20stroke%3D%22%23000%22%20d%3D%22M9%2026C9%2026%2017%2014%2022%207.99998C25.1307%204.24312%2031%202.75%2036%205C41%207.25%2043%2012%2041%2016C39%2020%2031%2035%2031%2035%22%2F%3E%3Cpath%20fill%3D%22%232F88FF%22%20stroke%3D%22%23000%22%20d%3D%22M31%2033.1882C31%2036.3399%2029.2441%2039.1574%2026.4861%2041.0262C24.3203%2042.4938%2021.5366%2041.867%2018.5%2041.867C15.2985%2041.867%2012.3782%2042.3954%2010.1667%2040.7821C7.60938%2038.9166%206%2036.2056%206%2033.1882C6%2026.8125%2011.5964%2023%2018.5%2023C25.4036%2023%2031%2027.5614%2031%2033.1882Z%22%2F%3E%3Cpath%20fill%3D%22%2343CCF8%22%20stroke%3D%22%23fff%22%20d%3D%22M23%2033.2173C23%2034.2126%2022.3679%2035.1023%2021.375%2035.6925C20.5953%2036.1559%2019.5932%2035.958%2018.5%2035.958C17.3475%2035.958%2016.2961%2036.1248%2015.5%2035.6154C14.5794%2035.0263%2014%2034.1702%2014%2033.2173C14%2031.2039%2016.0147%2030%2018.5%2030C20.9853%2030%2023%2031.4404%2023%2033.2173Z%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20d%3D%22M14.9998%2018.0001C14.9998%2018.0001%2018.5%2017.0001%2023%2018.0001%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20d%3D%22M19.9997%2010.9999C19.9997%2010.9999%2023.5%209.49985%2026.9998%2010.9999%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park/bread-one.svg?color=%231a73e8&size=48
