loka logo
loka-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- loka-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 loka 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(#SVGHcSWxdhd2)"><path fill="#126bf9" d="M24 0H0v24h24z"/><path fill="#fff" d="m4.001 12.94l7.058 7.058s-1.976-3.378-2.917-4.333c-.941-.941-4.14-2.725-4.14-2.725m5.646-2.351l-5.505 1.43c-.076.02-.118.075-.141.146a.19.19 0 0 0 .084.184l3.717 2.38c.156.109.334.118.518.057a.52.52 0 0 0 .334-.395zm3.764 3.764l-1.388 5.505a.18.18 0 0 1-.33.051l-2.418-3.684a.53.53 0 0 1-.056-.517a.56.56 0 0 1 .386-.344zM9.883 10.12l1.646-5.957a.14.14 0 0 0-.056-.142q-.086-.047-.15.024l-7.284 7.274c-.047.042-.047.094-.024.15c.033.052.085.076.142.052zm3.999 4.233L12.47 19.84a.14.14 0 0 0 .057.142q.085.048.15-.024l7.284-7.274c.047-.042.047-.094.023-.15c-.033-.052-.084-.076-.14-.052zm0-.471l5.505-1.845a.19.19 0 0 0 .141-.14a.15.15 0 0 0-.084-.16l-3.774-2.01a.64.64 0 0 0-.517-.047a.49.49 0 0 0-.34.358zm-3.529-3.764l1.506-5.966c.019-.08.07-.141.141-.15s.141.023.17.094l2.093 4.117a.66.66 0 0 1 .047.564a.56.56 0 0 1-.362.381zm-.235.472l3.797-.922s.555-.155.414.452a908 908 0 0 1-.918 3.764l-3.764.931s-.55.123-.46-.517c.093-.626.931-3.708.931-3.708m2.352-6.588L20 11.53s-3.736-1.694-4.673-2.705C14.4 7.808 12.47 4.002 12.47 4.002"/></g><defs><clipPath id="SVGHcSWxdhd2"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedLokaBackground(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(#SVGHcSWxdhd2)"><path fill="#126bf9" d="M24 0H0v24h24z"/><path fill="#fff" d="m4.001 12.94l7.058 7.058s-1.976-3.378-2.917-4.333c-.941-.941-4.14-2.725-4.14-2.725m5.646-2.351l-5.505 1.43c-.076.02-.118.075-.141.146a.19.19 0 0 0 .084.184l3.717 2.38c.156.109.334.118.518.057a.52.52 0 0 0 .334-.395zm3.764 3.764l-1.388 5.505a.18.18 0 0 1-.33.051l-2.418-3.684a.53.53 0 0 1-.056-.517a.56.56 0 0 1 .386-.344zM9.883 10.12l1.646-5.957a.14.14 0 0 0-.056-.142q-.086-.047-.15.024l-7.284 7.274c-.047.042-.047.094-.024.15c.033.052.085.076.142.052zm3.999 4.233L12.47 19.84a.14.14 0 0 0 .057.142q.085.048.15-.024l7.284-7.274c.047-.042.047-.094.023-.15c-.033-.052-.084-.076-.14-.052zm0-.471l5.505-1.845a.19.19 0 0 0 .141-.14a.15.15 0 0 0-.084-.16l-3.774-2.01a.64.64 0 0 0-.517-.047a.49.49 0 0 0-.34.358zm-3.529-3.764l1.506-5.966c.019-.08.07-.141.141-.15s.141.023.17.094l2.093 4.117a.66.66 0 0 1 .047.564a.56.56 0 0 1-.362.381zm-.235.472l3.797-.922s.555-.155.414.452a908 908 0 0 1-.918 3.764l-3.764.931s-.55.123-.46-.517c.093-.626.931-3.708.931-3.708m2.352-6.588L20 11.53s-3.736-1.694-4.673-2.705C14.4 7.808 12.47 4.002 12.47 4.002"/></g><defs><clipPath id="SVGHcSWxdhd2"><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(#SVGHcSWxdhd2)"><path fill="#126bf9" d="M24 0H0v24h24z"/><path fill="#fff" d="m4.001 12.94l7.058 7.058s-1.976-3.378-2.917-4.333c-.941-.941-4.14-2.725-4.14-2.725m5.646-2.351l-5.505 1.43c-.076.02-.118.075-.141.146a.19.19 0 0 0 .084.184l3.717 2.38c.156.109.334.118.518.057a.52.52 0 0 0 .334-.395zm3.764 3.764l-1.388 5.505a.18.18 0 0 1-.33.051l-2.418-3.684a.53.53 0 0 1-.056-.517a.56.56 0 0 1 .386-.344zM9.883 10.12l1.646-5.957a.14.14 0 0 0-.056-.142q-.086-.047-.15.024l-7.284 7.274c-.047.042-.047.094-.024.15c.033.052.085.076.142.052zm3.999 4.233L12.47 19.84a.14.14 0 0 0 .057.142q.085.048.15-.024l7.284-7.274c.047-.042.047-.094.023-.15c-.033-.052-.084-.076-.14-.052zm0-.471l5.505-1.845a.19.19 0 0 0 .141-.14a.15.15 0 0 0-.084-.16l-3.774-2.01a.64.64 0 0 0-.517-.047a.49.49 0 0 0-.34.358zm-3.529-3.764l1.506-5.966c.019-.08.07-.141.141-.15s.141.023.17.094l2.093 4.117a.66.66 0 0 1 .047.564a.56.56 0 0 1-.362.381zm-.235.472l3.797-.922s.555-.155.414.452a908 908 0 0 1-.918 3.764l-3.764.931s-.55.123-.46-.517c.093-.626.931-3.708.931-3.708m2.352-6.588L20 11.53s-3.736-1.694-4.673-2.705C14.4 7.808 12.47 4.002 12.47 4.002"/></g><defs><clipPath id="SVGHcSWxdhd2"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-loka-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(%23SVGHcSWxdhd2)%22%3E%3Cpath%20fill%3D%22%23126bf9%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m4.001%2012.94l7.058%207.058s-1.976-3.378-2.917-4.333c-.941-.941-4.14-2.725-4.14-2.725m5.646-2.351l-5.505%201.43c-.076.02-.118.075-.141.146a.19.19%200%200%200%20.084.184l3.717%202.38c.156.109.334.118.518.057a.52.52%200%200%200%20.334-.395zm3.764%203.764l-1.388%205.505a.18.18%200%200%201-.33.051l-2.418-3.684a.53.53%200%200%201-.056-.517a.56.56%200%200%201%20.386-.344zM9.883%2010.12l1.646-5.957a.14.14%200%200%200-.056-.142q-.086-.047-.15.024l-7.284%207.274c-.047.042-.047.094-.024.15c.033.052.085.076.142.052zm3.999%204.233L12.47%2019.84a.14.14%200%200%200%20.057.142q.085.048.15-.024l7.284-7.274c.047-.042.047-.094.023-.15c-.033-.052-.084-.076-.14-.052zm0-.471l5.505-1.845a.19.19%200%200%200%20.141-.14a.15.15%200%200%200-.084-.16l-3.774-2.01a.64.64%200%200%200-.517-.047a.49.49%200%200%200-.34.358zm-3.529-3.764l1.506-5.966c.019-.08.07-.141.141-.15s.141.023.17.094l2.093%204.117a.66.66%200%200%201%20.047.564a.56.56%200%200%201-.362.381zm-.235.472l3.797-.922s.555-.155.414.452a908%20908%200%200%201-.918%203.764l-3.764.931s-.55.123-.46-.517c.093-.626.931-3.708.931-3.708m2.352-6.588L20%2011.53s-3.736-1.694-4.673-2.705C14.4%207.808%2012.47%204.002%2012.47%204.002%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd2%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(%23SVGHcSWxdhd2)%22%3E%3Cpath%20fill%3D%22%23126bf9%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m4.001%2012.94l7.058%207.058s-1.976-3.378-2.917-4.333c-.941-.941-4.14-2.725-4.14-2.725m5.646-2.351l-5.505%201.43c-.076.02-.118.075-.141.146a.19.19%200%200%200%20.084.184l3.717%202.38c.156.109.334.118.518.057a.52.52%200%200%200%20.334-.395zm3.764%203.764l-1.388%205.505a.18.18%200%200%201-.33.051l-2.418-3.684a.53.53%200%200%201-.056-.517a.56.56%200%200%201%20.386-.344zM9.883%2010.12l1.646-5.957a.14.14%200%200%200-.056-.142q-.086-.047-.15.024l-7.284%207.274c-.047.042-.047.094-.024.15c.033.052.085.076.142.052zm3.999%204.233L12.47%2019.84a.14.14%200%200%200%20.057.142q.085.048.15-.024l7.284-7.274c.047-.042.047-.094.023-.15c-.033-.052-.084-.076-.14-.052zm0-.471l5.505-1.845a.19.19%200%200%200%20.141-.14a.15.15%200%200%200-.084-.16l-3.774-2.01a.64.64%200%200%200-.517-.047a.49.49%200%200%200-.34.358zm-3.529-3.764l1.506-5.966c.019-.08.07-.141.141-.15s.141.023.17.094l2.093%204.117a.66.66%200%200%201%20.047.564a.56.56%200%200%201-.362.381zm-.235.472l3.797-.922s.555-.155.414.452a908%20908%200%200%201-.918%203.764l-3.764.931s-.55.123-.46-.517c.093-.626.931-3.708.931-3.708m2.352-6.588L20%2011.53s-3.736-1.694-4.673-2.705C14.4%207.808%2012.47%204.002%2012.47%204.002%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd2%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/loka-background.svg?color=%231a73e8&size=48
