egg crack icon
egg-crack-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- egg-crack-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 egg crack icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2c.956 0 1.888.396 2.722.97l-4.49 5.39a1 1 0 0 0 .452 1.588l2.051.684l-.683 2.052a1 1 0 1 0 1.896.632l1-3a1 1 0 0 0-.632-1.264l-1.61-.537l3.524-4.229c.43.46.841.973 1.22 1.523C18.911 7.936 20 10.755 20 13.5c0 2.476-.828 4.608-2.275 6.127C16.275 21.148 14.259 22 12 22s-4.276-.852-5.725-2.373C4.828 18.107 4 15.976 4 13.5c0-2.745 1.088-5.564 2.55-7.691c.736-1.07 1.59-2 2.493-2.673C9.933 2.472 10.953 2 12 2"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteEggCrackFill(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="M12 2c.956 0 1.888.396 2.722.97l-4.49 5.39a1 1 0 0 0 .452 1.588l2.051.684l-.683 2.052a1 1 0 1 0 1.896.632l1-3a1 1 0 0 0-.632-1.264l-1.61-.537l3.524-4.229c.43.46.841.973 1.22 1.523C18.911 7.936 20 10.755 20 13.5c0 2.476-.828 4.608-2.275 6.127C16.275 21.148 14.259 22 12 22s-4.276-.852-5.725-2.373C4.828 18.107 4 15.976 4 13.5c0-2.745 1.088-5.564 2.55-7.691c.736-1.07 1.59-2 2.493-2.673C9.933 2.472 10.953 2 12 2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2c.956 0 1.888.396 2.722.97l-4.49 5.39a1 1 0 0 0 .452 1.588l2.051.684l-.683 2.052a1 1 0 1 0 1.896.632l1-3a1 1 0 0 0-.632-1.264l-1.61-.537l3.524-4.229c.43.46.841.973 1.22 1.523C18.911 7.936 20 10.755 20 13.5c0 2.476-.828 4.608-2.275 6.127C16.275 21.148 14.259 22 12 22s-4.276-.852-5.725-2.373C4.828 18.107 4 15.976 4 13.5c0-2.745 1.088-5.564 2.55-7.691c.736-1.07 1.59-2 2.493-2.673C9.933 2.472 10.953 2 12 2"/></svg> </template>
CSS
.icon-egg-crack-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%20d%3D%22M12%202c.956%200%201.888.396%202.722.97l-4.49%205.39a1%201%200%200%200%20.452%201.588l2.051.684l-.683%202.052a1%201%200%201%200%201.896.632l1-3a1%201%200%200%200-.632-1.264l-1.61-.537l3.524-4.229c.43.46.841.973%201.22%201.523C18.911%207.936%2020%2010.755%2020%2013.5c0%202.476-.828%204.608-2.275%206.127C16.275%2021.148%2014.259%2022%2012%2022s-4.276-.852-5.725-2.373C4.828%2018.107%204%2015.976%204%2013.5c0-2.745%201.088-5.564%202.55-7.691c.736-1.07%201.59-2%202.493-2.673C9.933%202.472%2010.953%202%2012%202%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%22M12%202c.956%200%201.888.396%202.722.97l-4.49%205.39a1%201%200%200%200%20.452%201.588l2.051.684l-.683%202.052a1%201%200%201%200%201.896.632l1-3a1%201%200%200%200-.632-1.264l-1.61-.537l3.524-4.229c.43.46.841.973%201.22%201.523C18.911%207.936%2020%2010.755%2020%2013.5c0%202.476-.828%204.608-2.275%206.127C16.275%2021.148%2014.259%2022%2012%2022s-4.276-.852-5.725-2.373C4.828%2018.107%204%2015.976%204%2013.5c0-2.745%201.088-5.564%202.55-7.691c.736-1.07%201.59-2%202.493-2.673C9.933%202.472%2010.953%202%2012%202%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/egg-crack-fill.svg?color=%231a73e8&size=48
