kcs logo
kcs-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- kcs-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 kcs 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(#SVGHcSWxdhd65)"><path fill="#23af91" d="M24 0H0v24h24z"/><path fill="#fff" d="m9.369 12l4.598 4.74l2.907-2.988c.5-.52 1.36-.52 1.86 0a1.393 1.393 0 0 1 0 1.913L14.9 19.614a1.31 1.31 0 0 1-1.859 0L7.428 13.92v3.38c.01.724-.547 1.338-1.27 1.352c-.727-.01-1.28-.625-1.271-1.352V6.7c0-.747.541-1.352 1.27-1.352c.72 0 1.271.605 1.271 1.352v3.38l5.613-5.693a1.31 1.31 0 0 1 1.86 0l3.823 3.95a1.39 1.39 0 0 1 0 1.912c-.5.514-1.35.514-1.85 0l-2.907-2.99zm4.606-1.352c.72 0 1.308.605 1.308 1.352s-.588 1.352-1.308 1.352S12.66 12.747 12.66 12s.587-1.352 1.316-1.352"/></g><defs><clipPath id="SVGHcSWxdhd65"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedKcsBackground(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(#SVGHcSWxdhd65)"><path fill="#23af91" d="M24 0H0v24h24z"/><path fill="#fff" d="m9.369 12l4.598 4.74l2.907-2.988c.5-.52 1.36-.52 1.86 0a1.393 1.393 0 0 1 0 1.913L14.9 19.614a1.31 1.31 0 0 1-1.859 0L7.428 13.92v3.38c.01.724-.547 1.338-1.27 1.352c-.727-.01-1.28-.625-1.271-1.352V6.7c0-.747.541-1.352 1.27-1.352c.72 0 1.271.605 1.271 1.352v3.38l5.613-5.693a1.31 1.31 0 0 1 1.86 0l3.823 3.95a1.39 1.39 0 0 1 0 1.912c-.5.514-1.35.514-1.85 0l-2.907-2.99zm4.606-1.352c.72 0 1.308.605 1.308 1.352s-.588 1.352-1.308 1.352S12.66 12.747 12.66 12s.587-1.352 1.316-1.352"/></g><defs><clipPath id="SVGHcSWxdhd65"><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(#SVGHcSWxdhd65)"><path fill="#23af91" d="M24 0H0v24h24z"/><path fill="#fff" d="m9.369 12l4.598 4.74l2.907-2.988c.5-.52 1.36-.52 1.86 0a1.393 1.393 0 0 1 0 1.913L14.9 19.614a1.31 1.31 0 0 1-1.859 0L7.428 13.92v3.38c.01.724-.547 1.338-1.27 1.352c-.727-.01-1.28-.625-1.271-1.352V6.7c0-.747.541-1.352 1.27-1.352c.72 0 1.271.605 1.271 1.352v3.38l5.613-5.693a1.31 1.31 0 0 1 1.86 0l3.823 3.95a1.39 1.39 0 0 1 0 1.912c-.5.514-1.35.514-1.85 0l-2.907-2.99zm4.606-1.352c.72 0 1.308.605 1.308 1.352s-.588 1.352-1.308 1.352S12.66 12.747 12.66 12s.587-1.352 1.316-1.352"/></g><defs><clipPath id="SVGHcSWxdhd65"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-kcs-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(%23SVGHcSWxdhd65)%22%3E%3Cpath%20fill%3D%22%2323af91%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m9.369%2012l4.598%204.74l2.907-2.988c.5-.52%201.36-.52%201.86%200a1.393%201.393%200%200%201%200%201.913L14.9%2019.614a1.31%201.31%200%200%201-1.859%200L7.428%2013.92v3.38c.01.724-.547%201.338-1.27%201.352c-.727-.01-1.28-.625-1.271-1.352V6.7c0-.747.541-1.352%201.27-1.352c.72%200%201.271.605%201.271%201.352v3.38l5.613-5.693a1.31%201.31%200%200%201%201.86%200l3.823%203.95a1.39%201.39%200%200%201%200%201.912c-.5.514-1.35.514-1.85%200l-2.907-2.99zm4.606-1.352c.72%200%201.308.605%201.308%201.352s-.588%201.352-1.308%201.352S12.66%2012.747%2012.66%2012s.587-1.352%201.316-1.352%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd65%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(%23SVGHcSWxdhd65)%22%3E%3Cpath%20fill%3D%22%2323af91%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m9.369%2012l4.598%204.74l2.907-2.988c.5-.52%201.36-.52%201.86%200a1.393%201.393%200%200%201%200%201.913L14.9%2019.614a1.31%201.31%200%200%201-1.859%200L7.428%2013.92v3.38c.01.724-.547%201.338-1.27%201.352c-.727-.01-1.28-.625-1.271-1.352V6.7c0-.747.541-1.352%201.27-1.352c.72%200%201.271.605%201.271%201.352v3.38l5.613-5.693a1.31%201.31%200%200%201%201.86%200l3.823%203.95a1.39%201.39%200%200%201%200%201.912c-.5.514-1.35.514-1.85%200l-2.907-2.99zm4.606-1.352c.72%200%201.308.605%201.308%201.352s-.588%201.352-1.308%201.352S12.66%2012.747%2012.66%2012s.587-1.352%201.316-1.352%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd65%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/kcs-background.svg?color=%231a73e8&size=48
