vc logo
vc-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- vc-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 vc 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(#SVGHcSWxdhd13)"><path fill="#f40" d="M24 0H0v24h24z"/><path fill="#fff" d="M13.647 5.647a1.647 1.647 0 1 1-3.294 0a1.647 1.647 0 0 1 3.294 0m-2.602 2.899c-.15-1.318-1.835-1.873-2.81-.927a1.534 1.534 0 0 0-.273 1.854c.109.174.24.348.405.513c.34.338.581.76.701 1.223q.425 1.672-.79 2.913c-.457.462-.636 1.06-.41 1.68c.56 1.506 2.786 1.356 3.153-.188a1.6 1.6 0 0 0-.433-1.45a4 4 0 0 1-.447-.545c-.8-1.247-.579-2.739.457-3.793a1.5 1.5 0 0 0 .447-1.275zm2.41 5.647a2.956 2.956 0 0 0 .385-3.793a2.4 2.4 0 0 0-.315-.376c-.08-.09-.165-.175-.236-.269c-1.044-1.35.471-3.148 2.038-2.38a1.553 1.553 0 0 1 .405 2.56a2.977 2.977 0 0 0-.038 4.21c.584.584.73 1.356.268 2.067a1.67 1.67 0 0 1-1.694.682c-1.331-.282-1.77-1.755-.814-2.706zm-5.69-1.958a1.647 1.647 0 1 1-3.295 0a1.647 1.647 0 0 1 3.295 0m10.118 1.647a1.647 1.647 0 1 0 0-3.293a1.647 1.647 0 0 0 0 3.293m-4.236 4.471a1.647 1.647 0 1 1-3.293 0a1.647 1.647 0 0 1 3.293 0"/></g><defs><clipPath id="SVGHcSWxdhd13"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedVcBackground(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(#SVGHcSWxdhd13)"><path fill="#f40" d="M24 0H0v24h24z"/><path fill="#fff" d="M13.647 5.647a1.647 1.647 0 1 1-3.294 0a1.647 1.647 0 0 1 3.294 0m-2.602 2.899c-.15-1.318-1.835-1.873-2.81-.927a1.534 1.534 0 0 0-.273 1.854c.109.174.24.348.405.513c.34.338.581.76.701 1.223q.425 1.672-.79 2.913c-.457.462-.636 1.06-.41 1.68c.56 1.506 2.786 1.356 3.153-.188a1.6 1.6 0 0 0-.433-1.45a4 4 0 0 1-.447-.545c-.8-1.247-.579-2.739.457-3.793a1.5 1.5 0 0 0 .447-1.275zm2.41 5.647a2.956 2.956 0 0 0 .385-3.793a2.4 2.4 0 0 0-.315-.376c-.08-.09-.165-.175-.236-.269c-1.044-1.35.471-3.148 2.038-2.38a1.553 1.553 0 0 1 .405 2.56a2.977 2.977 0 0 0-.038 4.21c.584.584.73 1.356.268 2.067a1.67 1.67 0 0 1-1.694.682c-1.331-.282-1.77-1.755-.814-2.706zm-5.69-1.958a1.647 1.647 0 1 1-3.295 0a1.647 1.647 0 0 1 3.295 0m10.118 1.647a1.647 1.647 0 1 0 0-3.293a1.647 1.647 0 0 0 0 3.293m-4.236 4.471a1.647 1.647 0 1 1-3.293 0a1.647 1.647 0 0 1 3.293 0"/></g><defs><clipPath id="SVGHcSWxdhd13"><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(#SVGHcSWxdhd13)"><path fill="#f40" d="M24 0H0v24h24z"/><path fill="#fff" d="M13.647 5.647a1.647 1.647 0 1 1-3.294 0a1.647 1.647 0 0 1 3.294 0m-2.602 2.899c-.15-1.318-1.835-1.873-2.81-.927a1.534 1.534 0 0 0-.273 1.854c.109.174.24.348.405.513c.34.338.581.76.701 1.223q.425 1.672-.79 2.913c-.457.462-.636 1.06-.41 1.68c.56 1.506 2.786 1.356 3.153-.188a1.6 1.6 0 0 0-.433-1.45a4 4 0 0 1-.447-.545c-.8-1.247-.579-2.739.457-3.793a1.5 1.5 0 0 0 .447-1.275zm2.41 5.647a2.956 2.956 0 0 0 .385-3.793a2.4 2.4 0 0 0-.315-.376c-.08-.09-.165-.175-.236-.269c-1.044-1.35.471-3.148 2.038-2.38a1.553 1.553 0 0 1 .405 2.56a2.977 2.977 0 0 0-.038 4.21c.584.584.73 1.356.268 2.067a1.67 1.67 0 0 1-1.694.682c-1.331-.282-1.77-1.755-.814-2.706zm-5.69-1.958a1.647 1.647 0 1 1-3.295 0a1.647 1.647 0 0 1 3.295 0m10.118 1.647a1.647 1.647 0 1 0 0-3.293a1.647 1.647 0 0 0 0 3.293m-4.236 4.471a1.647 1.647 0 1 1-3.293 0a1.647 1.647 0 0 1 3.293 0"/></g><defs><clipPath id="SVGHcSWxdhd13"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-vc-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(%23SVGHcSWxdhd13)%22%3E%3Cpath%20fill%3D%22%23f40%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.647%205.647a1.647%201.647%200%201%201-3.294%200a1.647%201.647%200%200%201%203.294%200m-2.602%202.899c-.15-1.318-1.835-1.873-2.81-.927a1.534%201.534%200%200%200-.273%201.854c.109.174.24.348.405.513c.34.338.581.76.701%201.223q.425%201.672-.79%202.913c-.457.462-.636%201.06-.41%201.68c.56%201.506%202.786%201.356%203.153-.188a1.6%201.6%200%200%200-.433-1.45a4%204%200%200%201-.447-.545c-.8-1.247-.579-2.739.457-3.793a1.5%201.5%200%200%200%20.447-1.275zm2.41%205.647a2.956%202.956%200%200%200%20.385-3.793a2.4%202.4%200%200%200-.315-.376c-.08-.09-.165-.175-.236-.269c-1.044-1.35.471-3.148%202.038-2.38a1.553%201.553%200%200%201%20.405%202.56a2.977%202.977%200%200%200-.038%204.21c.584.584.73%201.356.268%202.067a1.67%201.67%200%200%201-1.694.682c-1.331-.282-1.77-1.755-.814-2.706zm-5.69-1.958a1.647%201.647%200%201%201-3.295%200a1.647%201.647%200%200%201%203.295%200m10.118%201.647a1.647%201.647%200%201%200%200-3.293a1.647%201.647%200%200%200%200%203.293m-4.236%204.471a1.647%201.647%200%201%201-3.293%200a1.647%201.647%200%200%201%203.293%200%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd13%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(%23SVGHcSWxdhd13)%22%3E%3Cpath%20fill%3D%22%23f40%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.647%205.647a1.647%201.647%200%201%201-3.294%200a1.647%201.647%200%200%201%203.294%200m-2.602%202.899c-.15-1.318-1.835-1.873-2.81-.927a1.534%201.534%200%200%200-.273%201.854c.109.174.24.348.405.513c.34.338.581.76.701%201.223q.425%201.672-.79%202.913c-.457.462-.636%201.06-.41%201.68c.56%201.506%202.786%201.356%203.153-.188a1.6%201.6%200%200%200-.433-1.45a4%204%200%200%201-.447-.545c-.8-1.247-.579-2.739.457-3.793a1.5%201.5%200%200%200%20.447-1.275zm2.41%205.647a2.956%202.956%200%200%200%20.385-3.793a2.4%202.4%200%200%200-.315-.376c-.08-.09-.165-.175-.236-.269c-1.044-1.35.471-3.148%202.038-2.38a1.553%201.553%200%200%201%20.405%202.56a2.977%202.977%200%200%200-.038%204.21c.584.584.73%201.356.268%202.067a1.67%201.67%200%200%201-1.694.682c-1.331-.282-1.77-1.755-.814-2.706zm-5.69-1.958a1.647%201.647%200%201%201-3.295%200a1.647%201.647%200%200%201%203.295%200m10.118%201.647a1.647%201.647%200%201%200%200-3.293a1.647%201.647%200%200%200%200%203.293m-4.236%204.471a1.647%201.647%200%201%201-3.293%200a1.647%201.647%200%200%201%203.293%200%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd13%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/vc-background.svg?color=%231a73e8&size=48
