loka logo
loka from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- loka
- 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 loka logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#5496f8" d="m3.002 13.06l7.94 7.94s-2.224-3.8-3.282-4.875C6.6 15.067 3.002 13.06 3.002 13.06"/><path fill="#126bf9" d="m9.354 10.412l-6.193 1.61c-.085.02-.133.084-.16.163a.21.21 0 0 0 .096.207L7.28 15.07c.174.122.375.132.582.064a.58.58 0 0 0 .376-.445z"/><path fill="#0037d1" d="m13.588 14.648l-1.562 6.192a.201.201 0 0 1-.37.059l-2.721-4.145a.6.6 0 0 1-.064-.582a.63.63 0 0 1 .434-.386z"/><path fill="#5496f8" d="m9.618 9.884l1.853-6.701a.16.16 0 0 0-.064-.16q-.096-.053-.17.027l-8.193 8.184c-.053.047-.053.105-.027.169c.037.058.096.085.16.058z"/><path fill="#0127af" d="m14.117 14.646l-1.588 6.172a.16.16 0 0 0 .064.159q.096.054.17-.027l8.193-8.183c.053-.047.053-.106.027-.17c-.038-.057-.096-.084-.16-.057z"/><path fill="#2c4ff9" d="m14.117 14.119l6.194-2.075a.21.21 0 0 0 .158-.159a.17.17 0 0 0-.095-.18l-4.245-2.26a.73.73 0 0 0-.582-.053a.55.55 0 0 0-.381.403z"/><path fill="#78a8f9" d="m10.148 9.883l1.694-6.712c.02-.09.079-.159.158-.17c.08-.01.159.027.19.107l2.356 4.631a.74.74 0 0 1 .053.635q-.113.334-.408.43z"/><path fill="#126bf9" d="m9.883 10.414l4.271-1.038s.625-.174.466.509c-.159.677-1.032 4.234-1.032 4.234l-4.234 1.048s-.62.138-.52-.582c.107-.704 1.049-4.171 1.049-4.171"/><path fill="#0037d1" d="m12.53 3.003l8.469 8.469s-4.203-1.906-5.256-3.044C14.7 7.285 12.53 3.003 12.53 3.003"/></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedLoka(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="#5496f8" d="m3.002 13.06l7.94 7.94s-2.224-3.8-3.282-4.875C6.6 15.067 3.002 13.06 3.002 13.06"/><path fill="#126bf9" d="m9.354 10.412l-6.193 1.61c-.085.02-.133.084-.16.163a.21.21 0 0 0 .096.207L7.28 15.07c.174.122.375.132.582.064a.58.58 0 0 0 .376-.445z"/><path fill="#0037d1" d="m13.588 14.648l-1.562 6.192a.201.201 0 0 1-.37.059l-2.721-4.145a.6.6 0 0 1-.064-.582a.63.63 0 0 1 .434-.386z"/><path fill="#5496f8" d="m9.618 9.884l1.853-6.701a.16.16 0 0 0-.064-.16q-.096-.053-.17.027l-8.193 8.184c-.053.047-.053.105-.027.169c.037.058.096.085.16.058z"/><path fill="#0127af" d="m14.117 14.646l-1.588 6.172a.16.16 0 0 0 .064.159q.096.054.17-.027l8.193-8.183c.053-.047.053-.106.027-.17c-.038-.057-.096-.084-.16-.057z"/><path fill="#2c4ff9" d="m14.117 14.119l6.194-2.075a.21.21 0 0 0 .158-.159a.17.17 0 0 0-.095-.18l-4.245-2.26a.73.73 0 0 0-.582-.053a.55.55 0 0 0-.381.403z"/><path fill="#78a8f9" d="m10.148 9.883l1.694-6.712c.02-.09.079-.159.158-.17c.08-.01.159.027.19.107l2.356 4.631a.74.74 0 0 1 .053.635q-.113.334-.408.43z"/><path fill="#126bf9" d="m9.883 10.414l4.271-1.038s.625-.174.466.509c-.159.677-1.032 4.234-1.032 4.234l-4.234 1.048s-.62.138-.52-.582c.107-.704 1.049-4.171 1.049-4.171"/><path fill="#0037d1" d="m12.53 3.003l8.469 8.469s-4.203-1.906-5.256-3.044C14.7 7.285 12.53 3.003 12.53 3.003"/></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="#5496f8" d="m3.002 13.06l7.94 7.94s-2.224-3.8-3.282-4.875C6.6 15.067 3.002 13.06 3.002 13.06"/><path fill="#126bf9" d="m9.354 10.412l-6.193 1.61c-.085.02-.133.084-.16.163a.21.21 0 0 0 .096.207L7.28 15.07c.174.122.375.132.582.064a.58.58 0 0 0 .376-.445z"/><path fill="#0037d1" d="m13.588 14.648l-1.562 6.192a.201.201 0 0 1-.37.059l-2.721-4.145a.6.6 0 0 1-.064-.582a.63.63 0 0 1 .434-.386z"/><path fill="#5496f8" d="m9.618 9.884l1.853-6.701a.16.16 0 0 0-.064-.16q-.096-.053-.17.027l-8.193 8.184c-.053.047-.053.105-.027.169c.037.058.096.085.16.058z"/><path fill="#0127af" d="m14.117 14.646l-1.588 6.172a.16.16 0 0 0 .064.159q.096.054.17-.027l8.193-8.183c.053-.047.053-.106.027-.17c-.038-.057-.096-.084-.16-.057z"/><path fill="#2c4ff9" d="m14.117 14.119l6.194-2.075a.21.21 0 0 0 .158-.159a.17.17 0 0 0-.095-.18l-4.245-2.26a.73.73 0 0 0-.582-.053a.55.55 0 0 0-.381.403z"/><path fill="#78a8f9" d="m10.148 9.883l1.694-6.712c.02-.09.079-.159.158-.17c.08-.01.159.027.19.107l2.356 4.631a.74.74 0 0 1 .053.635q-.113.334-.408.43z"/><path fill="#126bf9" d="m9.883 10.414l4.271-1.038s.625-.174.466.509c-.159.677-1.032 4.234-1.032 4.234l-4.234 1.048s-.62.138-.52-.582c.107-.704 1.049-4.171 1.049-4.171"/><path fill="#0037d1" d="m12.53 3.003l8.469 8.469s-4.203-1.906-5.256-3.044C14.7 7.285 12.53 3.003 12.53 3.003"/></g></svg> </template>
CSS
.icon-loka {
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%235496f8%22%20d%3D%22m3.002%2013.06l7.94%207.94s-2.224-3.8-3.282-4.875C6.6%2015.067%203.002%2013.06%203.002%2013.06%22%2F%3E%3Cpath%20fill%3D%22%23126bf9%22%20d%3D%22m9.354%2010.412l-6.193%201.61c-.085.02-.133.084-.16.163a.21.21%200%200%200%20.096.207L7.28%2015.07c.174.122.375.132.582.064a.58.58%200%200%200%20.376-.445z%22%2F%3E%3Cpath%20fill%3D%22%230037d1%22%20d%3D%22m13.588%2014.648l-1.562%206.192a.201.201%200%200%201-.37.059l-2.721-4.145a.6.6%200%200%201-.064-.582a.63.63%200%200%201%20.434-.386z%22%2F%3E%3Cpath%20fill%3D%22%235496f8%22%20d%3D%22m9.618%209.884l1.853-6.701a.16.16%200%200%200-.064-.16q-.096-.053-.17.027l-8.193%208.184c-.053.047-.053.105-.027.169c.037.058.096.085.16.058z%22%2F%3E%3Cpath%20fill%3D%22%230127af%22%20d%3D%22m14.117%2014.646l-1.588%206.172a.16.16%200%200%200%20.064.159q.096.054.17-.027l8.193-8.183c.053-.047.053-.106.027-.17c-.038-.057-.096-.084-.16-.057z%22%2F%3E%3Cpath%20fill%3D%22%232c4ff9%22%20d%3D%22m14.117%2014.119l6.194-2.075a.21.21%200%200%200%20.158-.159a.17.17%200%200%200-.095-.18l-4.245-2.26a.73.73%200%200%200-.582-.053a.55.55%200%200%200-.381.403z%22%2F%3E%3Cpath%20fill%3D%22%2378a8f9%22%20d%3D%22m10.148%209.883l1.694-6.712c.02-.09.079-.159.158-.17c.08-.01.159.027.19.107l2.356%204.631a.74.74%200%200%201%20.053.635q-.113.334-.408.43z%22%2F%3E%3Cpath%20fill%3D%22%23126bf9%22%20d%3D%22m9.883%2010.414l4.271-1.038s.625-.174.466.509c-.159.677-1.032%204.234-1.032%204.234l-4.234%201.048s-.62.138-.52-.582c.107-.704%201.049-4.171%201.049-4.171%22%2F%3E%3Cpath%20fill%3D%22%230037d1%22%20d%3D%22m12.53%203.003l8.469%208.469s-4.203-1.906-5.256-3.044C14.7%207.285%2012.53%203.003%2012.53%203.003%22%2F%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%235496f8%22%20d%3D%22m3.002%2013.06l7.94%207.94s-2.224-3.8-3.282-4.875C6.6%2015.067%203.002%2013.06%203.002%2013.06%22%2F%3E%3Cpath%20fill%3D%22%23126bf9%22%20d%3D%22m9.354%2010.412l-6.193%201.61c-.085.02-.133.084-.16.163a.21.21%200%200%200%20.096.207L7.28%2015.07c.174.122.375.132.582.064a.58.58%200%200%200%20.376-.445z%22%2F%3E%3Cpath%20fill%3D%22%230037d1%22%20d%3D%22m13.588%2014.648l-1.562%206.192a.201.201%200%200%201-.37.059l-2.721-4.145a.6.6%200%200%201-.064-.582a.63.63%200%200%201%20.434-.386z%22%2F%3E%3Cpath%20fill%3D%22%235496f8%22%20d%3D%22m9.618%209.884l1.853-6.701a.16.16%200%200%200-.064-.16q-.096-.053-.17.027l-8.193%208.184c-.053.047-.053.105-.027.169c.037.058.096.085.16.058z%22%2F%3E%3Cpath%20fill%3D%22%230127af%22%20d%3D%22m14.117%2014.646l-1.588%206.172a.16.16%200%200%200%20.064.159q.096.054.17-.027l8.193-8.183c.053-.047.053-.106.027-.17c-.038-.057-.096-.084-.16-.057z%22%2F%3E%3Cpath%20fill%3D%22%232c4ff9%22%20d%3D%22m14.117%2014.119l6.194-2.075a.21.21%200%200%200%20.158-.159a.17.17%200%200%200-.095-.18l-4.245-2.26a.73.73%200%200%200-.582-.053a.55.55%200%200%200-.381.403z%22%2F%3E%3Cpath%20fill%3D%22%2378a8f9%22%20d%3D%22m10.148%209.883l1.694-6.712c.02-.09.079-.159.158-.17c.08-.01.159.027.19.107l2.356%204.631a.74.74%200%200%201%20.053.635q-.113.334-.408.43z%22%2F%3E%3Cpath%20fill%3D%22%23126bf9%22%20d%3D%22m9.883%2010.414l4.271-1.038s.625-.174.466.509c-.159.677-1.032%204.234-1.032%204.234l-4.234%201.048s-.62.138-.52-.582c.107-.704%201.049-4.171%201.049-4.171%22%2F%3E%3Cpath%20fill%3D%22%230037d1%22%20d%3D%22m12.53%203.003l8.469%208.469s-4.203-1.906-5.256-3.044C14.7%207.285%2012.53%203.003%2012.53%203.003%22%2F%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.svg?color=%231a73e8&size=48
