ICONYZ
English
Egg One icon from IconPark

Egg One icon

icon-park:egg-one

The Egg One icon (icon-park:egg-one) 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
eggone
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-width="4"><path fill="#2F88FF" d="M29 22.1333C29 30.9699 23.6274 36 17 36C10.3726 36 5 30.9699 5 22.1333C5 11.1634 11.3726 4 17 4C22.6274 4 29 11.1634 29 22.1333Z"/><path d="M29 24.0684C37.5365 24.7022 43 29.6217 43 33.9999C43 38.6894 36.732 43.9999 27.1333 43.9999C20.3603 43.9999 16.143 40.5644 15.2011 36"/></g></svg>

How to use the Egg One icon

React

import { Icon } from "@iconify/react";

<Icon icon="icon-park:egg-one" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="icon-park:egg-one" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="icon-park:egg-one" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--egg-one]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:egg-one"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="icon-park:egg-one"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/icon-park/egg-one.svg" alt="Egg One icon" width="24" height="24">

Related icons in IconPark

Egg One icon in other icon sets

Egg One icon FAQ

Is the Egg One 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 Egg One icon in React?

Install @iconify/react and render <Icon icon="icon-park:egg-one" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Egg One icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/egg-one.svg" alt="Egg One icon">, or paste the SVG code inline to style it with CSS.

Browse all IconPark icons →