kzen logo
kzen from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- kzen
- Set
- Web3 Icons Branded
- Style
- Branded
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
Use the kzen logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGD8ZAocSd)" d="M12 20.47a8.47 8.47 0 1 0 0-16.94a8.47 8.47 0 0 0 0 16.94"/><path fill="url(#SVGai7pCdce)" d="M20.47 12a8.47 8.47 0 1 0-16.94 0a8.47 8.47 0 0 0 16.94 0"/><path fill="#181b1e" d="M10.411 6.706H12v10.059h-1.588zm6.771-2.647l-.937-.985L16.187 3a14.54 14.54 0 0 0-3.129 8.958c0 3.43 1.191 6.58 3.177 9.042l1.058-1.048a13.04 13.04 0 0 1-2.694-7.994c0-2.954.958-5.729 2.583-7.9"/><defs><linearGradient id="SVGD8ZAocSd" x1="16.939" x2="6.927" y1="4.125" y2="19.714" gradientUnits="userSpaceOnUse"><stop offset=".16" stop-color="#ffa3a3"/><stop offset=".59" stop-color="#c50000"/><stop offset="1" stop-color="#c50101"/></linearGradient><linearGradient id="SVGai7pCdce" x1="14.647" x2="12.33" y1="3.562" y2="7.379" gradientUnits="userSpaceOnUse"><stop offset=".07" stop-color="#ff5353"/><stop offset="1" stop-color="#c50101" stop-opacity="0"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedKzen(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"><path fill="url(#SVGD8ZAocSd)" d="M12 20.47a8.47 8.47 0 1 0 0-16.94a8.47 8.47 0 0 0 0 16.94"/><path fill="url(#SVGai7pCdce)" d="M20.47 12a8.47 8.47 0 1 0-16.94 0a8.47 8.47 0 0 0 16.94 0"/><path fill="#181b1e" d="M10.411 6.706H12v10.059h-1.588zm6.771-2.647l-.937-.985L16.187 3a14.54 14.54 0 0 0-3.129 8.958c0 3.43 1.191 6.58 3.177 9.042l1.058-1.048a13.04 13.04 0 0 1-2.694-7.994c0-2.954.958-5.729 2.583-7.9"/><defs><linearGradient id="SVGD8ZAocSd" x1="16.939" x2="6.927" y1="4.125" y2="19.714" gradientUnits="userSpaceOnUse"><stop offset=".16" stopColor="#ffa3a3"/><stop offset=".59" stopColor="#c50000"/><stop offset="1" stopColor="#c50101"/></linearGradient><linearGradient id="SVGai7pCdce" x1="14.647" x2="12.33" y1="3.562" y2="7.379" gradientUnits="userSpaceOnUse"><stop offset=".07" stopColor="#ff5353"/><stop offset="1" stopColor="#c50101" stopOpacity="0"/></linearGradient></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"><path fill="url(#SVGD8ZAocSd)" d="M12 20.47a8.47 8.47 0 1 0 0-16.94a8.47 8.47 0 0 0 0 16.94"/><path fill="url(#SVGai7pCdce)" d="M20.47 12a8.47 8.47 0 1 0-16.94 0a8.47 8.47 0 0 0 16.94 0"/><path fill="#181b1e" d="M10.411 6.706H12v10.059h-1.588zm6.771-2.647l-.937-.985L16.187 3a14.54 14.54 0 0 0-3.129 8.958c0 3.43 1.191 6.58 3.177 9.042l1.058-1.048a13.04 13.04 0 0 1-2.694-7.994c0-2.954.958-5.729 2.583-7.9"/><defs><linearGradient id="SVGD8ZAocSd" x1="16.939" x2="6.927" y1="4.125" y2="19.714" gradientUnits="userSpaceOnUse"><stop offset=".16" stop-color="#ffa3a3"/><stop offset=".59" stop-color="#c50000"/><stop offset="1" stop-color="#c50101"/></linearGradient><linearGradient id="SVGai7pCdce" x1="14.647" x2="12.33" y1="3.562" y2="7.379" gradientUnits="userSpaceOnUse"><stop offset=".07" stop-color="#ff5353"/><stop offset="1" stop-color="#c50101" stop-opacity="0"/></linearGradient></defs></g></svg> </template>
CSS
.icon-kzen {
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%3Cpath%20fill%3D%22url(%23SVGD8ZAocSd)%22%20d%3D%22M12%2020.47a8.47%208.47%200%201%200%200-16.94a8.47%208.47%200%200%200%200%2016.94%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGai7pCdce)%22%20d%3D%22M20.47%2012a8.47%208.47%200%201%200-16.94%200a8.47%208.47%200%200%200%2016.94%200%22%2F%3E%3Cpath%20fill%3D%22%23181b1e%22%20d%3D%22M10.411%206.706H12v10.059h-1.588zm6.771-2.647l-.937-.985L16.187%203a14.54%2014.54%200%200%200-3.129%208.958c0%203.43%201.191%206.58%203.177%209.042l1.058-1.048a13.04%2013.04%200%200%201-2.694-7.994c0-2.954.958-5.729%202.583-7.9%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGD8ZAocSd%22%20x1%3D%2216.939%22%20x2%3D%226.927%22%20y1%3D%224.125%22%20y2%3D%2219.714%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.16%22%20stop-color%3D%22%23ffa3a3%22%2F%3E%3Cstop%20offset%3D%22.59%22%20stop-color%3D%22%23c50000%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c50101%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGai7pCdce%22%20x1%3D%2214.647%22%20x2%3D%2212.33%22%20y1%3D%223.562%22%20y2%3D%227.379%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.07%22%20stop-color%3D%22%23ff5353%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c50101%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%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%3Cpath%20fill%3D%22url(%23SVGD8ZAocSd)%22%20d%3D%22M12%2020.47a8.47%208.47%200%201%200%200-16.94a8.47%208.47%200%200%200%200%2016.94%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGai7pCdce)%22%20d%3D%22M20.47%2012a8.47%208.47%200%201%200-16.94%200a8.47%208.47%200%200%200%2016.94%200%22%2F%3E%3Cpath%20fill%3D%22%23181b1e%22%20d%3D%22M10.411%206.706H12v10.059h-1.588zm6.771-2.647l-.937-.985L16.187%203a14.54%2014.54%200%200%200-3.129%208.958c0%203.43%201.191%206.58%203.177%209.042l1.058-1.048a13.04%2013.04%200%200%201-2.694-7.994c0-2.954.958-5.729%202.583-7.9%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGD8ZAocSd%22%20x1%3D%2216.939%22%20x2%3D%226.927%22%20y1%3D%224.125%22%20y2%3D%2219.714%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.16%22%20stop-color%3D%22%23ffa3a3%22%2F%3E%3Cstop%20offset%3D%22.59%22%20stop-color%3D%22%23c50000%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c50101%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGai7pCdce%22%20x1%3D%2214.647%22%20x2%3D%2212.33%22%20y1%3D%223.562%22%20y2%3D%227.379%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.07%22%20stop-color%3D%22%23ff5353%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c50101%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%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/kzen.svg?color=%231a73e8&size=48
