Painted Eggshell icon
icon-park:painted-eggshell
The Painted Eggshell icon (icon-park:painted-eggshell) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Foods
- Tags
- paintedeggshell
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" 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>How to use the Painted Eggshell icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:painted-eggshell" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:painted-eggshell" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:painted-eggshell" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--painted-eggshell]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:painted-eggshell"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:painted-eggshell"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/painted-eggshell.svg" alt="Painted Eggshell icon" width="24" height="24">Related icons in IconPark
Painted Eggshell icon in other icon sets
Painted Eggshell icon FAQ
Is the Painted Eggshell icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Painted Eggshell icon in React?
Install @iconify/react and render <Icon icon="icon-park:painted-eggshell" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Painted Eggshell icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/painted-eggshell.svg" alt="Painted Eggshell icon">, or paste the SVG code inline to style it with CSS.