kom logo
kom from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- kom
- Set
- Web3 Icons Branded
- Style
- Branded
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
The same logo in other sets
Use the kom logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#2891f9" d="M15.375 15.015v-1.89L17.625 12l.056 4.185z"/><path fill="#2b6def" d="m10.712 12.022l5.26-3.06l.309-3.122l-8.258 3.657v2.525zM17.642 21l2.233-1.407l-11.272-6.502L6.1 14.385z"/><path fill="#2891f9" d="M4.125 4.052L6.375 3v15.547L4.125 19.6zm11.25.326L17.625 3v5.946l-2.25 1.085z"/><path fill="#2bbdf7" d="M19.875 4.322L17.625 3v5.906l2.25 1.125zm-11.25-.27L6.375 3v15.547l2.25 1.052z"/><path fill="#2b6def" d="m6.375 18.187l-2.25 1.407L6.369 21l2.256-1.406zm11.25-9.562l-2.25 1.406l2.25 1.406l2.25-1.406z"/><path fill="#2891f9" d="M6.375 9.446L17.625 3v2.773L6.375 12z"/><path fill="url(#SVGdtDFddMb)" d="m6.375 11.999l13.5 7.594v-6.469l-2.25-1.125v3.937l-9.017-5.191z"/><defs><linearGradient id="SVGdtDFddMb" x1="7.775" x2="20.049" y1="13.585" y2="13.585" gradientUnits="userSpaceOnUse"><stop offset=".35" stop-color="#2b6def"/><stop offset=".76" stop-color="#2bbcf7"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedKom(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="#2891f9" d="M15.375 15.015v-1.89L17.625 12l.056 4.185z"/><path fill="#2b6def" d="m10.712 12.022l5.26-3.06l.309-3.122l-8.258 3.657v2.525zM17.642 21l2.233-1.407l-11.272-6.502L6.1 14.385z"/><path fill="#2891f9" d="M4.125 4.052L6.375 3v15.547L4.125 19.6zm11.25.326L17.625 3v5.946l-2.25 1.085z"/><path fill="#2bbdf7" d="M19.875 4.322L17.625 3v5.906l2.25 1.125zm-11.25-.27L6.375 3v15.547l2.25 1.052z"/><path fill="#2b6def" d="m6.375 18.187l-2.25 1.407L6.369 21l2.256-1.406zm11.25-9.562l-2.25 1.406l2.25 1.406l2.25-1.406z"/><path fill="#2891f9" d="M6.375 9.446L17.625 3v2.773L6.375 12z"/><path fill="url(#SVGdtDFddMb)" d="m6.375 11.999l13.5 7.594v-6.469l-2.25-1.125v3.937l-9.017-5.191z"/><defs><linearGradient id="SVGdtDFddMb" x1="7.775" x2="20.049" y1="13.585" y2="13.585" gradientUnits="userSpaceOnUse"><stop offset=".35" stopColor="#2b6def"/><stop offset=".76" stopColor="#2bbcf7"/></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="#2891f9" d="M15.375 15.015v-1.89L17.625 12l.056 4.185z"/><path fill="#2b6def" d="m10.712 12.022l5.26-3.06l.309-3.122l-8.258 3.657v2.525zM17.642 21l2.233-1.407l-11.272-6.502L6.1 14.385z"/><path fill="#2891f9" d="M4.125 4.052L6.375 3v15.547L4.125 19.6zm11.25.326L17.625 3v5.946l-2.25 1.085z"/><path fill="#2bbdf7" d="M19.875 4.322L17.625 3v5.906l2.25 1.125zm-11.25-.27L6.375 3v15.547l2.25 1.052z"/><path fill="#2b6def" d="m6.375 18.187l-2.25 1.407L6.369 21l2.256-1.406zm11.25-9.562l-2.25 1.406l2.25 1.406l2.25-1.406z"/><path fill="#2891f9" d="M6.375 9.446L17.625 3v2.773L6.375 12z"/><path fill="url(#SVGdtDFddMb)" d="m6.375 11.999l13.5 7.594v-6.469l-2.25-1.125v3.937l-9.017-5.191z"/><defs><linearGradient id="SVGdtDFddMb" x1="7.775" x2="20.049" y1="13.585" y2="13.585" gradientUnits="userSpaceOnUse"><stop offset=".35" stop-color="#2b6def"/><stop offset=".76" stop-color="#2bbcf7"/></linearGradient></defs></g></svg> </template>
CSS
.icon-kom {
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%22%232891f9%22%20d%3D%22M15.375%2015.015v-1.89L17.625%2012l.056%204.185z%22%2F%3E%3Cpath%20fill%3D%22%232b6def%22%20d%3D%22m10.712%2012.022l5.26-3.06l.309-3.122l-8.258%203.657v2.525zM17.642%2021l2.233-1.407l-11.272-6.502L6.1%2014.385z%22%2F%3E%3Cpath%20fill%3D%22%232891f9%22%20d%3D%22M4.125%204.052L6.375%203v15.547L4.125%2019.6zm11.25.326L17.625%203v5.946l-2.25%201.085z%22%2F%3E%3Cpath%20fill%3D%22%232bbdf7%22%20d%3D%22M19.875%204.322L17.625%203v5.906l2.25%201.125zm-11.25-.27L6.375%203v15.547l2.25%201.052z%22%2F%3E%3Cpath%20fill%3D%22%232b6def%22%20d%3D%22m6.375%2018.187l-2.25%201.407L6.369%2021l2.256-1.406zm11.25-9.562l-2.25%201.406l2.25%201.406l2.25-1.406z%22%2F%3E%3Cpath%20fill%3D%22%232891f9%22%20d%3D%22M6.375%209.446L17.625%203v2.773L6.375%2012z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGdtDFddMb)%22%20d%3D%22m6.375%2011.999l13.5%207.594v-6.469l-2.25-1.125v3.937l-9.017-5.191z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGdtDFddMb%22%20x1%3D%227.775%22%20x2%3D%2220.049%22%20y1%3D%2213.585%22%20y2%3D%2213.585%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.35%22%20stop-color%3D%22%232b6def%22%2F%3E%3Cstop%20offset%3D%22.76%22%20stop-color%3D%22%232bbcf7%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%22%232891f9%22%20d%3D%22M15.375%2015.015v-1.89L17.625%2012l.056%204.185z%22%2F%3E%3Cpath%20fill%3D%22%232b6def%22%20d%3D%22m10.712%2012.022l5.26-3.06l.309-3.122l-8.258%203.657v2.525zM17.642%2021l2.233-1.407l-11.272-6.502L6.1%2014.385z%22%2F%3E%3Cpath%20fill%3D%22%232891f9%22%20d%3D%22M4.125%204.052L6.375%203v15.547L4.125%2019.6zm11.25.326L17.625%203v5.946l-2.25%201.085z%22%2F%3E%3Cpath%20fill%3D%22%232bbdf7%22%20d%3D%22M19.875%204.322L17.625%203v5.906l2.25%201.125zm-11.25-.27L6.375%203v15.547l2.25%201.052z%22%2F%3E%3Cpath%20fill%3D%22%232b6def%22%20d%3D%22m6.375%2018.187l-2.25%201.407L6.369%2021l2.256-1.406zm11.25-9.562l-2.25%201.406l2.25%201.406l2.25-1.406z%22%2F%3E%3Cpath%20fill%3D%22%232891f9%22%20d%3D%22M6.375%209.446L17.625%203v2.773L6.375%2012z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGdtDFddMb)%22%20d%3D%22m6.375%2011.999l13.5%207.594v-6.469l-2.25-1.125v3.937l-9.017-5.191z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGdtDFddMb%22%20x1%3D%227.775%22%20x2%3D%2220.049%22%20y1%3D%2213.585%22%20y2%3D%2213.585%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.35%22%20stop-color%3D%22%232b6def%22%2F%3E%3Cstop%20offset%3D%22.76%22%20stop-color%3D%22%232bbcf7%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/kom.svg?color=%231a73e8&size=48
