carbon logo
carbon-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- carbon-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 carbon 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(#SVGHcSWxdhd1)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M12 19.53a7.53 7.53 0 1 0 0-15.06a7.53 7.53 0 0 0 0 15.06m0 .47a8 8 0 1 0 0-16a8 8 0 0 0 0 16" clip-rule="evenodd"/><path fill="#fff" d="M15.962 12.236c-.103 1.285-.88 3.53-3.407 3.53c-1.788 0-3.53-1.822-4.781-2.951c-.16-.156-.48-.542-.48-.814c0-.273.32-.66.48-.815c1.252-1.129 2.997-2.95 4.781-2.95c2.494 0 3.285 2.24 3.403 3.53h3.571v.47zm-.795-.47c.08 0 .141-.071.127-.151c-.16-1.078-.861-2.909-2.824-2.909c-.804 0-1.736.72-2.193 1.036a.1.1 0 0 0-.039.067a.1.1 0 0 0 .025.074l1.68 1.882zm-4.461 0c.117 0 .174-.147.094-.236l-1.14-1.318c-.513.433-1.285.98-1.661 1.553zm4.593.62c.014-.08-.085-.15-.16-.15c-.151 0-.255.061-.363.17l-2.555 2.87q.129.02.25.019c1.99 0 2.682-1.836 2.828-2.908m-1.793.4c.164-.174.047-.55-.188-.55H8a17.5 17.5 0 0 0 3.53 2.837z"/></g><defs><clipPath id="SVGHcSWxdhd1"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedCarbonBackground(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(#SVGHcSWxdhd1)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#fff" fillRule="evenodd" d="M12 19.53a7.53 7.53 0 1 0 0-15.06a7.53 7.53 0 0 0 0 15.06m0 .47a8 8 0 1 0 0-16a8 8 0 0 0 0 16" clipRule="evenodd"/><path fill="#fff" d="M15.962 12.236c-.103 1.285-.88 3.53-3.407 3.53c-1.788 0-3.53-1.822-4.781-2.951c-.16-.156-.48-.542-.48-.814c0-.273.32-.66.48-.815c1.252-1.129 2.997-2.95 4.781-2.95c2.494 0 3.285 2.24 3.403 3.53h3.571v.47zm-.795-.47c.08 0 .141-.071.127-.151c-.16-1.078-.861-2.909-2.824-2.909c-.804 0-1.736.72-2.193 1.036a.1.1 0 0 0-.039.067a.1.1 0 0 0 .025.074l1.68 1.882zm-4.461 0c.117 0 .174-.147.094-.236l-1.14-1.318c-.513.433-1.285.98-1.661 1.553zm4.593.62c.014-.08-.085-.15-.16-.15c-.151 0-.255.061-.363.17l-2.555 2.87q.129.02.25.019c1.99 0 2.682-1.836 2.828-2.908m-1.793.4c.164-.174.047-.55-.188-.55H8a17.5 17.5 0 0 0 3.53 2.837z"/></g><defs><clipPath id="SVGHcSWxdhd1"><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(#SVGHcSWxdhd1)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M12 19.53a7.53 7.53 0 1 0 0-15.06a7.53 7.53 0 0 0 0 15.06m0 .47a8 8 0 1 0 0-16a8 8 0 0 0 0 16" clip-rule="evenodd"/><path fill="#fff" d="M15.962 12.236c-.103 1.285-.88 3.53-3.407 3.53c-1.788 0-3.53-1.822-4.781-2.951c-.16-.156-.48-.542-.48-.814c0-.273.32-.66.48-.815c1.252-1.129 2.997-2.95 4.781-2.95c2.494 0 3.285 2.24 3.403 3.53h3.571v.47zm-.795-.47c.08 0 .141-.071.127-.151c-.16-1.078-.861-2.909-2.824-2.909c-.804 0-1.736.72-2.193 1.036a.1.1 0 0 0-.039.067a.1.1 0 0 0 .025.074l1.68 1.882zm-4.461 0c.117 0 .174-.147.094-.236l-1.14-1.318c-.513.433-1.285.98-1.661 1.553zm4.593.62c.014-.08-.085-.15-.16-.15c-.151 0-.255.061-.363.17l-2.555 2.87q.129.02.25.019c1.99 0 2.682-1.836 2.828-2.908m-1.793.4c.164-.174.047-.55-.188-.55H8a17.5 17.5 0 0 0 3.53 2.837z"/></g><defs><clipPath id="SVGHcSWxdhd1"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-carbon-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(%23SVGHcSWxdhd1)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2019.53a7.53%207.53%200%201%200%200-15.06a7.53%207.53%200%200%200%200%2015.06m0%20.47a8%208%200%201%200%200-16a8%208%200%200%200%200%2016%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.962%2012.236c-.103%201.285-.88%203.53-3.407%203.53c-1.788%200-3.53-1.822-4.781-2.951c-.16-.156-.48-.542-.48-.814c0-.273.32-.66.48-.815c1.252-1.129%202.997-2.95%204.781-2.95c2.494%200%203.285%202.24%203.403%203.53h3.571v.47zm-.795-.47c.08%200%20.141-.071.127-.151c-.16-1.078-.861-2.909-2.824-2.909c-.804%200-1.736.72-2.193%201.036a.1.1%200%200%200-.039.067a.1.1%200%200%200%20.025.074l1.68%201.882zm-4.461%200c.117%200%20.174-.147.094-.236l-1.14-1.318c-.513.433-1.285.98-1.661%201.553zm4.593.62c.014-.08-.085-.15-.16-.15c-.151%200-.255.061-.363.17l-2.555%202.87q.129.02.25.019c1.99%200%202.682-1.836%202.828-2.908m-1.793.4c.164-.174.047-.55-.188-.55H8a17.5%2017.5%200%200%200%203.53%202.837z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd1%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(%23SVGHcSWxdhd1)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2019.53a7.53%207.53%200%201%200%200-15.06a7.53%207.53%200%200%200%200%2015.06m0%20.47a8%208%200%201%200%200-16a8%208%200%200%200%200%2016%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.962%2012.236c-.103%201.285-.88%203.53-3.407%203.53c-1.788%200-3.53-1.822-4.781-2.951c-.16-.156-.48-.542-.48-.814c0-.273.32-.66.48-.815c1.252-1.129%202.997-2.95%204.781-2.95c2.494%200%203.285%202.24%203.403%203.53h3.571v.47zm-.795-.47c.08%200%20.141-.071.127-.151c-.16-1.078-.861-2.909-2.824-2.909c-.804%200-1.736.72-2.193%201.036a.1.1%200%200%200-.039.067a.1.1%200%200%200%20.025.074l1.68%201.882zm-4.461%200c.117%200%20.174-.147.094-.236l-1.14-1.318c-.513.433-1.285.98-1.661%201.553zm4.593.62c.014-.08-.085-.15-.16-.15c-.151%200-.255.061-.363.17l-2.555%202.87q.129.02.25.019c1.99%200%202.682-1.836%202.828-2.908m-1.793.4c.164-.174.047-.55-.188-.55H8a17.5%2017.5%200%200%200%203.53%202.837z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd1%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/carbon-background.svg?color=%231a73e8&size=48
