one logo
one-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- one-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 one 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(#SVGHcSWxdhd100)"><path fill="url(#SVGn1BSYc8y)" d="M24 0H0v24h24z"/><path fill="#fff" d="M16.57 4.001A3.6 3.6 0 0 0 13 7.441v3.834c-.35 0-.6.05-1 .05s-.65 0-1 .05V7.441C11 5.546 9.315 3.95 7.38 4C5.54 4 4.051 5.595 4.001 7.44v9.169A3.45 3.45 0 0 0 7.531 20c1.884-.05 3.47-1.55 3.47-3.39v-3.84c.349 0 .599-.05.999-.05s.65 0 1-.05v3.89A3.574 3.574 0 0 0 16.62 20a3.465 3.465 0 0 0 3.379-3.44V7.44a3.44 3.44 0 0 0-3.43-3.439m-9.09 1.5c1.14 0 2.02.795 2.02 1.94v4.034c-.995.15-1.97.45-2.914.85c-.4.2-.735.4-1.085.7v-5.59c0-1.1.835-1.939 1.98-1.939zM9.5 16.61c0 1.15-.88 1.89-2.02 1.89c-1.144 0-1.98-.746-1.98-1.89v-.9c0-.795.586-1.59 1.68-2.04c.75-.35 1.475-.55 2.32-.7zm7.07 1.89c-1.14 0-2.07-.746-2.07-1.89v-4.035c.994-.15 2.02-.45 2.964-.85c.4-.2.685-.4 1.035-.7v5.585c0 1.15-.835 1.89-1.93 1.89m.3-8.07c-.75.35-1.526.55-2.37.7V7.44c0-1.15.93-1.94 2.07-1.94a1.844 1.844 0 0 1 1.929 1.94v.9c.05.845-.535 1.59-1.63 2.09"/></g><defs><linearGradient id="SVGn1BSYc8y" x1="17.588" x2="7.228" y1="6.211" y2="18.164" gradientUnits="userSpaceOnUse"><stop stop-color="#00e8a2"/><stop offset="1" stop-color="#00b1e2"/></linearGradient><clipPath id="SVGHcSWxdhd100"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedOneBackground(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(#SVGHcSWxdhd100)"><path fill="url(#SVGn1BSYc8y)" d="M24 0H0v24h24z"/><path fill="#fff" d="M16.57 4.001A3.6 3.6 0 0 0 13 7.441v3.834c-.35 0-.6.05-1 .05s-.65 0-1 .05V7.441C11 5.546 9.315 3.95 7.38 4C5.54 4 4.051 5.595 4.001 7.44v9.169A3.45 3.45 0 0 0 7.531 20c1.884-.05 3.47-1.55 3.47-3.39v-3.84c.349 0 .599-.05.999-.05s.65 0 1-.05v3.89A3.574 3.574 0 0 0 16.62 20a3.465 3.465 0 0 0 3.379-3.44V7.44a3.44 3.44 0 0 0-3.43-3.439m-9.09 1.5c1.14 0 2.02.795 2.02 1.94v4.034c-.995.15-1.97.45-2.914.85c-.4.2-.735.4-1.085.7v-5.59c0-1.1.835-1.939 1.98-1.939zM9.5 16.61c0 1.15-.88 1.89-2.02 1.89c-1.144 0-1.98-.746-1.98-1.89v-.9c0-.795.586-1.59 1.68-2.04c.75-.35 1.475-.55 2.32-.7zm7.07 1.89c-1.14 0-2.07-.746-2.07-1.89v-4.035c.994-.15 2.02-.45 2.964-.85c.4-.2.685-.4 1.035-.7v5.585c0 1.15-.835 1.89-1.93 1.89m.3-8.07c-.75.35-1.526.55-2.37.7V7.44c0-1.15.93-1.94 2.07-1.94a1.844 1.844 0 0 1 1.929 1.94v.9c.05.845-.535 1.59-1.63 2.09"/></g><defs><linearGradient id="SVGn1BSYc8y" x1="17.588" x2="7.228" y1="6.211" y2="18.164" gradientUnits="userSpaceOnUse"><stop stopColor="#00e8a2"/><stop offset="1" stopColor="#00b1e2"/></linearGradient><clipPath id="SVGHcSWxdhd100"><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(#SVGHcSWxdhd100)"><path fill="url(#SVGn1BSYc8y)" d="M24 0H0v24h24z"/><path fill="#fff" d="M16.57 4.001A3.6 3.6 0 0 0 13 7.441v3.834c-.35 0-.6.05-1 .05s-.65 0-1 .05V7.441C11 5.546 9.315 3.95 7.38 4C5.54 4 4.051 5.595 4.001 7.44v9.169A3.45 3.45 0 0 0 7.531 20c1.884-.05 3.47-1.55 3.47-3.39v-3.84c.349 0 .599-.05.999-.05s.65 0 1-.05v3.89A3.574 3.574 0 0 0 16.62 20a3.465 3.465 0 0 0 3.379-3.44V7.44a3.44 3.44 0 0 0-3.43-3.439m-9.09 1.5c1.14 0 2.02.795 2.02 1.94v4.034c-.995.15-1.97.45-2.914.85c-.4.2-.735.4-1.085.7v-5.59c0-1.1.835-1.939 1.98-1.939zM9.5 16.61c0 1.15-.88 1.89-2.02 1.89c-1.144 0-1.98-.746-1.98-1.89v-.9c0-.795.586-1.59 1.68-2.04c.75-.35 1.475-.55 2.32-.7zm7.07 1.89c-1.14 0-2.07-.746-2.07-1.89v-4.035c.994-.15 2.02-.45 2.964-.85c.4-.2.685-.4 1.035-.7v5.585c0 1.15-.835 1.89-1.93 1.89m.3-8.07c-.75.35-1.526.55-2.37.7V7.44c0-1.15.93-1.94 2.07-1.94a1.844 1.844 0 0 1 1.929 1.94v.9c.05.845-.535 1.59-1.63 2.09"/></g><defs><linearGradient id="SVGn1BSYc8y" x1="17.588" x2="7.228" y1="6.211" y2="18.164" gradientUnits="userSpaceOnUse"><stop stop-color="#00e8a2"/><stop offset="1" stop-color="#00b1e2"/></linearGradient><clipPath id="SVGHcSWxdhd100"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-one-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(%23SVGHcSWxdhd100)%22%3E%3Cpath%20fill%3D%22url(%23SVGn1BSYc8y)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.57%204.001A3.6%203.6%200%200%200%2013%207.441v3.834c-.35%200-.6.05-1%20.05s-.65%200-1%20.05V7.441C11%205.546%209.315%203.95%207.38%204C5.54%204%204.051%205.595%204.001%207.44v9.169A3.45%203.45%200%200%200%207.531%2020c1.884-.05%203.47-1.55%203.47-3.39v-3.84c.349%200%20.599-.05.999-.05s.65%200%201-.05v3.89A3.574%203.574%200%200%200%2016.62%2020a3.465%203.465%200%200%200%203.379-3.44V7.44a3.44%203.44%200%200%200-3.43-3.439m-9.09%201.5c1.14%200%202.02.795%202.02%201.94v4.034c-.995.15-1.97.45-2.914.85c-.4.2-.735.4-1.085.7v-5.59c0-1.1.835-1.939%201.98-1.939zM9.5%2016.61c0%201.15-.88%201.89-2.02%201.89c-1.144%200-1.98-.746-1.98-1.89v-.9c0-.795.586-1.59%201.68-2.04c.75-.35%201.475-.55%202.32-.7zm7.07%201.89c-1.14%200-2.07-.746-2.07-1.89v-4.035c.994-.15%202.02-.45%202.964-.85c.4-.2.685-.4%201.035-.7v5.585c0%201.15-.835%201.89-1.93%201.89m.3-8.07c-.75.35-1.526.55-2.37.7V7.44c0-1.15.93-1.94%202.07-1.94a1.844%201.844%200%200%201%201.929%201.94v.9c.05.845-.535%201.59-1.63%202.09%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGn1BSYc8y%22%20x1%3D%2217.588%22%20x2%3D%227.228%22%20y1%3D%226.211%22%20y2%3D%2218.164%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2300e8a2%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2300b1e2%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd100%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(%23SVGHcSWxdhd100)%22%3E%3Cpath%20fill%3D%22url(%23SVGn1BSYc8y)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.57%204.001A3.6%203.6%200%200%200%2013%207.441v3.834c-.35%200-.6.05-1%20.05s-.65%200-1%20.05V7.441C11%205.546%209.315%203.95%207.38%204C5.54%204%204.051%205.595%204.001%207.44v9.169A3.45%203.45%200%200%200%207.531%2020c1.884-.05%203.47-1.55%203.47-3.39v-3.84c.349%200%20.599-.05.999-.05s.65%200%201-.05v3.89A3.574%203.574%200%200%200%2016.62%2020a3.465%203.465%200%200%200%203.379-3.44V7.44a3.44%203.44%200%200%200-3.43-3.439m-9.09%201.5c1.14%200%202.02.795%202.02%201.94v4.034c-.995.15-1.97.45-2.914.85c-.4.2-.735.4-1.085.7v-5.59c0-1.1.835-1.939%201.98-1.939zM9.5%2016.61c0%201.15-.88%201.89-2.02%201.89c-1.144%200-1.98-.746-1.98-1.89v-.9c0-.795.586-1.59%201.68-2.04c.75-.35%201.475-.55%202.32-.7zm7.07%201.89c-1.14%200-2.07-.746-2.07-1.89v-4.035c.994-.15%202.02-.45%202.964-.85c.4-.2.685-.4%201.035-.7v5.585c0%201.15-.835%201.89-1.93%201.89m.3-8.07c-.75.35-1.526.55-2.37.7V7.44c0-1.15.93-1.94%202.07-1.94a1.844%201.844%200%200%201%201.929%201.94v.9c.05.845-.535%201.59-1.63%202.09%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGn1BSYc8y%22%20x1%3D%2217.588%22%20x2%3D%227.228%22%20y1%3D%226.211%22%20y2%3D%2218.164%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2300e8a2%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2300b1e2%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd100%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/one-background.svg?color=%231a73e8&size=48
