kma logo
kma-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- kma-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 kma 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(#SVGHcSWxdhd41)"><path fill="url(#SVGfNAdCdPs)" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M6.245 5.5c-.07 1.876-.165 2.476-.3 3.336c-.06.37-.125.79-.2 1.381c0 3.292 3.282 3.287 4.223 3.287h.05c.495 0 .73.37.73.75c0 .321-.2.751-.575.751c-5.464 0-5.929-3.837-5.929-5.093c0-.42.1-1.06.2-1.75c.08-.481.155-.992.21-1.472c.11-.79.1-1.496.1-1.866v-.13c0-.565.23-.72.61-.69c.476.01.601.01.866.005l.976-.005h3.317c4.663 0 4.718 3.997 4.718 6.248c0 .46-.28.736-.74.736c-.741 0-.751-.87-.751-1.611c0-3.432-1.671-3.803-3.637-3.878zm6.504 4.252c0-.41-.34-.75-.75-.75s-.75.34-.75.75s.34.75.75.75s.75-.34.75-.75m-3.252 1.25c.41 0 .75.341.75.751s-.34.75-.75.75a.75.75 0 0 1 0-1.5m8.756-3.001a1.501 1.501 0 0 1 .455 2.932c-.165.93-.906 3.557-3.962 3.572H14s.075 3.977-3.827 4.463a1.502 1.502 0 0 1-2.927-.46c.025-.841.685-1.501 1.5-1.501c.531 0 1.002.28 1.272.7c.47-.07 2.731-.586 2.731-4.028v-.235c.015-.35.24-.44.45-.44c.16 0 .316.05.356.07c0 0 2.982 1.2 3.917-2.291A1.5 1.5 0 0 1 18.252 8m0 1a.5.5 0 1 1 0 1a.5.5 0 0 1 0-1m-9.006 9.506a.5.5 0 0 0-.5-.5c-.275 0-.475.2-.5.5a.5.5 0 1 0 1 0" clip-rule="evenodd"/></g><defs><linearGradient id="SVGfNAdCdPs" x1="12.749" x2="12.249" y1="3.248" y2="20.008" gradientUnits="userSpaceOnUse"><stop stop-color="#f8a322"/><stop offset=".44" stop-color="#ae5172"/><stop offset=".91" stop-color="#6804be"/></linearGradient><clipPath id="SVGHcSWxdhd41"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedKmaBackground(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(#SVGHcSWxdhd41)"><path fill="url(#SVGfNAdCdPs)" d="M24 0H0v24h24z"/><path fill="#fff" fillRule="evenodd" d="M6.245 5.5c-.07 1.876-.165 2.476-.3 3.336c-.06.37-.125.79-.2 1.381c0 3.292 3.282 3.287 4.223 3.287h.05c.495 0 .73.37.73.75c0 .321-.2.751-.575.751c-5.464 0-5.929-3.837-5.929-5.093c0-.42.1-1.06.2-1.75c.08-.481.155-.992.21-1.472c.11-.79.1-1.496.1-1.866v-.13c0-.565.23-.72.61-.69c.476.01.601.01.866.005l.976-.005h3.317c4.663 0 4.718 3.997 4.718 6.248c0 .46-.28.736-.74.736c-.741 0-.751-.87-.751-1.611c0-3.432-1.671-3.803-3.637-3.878zm6.504 4.252c0-.41-.34-.75-.75-.75s-.75.34-.75.75s.34.75.75.75s.75-.34.75-.75m-3.252 1.25c.41 0 .75.341.75.751s-.34.75-.75.75a.75.75 0 0 1 0-1.5m8.756-3.001a1.501 1.501 0 0 1 .455 2.932c-.165.93-.906 3.557-3.962 3.572H14s.075 3.977-3.827 4.463a1.502 1.502 0 0 1-2.927-.46c.025-.841.685-1.501 1.5-1.501c.531 0 1.002.28 1.272.7c.47-.07 2.731-.586 2.731-4.028v-.235c.015-.35.24-.44.45-.44c.16 0 .316.05.356.07c0 0 2.982 1.2 3.917-2.291A1.5 1.5 0 0 1 18.252 8m0 1a.5.5 0 1 1 0 1a.5.5 0 0 1 0-1m-9.006 9.506a.5.5 0 0 0-.5-.5c-.275 0-.475.2-.5.5a.5.5 0 1 0 1 0" clipRule="evenodd"/></g><defs><linearGradient id="SVGfNAdCdPs" x1="12.749" x2="12.249" y1="3.248" y2="20.008" gradientUnits="userSpaceOnUse"><stop stopColor="#f8a322"/><stop offset=".44" stopColor="#ae5172"/><stop offset=".91" stopColor="#6804be"/></linearGradient><clipPath id="SVGHcSWxdhd41"><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(#SVGHcSWxdhd41)"><path fill="url(#SVGfNAdCdPs)" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M6.245 5.5c-.07 1.876-.165 2.476-.3 3.336c-.06.37-.125.79-.2 1.381c0 3.292 3.282 3.287 4.223 3.287h.05c.495 0 .73.37.73.75c0 .321-.2.751-.575.751c-5.464 0-5.929-3.837-5.929-5.093c0-.42.1-1.06.2-1.75c.08-.481.155-.992.21-1.472c.11-.79.1-1.496.1-1.866v-.13c0-.565.23-.72.61-.69c.476.01.601.01.866.005l.976-.005h3.317c4.663 0 4.718 3.997 4.718 6.248c0 .46-.28.736-.74.736c-.741 0-.751-.87-.751-1.611c0-3.432-1.671-3.803-3.637-3.878zm6.504 4.252c0-.41-.34-.75-.75-.75s-.75.34-.75.75s.34.75.75.75s.75-.34.75-.75m-3.252 1.25c.41 0 .75.341.75.751s-.34.75-.75.75a.75.75 0 0 1 0-1.5m8.756-3.001a1.501 1.501 0 0 1 .455 2.932c-.165.93-.906 3.557-3.962 3.572H14s.075 3.977-3.827 4.463a1.502 1.502 0 0 1-2.927-.46c.025-.841.685-1.501 1.5-1.501c.531 0 1.002.28 1.272.7c.47-.07 2.731-.586 2.731-4.028v-.235c.015-.35.24-.44.45-.44c.16 0 .316.05.356.07c0 0 2.982 1.2 3.917-2.291A1.5 1.5 0 0 1 18.252 8m0 1a.5.5 0 1 1 0 1a.5.5 0 0 1 0-1m-9.006 9.506a.5.5 0 0 0-.5-.5c-.275 0-.475.2-.5.5a.5.5 0 1 0 1 0" clip-rule="evenodd"/></g><defs><linearGradient id="SVGfNAdCdPs" x1="12.749" x2="12.249" y1="3.248" y2="20.008" gradientUnits="userSpaceOnUse"><stop stop-color="#f8a322"/><stop offset=".44" stop-color="#ae5172"/><stop offset=".91" stop-color="#6804be"/></linearGradient><clipPath id="SVGHcSWxdhd41"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-kma-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(%23SVGHcSWxdhd41)%22%3E%3Cpath%20fill%3D%22url(%23SVGfNAdCdPs)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.245%205.5c-.07%201.876-.165%202.476-.3%203.336c-.06.37-.125.79-.2%201.381c0%203.292%203.282%203.287%204.223%203.287h.05c.495%200%20.73.37.73.75c0%20.321-.2.751-.575.751c-5.464%200-5.929-3.837-5.929-5.093c0-.42.1-1.06.2-1.75c.08-.481.155-.992.21-1.472c.11-.79.1-1.496.1-1.866v-.13c0-.565.23-.72.61-.69c.476.01.601.01.866.005l.976-.005h3.317c4.663%200%204.718%203.997%204.718%206.248c0%20.46-.28.736-.74.736c-.741%200-.751-.87-.751-1.611c0-3.432-1.671-3.803-3.637-3.878zm6.504%204.252c0-.41-.34-.75-.75-.75s-.75.34-.75.75s.34.75.75.75s.75-.34.75-.75m-3.252%201.25c.41%200%20.75.341.75.751s-.34.75-.75.75a.75.75%200%200%201%200-1.5m8.756-3.001a1.501%201.501%200%200%201%20.455%202.932c-.165.93-.906%203.557-3.962%203.572H14s.075%203.977-3.827%204.463a1.502%201.502%200%200%201-2.927-.46c.025-.841.685-1.501%201.5-1.501c.531%200%201.002.28%201.272.7c.47-.07%202.731-.586%202.731-4.028v-.235c.015-.35.24-.44.45-.44c.16%200%20.316.05.356.07c0%200%202.982%201.2%203.917-2.291A1.5%201.5%200%200%201%2018.252%208m0%201a.5.5%200%201%201%200%201a.5.5%200%200%201%200-1m-9.006%209.506a.5.5%200%200%200-.5-.5c-.275%200-.475.2-.5.5a.5.5%200%201%200%201%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGfNAdCdPs%22%20x1%3D%2212.749%22%20x2%3D%2212.249%22%20y1%3D%223.248%22%20y2%3D%2220.008%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23f8a322%22%2F%3E%3Cstop%20offset%3D%22.44%22%20stop-color%3D%22%23ae5172%22%2F%3E%3Cstop%20offset%3D%22.91%22%20stop-color%3D%22%236804be%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd41%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(%23SVGHcSWxdhd41)%22%3E%3Cpath%20fill%3D%22url(%23SVGfNAdCdPs)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.245%205.5c-.07%201.876-.165%202.476-.3%203.336c-.06.37-.125.79-.2%201.381c0%203.292%203.282%203.287%204.223%203.287h.05c.495%200%20.73.37.73.75c0%20.321-.2.751-.575.751c-5.464%200-5.929-3.837-5.929-5.093c0-.42.1-1.06.2-1.75c.08-.481.155-.992.21-1.472c.11-.79.1-1.496.1-1.866v-.13c0-.565.23-.72.61-.69c.476.01.601.01.866.005l.976-.005h3.317c4.663%200%204.718%203.997%204.718%206.248c0%20.46-.28.736-.74.736c-.741%200-.751-.87-.751-1.611c0-3.432-1.671-3.803-3.637-3.878zm6.504%204.252c0-.41-.34-.75-.75-.75s-.75.34-.75.75s.34.75.75.75s.75-.34.75-.75m-3.252%201.25c.41%200%20.75.341.75.751s-.34.75-.75.75a.75.75%200%200%201%200-1.5m8.756-3.001a1.501%201.501%200%200%201%20.455%202.932c-.165.93-.906%203.557-3.962%203.572H14s.075%203.977-3.827%204.463a1.502%201.502%200%200%201-2.927-.46c.025-.841.685-1.501%201.5-1.501c.531%200%201.002.28%201.272.7c.47-.07%202.731-.586%202.731-4.028v-.235c.015-.35.24-.44.45-.44c.16%200%20.316.05.356.07c0%200%202.982%201.2%203.917-2.291A1.5%201.5%200%200%201%2018.252%208m0%201a.5.5%200%201%201%200%201a.5.5%200%200%201%200-1m-9.006%209.506a.5.5%200%200%200-.5-.5c-.275%200-.475.2-.5.5a.5.5%200%201%200%201%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGfNAdCdPs%22%20x1%3D%2212.749%22%20x2%3D%2212.249%22%20y1%3D%223.248%22%20y2%3D%2220.008%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23f8a322%22%2F%3E%3Cstop%20offset%3D%22.44%22%20stop-color%3D%22%23ae5172%22%2F%3E%3Cstop%20offset%3D%22.91%22%20stop-color%3D%22%236804be%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd41%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/kma-background.svg?color=%231a73e8&size=48
