ycc logo
ycc-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- ycc-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 ycc 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(#SVGHcSWxdhd245)"><path fill="#0276f7" d="M24 0H0v24h24z"/><path fill="#fff" d="m15.005 12.024l4.155-2.651c.555-.413 1.372-1.633.36-3.288c-.99-1.617-2.417-1.588-2.964-1.254l-6.57 4.07l2.276 1.27l4.593-2.732c.285-.172.483-.174.564-.033s.04.26-.216.438l-2.198 1.382zM7.452 4.856l4.297 2.357l-2.26 1.445l-2.376-1.327c-.322-.173-.464-.112-.53 0c-.063.11-.037.29.245.435l5.17 2.846v2.685L4.822 9.382c-.563-.307-1.302-1.528-.395-3.194c.927-1.703 2.391-1.606 3.026-1.332m2.542 12.479v-4.612L12 13.918v2.519c0 .403.117.488.25.486c.232-.004.258-.177.25-.486v-5.818l2.005-1.149v8.009c0 .626-.402 1.873-2.255 1.873c-1.897 0-2.194-1.344-2.255-2.017"/></g><defs><clipPath id="SVGHcSWxdhd245"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedYccBackground(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(#SVGHcSWxdhd245)"><path fill="#0276f7" d="M24 0H0v24h24z"/><path fill="#fff" d="m15.005 12.024l4.155-2.651c.555-.413 1.372-1.633.36-3.288c-.99-1.617-2.417-1.588-2.964-1.254l-6.57 4.07l2.276 1.27l4.593-2.732c.285-.172.483-.174.564-.033s.04.26-.216.438l-2.198 1.382zM7.452 4.856l4.297 2.357l-2.26 1.445l-2.376-1.327c-.322-.173-.464-.112-.53 0c-.063.11-.037.29.245.435l5.17 2.846v2.685L4.822 9.382c-.563-.307-1.302-1.528-.395-3.194c.927-1.703 2.391-1.606 3.026-1.332m2.542 12.479v-4.612L12 13.918v2.519c0 .403.117.488.25.486c.232-.004.258-.177.25-.486v-5.818l2.005-1.149v8.009c0 .626-.402 1.873-2.255 1.873c-1.897 0-2.194-1.344-2.255-2.017"/></g><defs><clipPath id="SVGHcSWxdhd245"><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(#SVGHcSWxdhd245)"><path fill="#0276f7" d="M24 0H0v24h24z"/><path fill="#fff" d="m15.005 12.024l4.155-2.651c.555-.413 1.372-1.633.36-3.288c-.99-1.617-2.417-1.588-2.964-1.254l-6.57 4.07l2.276 1.27l4.593-2.732c.285-.172.483-.174.564-.033s.04.26-.216.438l-2.198 1.382zM7.452 4.856l4.297 2.357l-2.26 1.445l-2.376-1.327c-.322-.173-.464-.112-.53 0c-.063.11-.037.29.245.435l5.17 2.846v2.685L4.822 9.382c-.563-.307-1.302-1.528-.395-3.194c.927-1.703 2.391-1.606 3.026-1.332m2.542 12.479v-4.612L12 13.918v2.519c0 .403.117.488.25.486c.232-.004.258-.177.25-.486v-5.818l2.005-1.149v8.009c0 .626-.402 1.873-2.255 1.873c-1.897 0-2.194-1.344-2.255-2.017"/></g><defs><clipPath id="SVGHcSWxdhd245"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-ycc-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(%23SVGHcSWxdhd245)%22%3E%3Cpath%20fill%3D%22%230276f7%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m15.005%2012.024l4.155-2.651c.555-.413%201.372-1.633.36-3.288c-.99-1.617-2.417-1.588-2.964-1.254l-6.57%204.07l2.276%201.27l4.593-2.732c.285-.172.483-.174.564-.033s.04.26-.216.438l-2.198%201.382zM7.452%204.856l4.297%202.357l-2.26%201.445l-2.376-1.327c-.322-.173-.464-.112-.53%200c-.063.11-.037.29.245.435l5.17%202.846v2.685L4.822%209.382c-.563-.307-1.302-1.528-.395-3.194c.927-1.703%202.391-1.606%203.026-1.332m2.542%2012.479v-4.612L12%2013.918v2.519c0%20.403.117.488.25.486c.232-.004.258-.177.25-.486v-5.818l2.005-1.149v8.009c0%20.626-.402%201.873-2.255%201.873c-1.897%200-2.194-1.344-2.255-2.017%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd245%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(%23SVGHcSWxdhd245)%22%3E%3Cpath%20fill%3D%22%230276f7%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m15.005%2012.024l4.155-2.651c.555-.413%201.372-1.633.36-3.288c-.99-1.617-2.417-1.588-2.964-1.254l-6.57%204.07l2.276%201.27l4.593-2.732c.285-.172.483-.174.564-.033s.04.26-.216.438l-2.198%201.382zM7.452%204.856l4.297%202.357l-2.26%201.445l-2.376-1.327c-.322-.173-.464-.112-.53%200c-.063.11-.037.29.245.435l5.17%202.846v2.685L4.822%209.382c-.563-.307-1.302-1.528-.395-3.194c.927-1.703%202.391-1.606%203.026-1.332m2.542%2012.479v-4.612L12%2013.918v2.519c0%20.403.117.488.25.486c.232-.004.258-.177.25-.486v-5.818l2.005-1.149v8.009c0%20.626-.402%201.873-2.255%201.873c-1.897%200-2.194-1.344-2.255-2.017%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd245%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/ycc-background.svg?color=%231a73e8&size=48
