egg logo
egg-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- egg-background
- Set
- Web3 Icons Branded
- Style
- Background
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
The same logo in other sets
eggBootstrap IconseggEmoji One (Colored)eggFont Awesome 6 SolideggFont Awesome Solidegg-outlineFlowbite IconseggFluent EmojieggFluent Emoji FlateggFluent Emoji High ContrasteggHuge IconseggIconParkeggIconPark OutlineeggIconPark SolideggIconPark TwoToneeggIconoireggIonIconseggJam IconseggLine AwesomeeggLucideeggMaterial SymbolseggMaterial Symbols LighteggMaterial Design Iconsegg-fillMingCute IconeggMyna UI IconseggNoto Emoji
Use the egg logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd135)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#0075ff" d="M18 13.861C18 17.251 15.313 20 12 20s-6-2.748-6-6.139S7.974 4 12 4s6 6.47 6 9.861"/><path fill="#87ffff" d="M17.548 16.202c.3-.744.453-1.539.452-2.341C18 10.47 16.025 4 12 4C9.392 4 7.645 6.715 6.738 9.549z"/><path fill="#aff" d="m10.308 4.414l-1.347 6.503L6.738 9.55c.695-2.17 1.882-4.27 3.57-5.135"/><path fill="#91dcf1" d="M6.739 9.548C6.245 11.09 6 12.666 6 13.861c0 1.56.57 2.986 1.508 4.07l1.453-7.015z"/><path fill="#43c6fd" d="M18 13.86c0 .83-.161 1.62-.452 2.342l-3.049-1.877V4.948c2.345 1.924 3.5 6.32 3.5 8.913"/><path fill="#44b5fd" d="M18 13.861c0 .83-.16 1.62-.452 2.341l-3.066-1.887l3.397-2.062c.08.58.12 1.125.12 1.608"/><path fill="#3e91ff" d="m7.51 17.916l6.978-3.598l-5.527-3.402z"/><path fill="#0096ff" d="M14.5 19.444v-5.119l3.048 1.877a6.1 6.1 0 0 1-3.049 3.242"/></g><defs><clipPath id="SVGHcSWxdhd135"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedEggBackground(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clipPath="url(#SVGHcSWxdhd135)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#0075ff" d="M18 13.861C18 17.251 15.313 20 12 20s-6-2.748-6-6.139S7.974 4 12 4s6 6.47 6 9.861"/><path fill="#87ffff" d="M17.548 16.202c.3-.744.453-1.539.452-2.341C18 10.47 16.025 4 12 4C9.392 4 7.645 6.715 6.738 9.549z"/><path fill="#aff" d="m10.308 4.414l-1.347 6.503L6.738 9.55c.695-2.17 1.882-4.27 3.57-5.135"/><path fill="#91dcf1" d="M6.739 9.548C6.245 11.09 6 12.666 6 13.861c0 1.56.57 2.986 1.508 4.07l1.453-7.015z"/><path fill="#43c6fd" d="M18 13.86c0 .83-.161 1.62-.452 2.342l-3.049-1.877V4.948c2.345 1.924 3.5 6.32 3.5 8.913"/><path fill="#44b5fd" d="M18 13.861c0 .83-.16 1.62-.452 2.341l-3.066-1.887l3.397-2.062c.08.58.12 1.125.12 1.608"/><path fill="#3e91ff" d="m7.51 17.916l6.978-3.598l-5.527-3.402z"/><path fill="#0096ff" d="M14.5 19.444v-5.119l3.048 1.877a6.1 6.1 0 0 1-3.049 3.242"/></g><defs><clipPath id="SVGHcSWxdhd135"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd135)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#0075ff" d="M18 13.861C18 17.251 15.313 20 12 20s-6-2.748-6-6.139S7.974 4 12 4s6 6.47 6 9.861"/><path fill="#87ffff" d="M17.548 16.202c.3-.744.453-1.539.452-2.341C18 10.47 16.025 4 12 4C9.392 4 7.645 6.715 6.738 9.549z"/><path fill="#aff" d="m10.308 4.414l-1.347 6.503L6.738 9.55c.695-2.17 1.882-4.27 3.57-5.135"/><path fill="#91dcf1" d="M6.739 9.548C6.245 11.09 6 12.666 6 13.861c0 1.56.57 2.986 1.508 4.07l1.453-7.015z"/><path fill="#43c6fd" d="M18 13.86c0 .83-.161 1.62-.452 2.342l-3.049-1.877V4.948c2.345 1.924 3.5 6.32 3.5 8.913"/><path fill="#44b5fd" d="M18 13.861c0 .83-.16 1.62-.452 2.341l-3.066-1.887l3.397-2.062c.08.58.12 1.125.12 1.608"/><path fill="#3e91ff" d="m7.51 17.916l6.978-3.598l-5.527-3.402z"/><path fill="#0096ff" d="M14.5 19.444v-5.119l3.048 1.877a6.1 6.1 0 0 1-3.049 3.242"/></g><defs><clipPath id="SVGHcSWxdhd135"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-egg-background {
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%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd135)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%230075ff%22%20d%3D%22M18%2013.861C18%2017.251%2015.313%2020%2012%2020s-6-2.748-6-6.139S7.974%204%2012%204s6%206.47%206%209.861%22%2F%3E%3Cpath%20fill%3D%22%2387ffff%22%20d%3D%22M17.548%2016.202c.3-.744.453-1.539.452-2.341C18%2010.47%2016.025%204%2012%204C9.392%204%207.645%206.715%206.738%209.549z%22%2F%3E%3Cpath%20fill%3D%22%23aff%22%20d%3D%22m10.308%204.414l-1.347%206.503L6.738%209.55c.695-2.17%201.882-4.27%203.57-5.135%22%2F%3E%3Cpath%20fill%3D%22%2391dcf1%22%20d%3D%22M6.739%209.548C6.245%2011.09%206%2012.666%206%2013.861c0%201.56.57%202.986%201.508%204.07l1.453-7.015z%22%2F%3E%3Cpath%20fill%3D%22%2343c6fd%22%20d%3D%22M18%2013.86c0%20.83-.161%201.62-.452%202.342l-3.049-1.877V4.948c2.345%201.924%203.5%206.32%203.5%208.913%22%2F%3E%3Cpath%20fill%3D%22%2344b5fd%22%20d%3D%22M18%2013.861c0%20.83-.16%201.62-.452%202.341l-3.066-1.887l3.397-2.062c.08.58.12%201.125.12%201.608%22%2F%3E%3Cpath%20fill%3D%22%233e91ff%22%20d%3D%22m7.51%2017.916l6.978-3.598l-5.527-3.402z%22%2F%3E%3Cpath%20fill%3D%22%230096ff%22%20d%3D%22M14.5%2019.444v-5.119l3.048%201.877a6.1%206.1%200%200%201-3.049%203.242%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd135%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd135)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%230075ff%22%20d%3D%22M18%2013.861C18%2017.251%2015.313%2020%2012%2020s-6-2.748-6-6.139S7.974%204%2012%204s6%206.47%206%209.861%22%2F%3E%3Cpath%20fill%3D%22%2387ffff%22%20d%3D%22M17.548%2016.202c.3-.744.453-1.539.452-2.341C18%2010.47%2016.025%204%2012%204C9.392%204%207.645%206.715%206.738%209.549z%22%2F%3E%3Cpath%20fill%3D%22%23aff%22%20d%3D%22m10.308%204.414l-1.347%206.503L6.738%209.55c.695-2.17%201.882-4.27%203.57-5.135%22%2F%3E%3Cpath%20fill%3D%22%2391dcf1%22%20d%3D%22M6.739%209.548C6.245%2011.09%206%2012.666%206%2013.861c0%201.56.57%202.986%201.508%204.07l1.453-7.015z%22%2F%3E%3Cpath%20fill%3D%22%2343c6fd%22%20d%3D%22M18%2013.86c0%20.83-.161%201.62-.452%202.342l-3.049-1.877V4.948c2.345%201.924%203.5%206.32%203.5%208.913%22%2F%3E%3Cpath%20fill%3D%22%2344b5fd%22%20d%3D%22M18%2013.861c0%20.83-.16%201.62-.452%202.341l-3.066-1.887l3.397-2.062c.08.58.12%201.125.12%201.608%22%2F%3E%3Cpath%20fill%3D%22%233e91ff%22%20d%3D%22m7.51%2017.916l6.978-3.598l-5.527-3.402z%22%2F%3E%3Cpath%20fill%3D%22%230096ff%22%20d%3D%22M14.5%2019.444v-5.119l3.048%201.877a6.1%206.1%200%200%201-3.049%203.242%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd135%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/egg-background.svg?color=%231a73e8&size=48
