Menu

Beta
Sign in
Egg SVG icon, line

Egg SVG icon, line

A simple upright egg has a narrow top and wider rounded base. Use it in breakfast recipe collections and kitchen inventory lists.

Free · from Food and drink icons, line · Set 2

Similar SVGs

More from Food and drink icons, line · Set 2

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/5vbp7pRzHrH4/amnt.svg" alt="Egg" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="cream" data-name="Cream"><path d="M508 84c-86 3-153 100-191 167-46 81-76 174-89 266-9 61-11 123 4 183 33 127 148 233 285 228 151-6 262-120 283-268 7-49 3-102-4-151-15-93-48-183-93-265-37-68-109-162-195-160z" fill="#fcf4db" stroke="#fcf4db"/></g><g id="chocolate" data-name="Chocolate"><path d="M504 66c-171 13-277 313-296 455-8 58-10 119 4 176 36 145 155 253 309 249 149-4 270-122 295-268 10-57 7-115-2-172-15-96-49-194-98-278-42-72-118-169-212-162zm4 18c86-2 158 92 195 160 45 82 78 172 93 265 7 49 11 102 4 151-21 148-132 262-283 268-137 5-252-101-285-228-15-60-13-122-4-183 13-92 43-185 89-266 38-67 105-164 191-167z" fill="#4b2612" stroke="#4b2612"/></g></svg>
CSS background-image
.egg {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/5vbp7pRzHrH4/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.egg {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/5vbp7pRzHrH4/amnt.svg") center / contain no-repeat;
}
React
import EggSvg from "./egg.jsx"; // from the React tab above

<EggSvg width={48} height={48} />

Tags

eggfoodbreakfastingredienticonline

Made with AMNT

AMNT Draw 1.2 drew this from the words Egg: A single upright egg with a wider rounded base and narrow top. A flat colour icon. as part of the pack Food and drink icons, line · Set 2. Want one like it? Make your own in the SVG studio.

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence

Settings