painted eggshell icon
painted-eggshell from IconPark by ByteDance · Color · Foods · Apache-2.0 Free for personal and commercial use.
- Name
- painted-eggshell
- 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 painted eggshell icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><path fill="#2F88FF" fill-rule="evenodd" stroke="#000" stroke-width="4" d="M24 44C34.2524 44 40 37.0457 40 26C40 14.9543 31.1316 4 24 4C16.8684 4 8 14.9543 8 26C8 37.0457 13.7476 44 24 44Z" clip-rule="evenodd"/><path fill="#fff" d="M21 38C22.6569 38 24 36.6569 24 35C24 33.3431 22.6569 32 21 32C19.3431 32 18 33.3431 18 35C18 36.6569 19.3431 38 21 38Z"/><path fill="#fff" fill-rule="evenodd" d="M16 29.6675C17.1046 29.6675 18 28.772 18 27.6675C18 26.5629 17.1046 25.6675 16 25.6675C14.8954 25.6675 14 26.5629 14 27.6675C14 28.772 14.8954 29.6675 16 29.6675Z" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkPaintedEggshell(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"><path fill="#2F88FF" fillRule="evenodd" stroke="#000" strokeWidth="4" d="M24 44C34.2524 44 40 37.0457 40 26C40 14.9543 31.1316 4 24 4C16.8684 4 8 14.9543 8 26C8 37.0457 13.7476 44 24 44Z" clipRule="evenodd"/><path fill="#fff" d="M21 38C22.6569 38 24 36.6569 24 35C24 33.3431 22.6569 32 21 32C19.3431 32 18 33.3431 18 35C18 36.6569 19.3431 38 21 38Z"/><path fill="#fff" fillRule="evenodd" d="M16 29.6675C17.1046 29.6675 18 28.772 18 27.6675C18 26.5629 17.1046 25.6675 16 25.6675C14.8954 25.6675 14 26.5629 14 27.6675C14 28.772 14.8954 29.6675 16 29.6675Z" clipRule="evenodd"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><path fill="#2F88FF" fill-rule="evenodd" stroke="#000" stroke-width="4" d="M24 44C34.2524 44 40 37.0457 40 26C40 14.9543 31.1316 4 24 4C16.8684 4 8 14.9543 8 26C8 37.0457 13.7476 44 24 44Z" clip-rule="evenodd"/><path fill="#fff" d="M21 38C22.6569 38 24 36.6569 24 35C24 33.3431 22.6569 32 21 32C19.3431 32 18 33.3431 18 35C18 36.6569 19.3431 38 21 38Z"/><path fill="#fff" fill-rule="evenodd" d="M16 29.6675C17.1046 29.6675 18 28.772 18 27.6675C18 26.5629 17.1046 25.6675 16 25.6675C14.8954 25.6675 14 26.5629 14 27.6675C14 28.772 14.8954 29.6675 16 29.6675Z" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-painted-eggshell {
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%3E%3Cpath%20fill%3D%22%232F88FF%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%20d%3D%22M24%2044C34.2524%2044%2040%2037.0457%2040%2026C40%2014.9543%2031.1316%204%2024%204C16.8684%204%208%2014.9543%208%2026C8%2037.0457%2013.7476%2044%2024%2044Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M21%2038C22.6569%2038%2024%2036.6569%2024%2035C24%2033.3431%2022.6569%2032%2021%2032C19.3431%2032%2018%2033.3431%2018%2035C18%2036.6569%2019.3431%2038%2021%2038Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16%2029.6675C17.1046%2029.6675%2018%2028.772%2018%2027.6675C18%2026.5629%2017.1046%2025.6675%2016%2025.6675C14.8954%2025.6675%2014%2026.5629%2014%2027.6675C14%2028.772%2014.8954%2029.6675%2016%2029.6675Z%22%20clip-rule%3D%22evenodd%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%3E%3Cpath%20fill%3D%22%232F88FF%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%20d%3D%22M24%2044C34.2524%2044%2040%2037.0457%2040%2026C40%2014.9543%2031.1316%204%2024%204C16.8684%204%208%2014.9543%208%2026C8%2037.0457%2013.7476%2044%2024%2044Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M21%2038C22.6569%2038%2024%2036.6569%2024%2035C24%2033.3431%2022.6569%2032%2021%2032C19.3431%2032%2018%2033.3431%2018%2035C18%2036.6569%2019.3431%2038%2021%2038Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16%2029.6675C17.1046%2029.6675%2018%2028.772%2018%2027.6675C18%2026.5629%2017.1046%2025.6675%2016%2025.6675C14.8954%2025.6675%2014%2026.5629%2014%2027.6675C14%2028.772%2014.8954%2029.6675%2016%2029.6675Z%22%20clip-rule%3D%22evenodd%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/painted-eggshell.svg?color=%231a73e8&size=48
