regen logo
regen-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- regen-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
Use the regen 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(#SVGHcSWxdhd27)"><path fill="#52b675" d="M24 0H0v24h24z"/><path fill="#fff" d="m4.696 11.153l4.871.678l-4.87.682L4 11.83l.696-.683zm3.13 1.694h2.09l-1.742 1.026l-.696-.339l.348-.682zm2.433.687l-1.741.678v.682h.7l1.04-1.365zm-.692 2.72v-.678l1.388-1.02l-.696 1.698zm1.388 3.407L12 14.894l-2.085 4.424l.344.682zm1.741-3.063l.349-1.704l.348 1.704l-.348.338zm1.389 0l-.344-1.704l1.04 1.365v.677zm4.87.338l-3.477-3.402L20 15.915v1.021zm-1.04-5.449l-2.09.344l2.09.338l.344-.338zm1.04-4.762l-3.477 3.402L20 8.085V7.064zm-4.174 1.02l-.348 1.366l1.045-1.026v-.683zm-1.388-.681l-.348 1.703l-.349-1.703l.349-.34zm-2.438-2.725L12 9.106L9.915 4.682L10.26 4zM9.567 8.085l1.04 1.703l-1.741-1.021v-.682z"/></g><defs><clipPath id="SVGHcSWxdhd27"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedRegenBackground(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(#SVGHcSWxdhd27)"><path fill="#52b675" d="M24 0H0v24h24z"/><path fill="#fff" d="m4.696 11.153l4.871.678l-4.87.682L4 11.83l.696-.683zm3.13 1.694h2.09l-1.742 1.026l-.696-.339l.348-.682zm2.433.687l-1.741.678v.682h.7l1.04-1.365zm-.692 2.72v-.678l1.388-1.02l-.696 1.698zm1.388 3.407L12 14.894l-2.085 4.424l.344.682zm1.741-3.063l.349-1.704l.348 1.704l-.348.338zm1.389 0l-.344-1.704l1.04 1.365v.677zm4.87.338l-3.477-3.402L20 15.915v1.021zm-1.04-5.449l-2.09.344l2.09.338l.344-.338zm1.04-4.762l-3.477 3.402L20 8.085V7.064zm-4.174 1.02l-.348 1.366l1.045-1.026v-.683zm-1.388-.681l-.348 1.703l-.349-1.703l.349-.34zm-2.438-2.725L12 9.106L9.915 4.682L10.26 4zM9.567 8.085l1.04 1.703l-1.741-1.021v-.682z"/></g><defs><clipPath id="SVGHcSWxdhd27"><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(#SVGHcSWxdhd27)"><path fill="#52b675" d="M24 0H0v24h24z"/><path fill="#fff" d="m4.696 11.153l4.871.678l-4.87.682L4 11.83l.696-.683zm3.13 1.694h2.09l-1.742 1.026l-.696-.339l.348-.682zm2.433.687l-1.741.678v.682h.7l1.04-1.365zm-.692 2.72v-.678l1.388-1.02l-.696 1.698zm1.388 3.407L12 14.894l-2.085 4.424l.344.682zm1.741-3.063l.349-1.704l.348 1.704l-.348.338zm1.389 0l-.344-1.704l1.04 1.365v.677zm4.87.338l-3.477-3.402L20 15.915v1.021zm-1.04-5.449l-2.09.344l2.09.338l.344-.338zm1.04-4.762l-3.477 3.402L20 8.085V7.064zm-4.174 1.02l-.348 1.366l1.045-1.026v-.683zm-1.388-.681l-.348 1.703l-.349-1.703l.349-.34zm-2.438-2.725L12 9.106L9.915 4.682L10.26 4zM9.567 8.085l1.04 1.703l-1.741-1.021v-.682z"/></g><defs><clipPath id="SVGHcSWxdhd27"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-regen-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(%23SVGHcSWxdhd27)%22%3E%3Cpath%20fill%3D%22%2352b675%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m4.696%2011.153l4.871.678l-4.87.682L4%2011.83l.696-.683zm3.13%201.694h2.09l-1.742%201.026l-.696-.339l.348-.682zm2.433.687l-1.741.678v.682h.7l1.04-1.365zm-.692%202.72v-.678l1.388-1.02l-.696%201.698zm1.388%203.407L12%2014.894l-2.085%204.424l.344.682zm1.741-3.063l.349-1.704l.348%201.704l-.348.338zm1.389%200l-.344-1.704l1.04%201.365v.677zm4.87.338l-3.477-3.402L20%2015.915v1.021zm-1.04-5.449l-2.09.344l2.09.338l.344-.338zm1.04-4.762l-3.477%203.402L20%208.085V7.064zm-4.174%201.02l-.348%201.366l1.045-1.026v-.683zm-1.388-.681l-.348%201.703l-.349-1.703l.349-.34zm-2.438-2.725L12%209.106L9.915%204.682L10.26%204zM9.567%208.085l1.04%201.703l-1.741-1.021v-.682z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd27%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(%23SVGHcSWxdhd27)%22%3E%3Cpath%20fill%3D%22%2352b675%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m4.696%2011.153l4.871.678l-4.87.682L4%2011.83l.696-.683zm3.13%201.694h2.09l-1.742%201.026l-.696-.339l.348-.682zm2.433.687l-1.741.678v.682h.7l1.04-1.365zm-.692%202.72v-.678l1.388-1.02l-.696%201.698zm1.388%203.407L12%2014.894l-2.085%204.424l.344.682zm1.741-3.063l.349-1.704l.348%201.704l-.348.338zm1.389%200l-.344-1.704l1.04%201.365v.677zm4.87.338l-3.477-3.402L20%2015.915v1.021zm-1.04-5.449l-2.09.344l2.09.338l.344-.338zm1.04-4.762l-3.477%203.402L20%208.085V7.064zm-4.174%201.02l-.348%201.366l1.045-1.026v-.683zm-1.388-.681l-.348%201.703l-.349-1.703l.349-.34zm-2.438-2.725L12%209.106L9.915%204.682L10.26%204zM9.567%208.085l1.04%201.703l-1.741-1.021v-.682z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd27%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/regen-background.svg?color=%231a73e8&size=48
