leo logo
leo from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- leo
- 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 leo 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(#SVGsLOx1bGL1)" d="M16.5 10.682V5.668L11.862 3L9.84 4.1l.822.482l1.174-.624L15.5 6.137V10h-2v1.91zM5 10V7.777L8.685 5.52l3.113 1.664l.012-.032l.385-.707l-3.51-1.993L4.032 7.3L4.02 10zm2.729.714l2.771 1.19V10H7.549l-3.517 1.678L4 16.328l2.009 1.414l.536-.735L5 15.897v-3.761zm5.353 8.75l-1.259.514L8.5 18.23v-3.793h-1v4.307L11.778 21l1.618-.655zM18 16.081V14.5h1v2.02l-4.565 3.33l-2.935-2.36v-2.32L8.852 12.5h5.88L12.5 15.163v1.929l1.955 1.517zm.01-9.694L20 7.975v4.68l-3.838 2.392l-.449-.708L19 12.194V8.362l-1.56-1.177l.57-.803z"/><defs><linearGradient id="SVGsLOx1bGL1" x1="12" x2="12" y1="3" y2="21.005" gradientUnits="userSpaceOnUse"><stop stop-color="#f6e93d"/><stop offset=".13" stop-color="#f8e330"/><stop offset=".35" stop-color="#f7c730"/><stop offset=".64" stop-color="#f59c2e"/><stop offset=".98" stop-color="#eb5e2c"/><stop offset="1" stop-color="#eb5c2c"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedLeo(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(#SVGsLOx1bGL1)" d="M16.5 10.682V5.668L11.862 3L9.84 4.1l.822.482l1.174-.624L15.5 6.137V10h-2v1.91zM5 10V7.777L8.685 5.52l3.113 1.664l.012-.032l.385-.707l-3.51-1.993L4.032 7.3L4.02 10zm2.729.714l2.771 1.19V10H7.549l-3.517 1.678L4 16.328l2.009 1.414l.536-.735L5 15.897v-3.761zm5.353 8.75l-1.259.514L8.5 18.23v-3.793h-1v4.307L11.778 21l1.618-.655zM18 16.081V14.5h1v2.02l-4.565 3.33l-2.935-2.36v-2.32L8.852 12.5h5.88L12.5 15.163v1.929l1.955 1.517zm.01-9.694L20 7.975v4.68l-3.838 2.392l-.449-.708L19 12.194V8.362l-1.56-1.177l.57-.803z"/><defs><linearGradient id="SVGsLOx1bGL1" x1="12" x2="12" y1="3" y2="21.005" gradientUnits="userSpaceOnUse"><stop stopColor="#f6e93d"/><stop offset=".13" stopColor="#f8e330"/><stop offset=".35" stopColor="#f7c730"/><stop offset=".64" stopColor="#f59c2e"/><stop offset=".98" stopColor="#eb5e2c"/><stop offset="1" stopColor="#eb5c2c"/></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(#SVGsLOx1bGL1)" d="M16.5 10.682V5.668L11.862 3L9.84 4.1l.822.482l1.174-.624L15.5 6.137V10h-2v1.91zM5 10V7.777L8.685 5.52l3.113 1.664l.012-.032l.385-.707l-3.51-1.993L4.032 7.3L4.02 10zm2.729.714l2.771 1.19V10H7.549l-3.517 1.678L4 16.328l2.009 1.414l.536-.735L5 15.897v-3.761zm5.353 8.75l-1.259.514L8.5 18.23v-3.793h-1v4.307L11.778 21l1.618-.655zM18 16.081V14.5h1v2.02l-4.565 3.33l-2.935-2.36v-2.32L8.852 12.5h5.88L12.5 15.163v1.929l1.955 1.517zm.01-9.694L20 7.975v4.68l-3.838 2.392l-.449-.708L19 12.194V8.362l-1.56-1.177l.57-.803z"/><defs><linearGradient id="SVGsLOx1bGL1" x1="12" x2="12" y1="3" y2="21.005" gradientUnits="userSpaceOnUse"><stop stop-color="#f6e93d"/><stop offset=".13" stop-color="#f8e330"/><stop offset=".35" stop-color="#f7c730"/><stop offset=".64" stop-color="#f59c2e"/><stop offset=".98" stop-color="#eb5e2c"/><stop offset="1" stop-color="#eb5c2c"/></linearGradient></defs></g></svg> </template>
CSS
.icon-leo {
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(%23SVGsLOx1bGL1)%22%20d%3D%22M16.5%2010.682V5.668L11.862%203L9.84%204.1l.822.482l1.174-.624L15.5%206.137V10h-2v1.91zM5%2010V7.777L8.685%205.52l3.113%201.664l.012-.032l.385-.707l-3.51-1.993L4.032%207.3L4.02%2010zm2.729.714l2.771%201.19V10H7.549l-3.517%201.678L4%2016.328l2.009%201.414l.536-.735L5%2015.897v-3.761zm5.353%208.75l-1.259.514L8.5%2018.23v-3.793h-1v4.307L11.778%2021l1.618-.655zM18%2016.081V14.5h1v2.02l-4.565%203.33l-2.935-2.36v-2.32L8.852%2012.5h5.88L12.5%2015.163v1.929l1.955%201.517zm.01-9.694L20%207.975v4.68l-3.838%202.392l-.449-.708L19%2012.194V8.362l-1.56-1.177l.57-.803z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGsLOx1bGL1%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%223%22%20y2%3D%2221.005%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23f6e93d%22%2F%3E%3Cstop%20offset%3D%22.13%22%20stop-color%3D%22%23f8e330%22%2F%3E%3Cstop%20offset%3D%22.35%22%20stop-color%3D%22%23f7c730%22%2F%3E%3Cstop%20offset%3D%22.64%22%20stop-color%3D%22%23f59c2e%22%2F%3E%3Cstop%20offset%3D%22.98%22%20stop-color%3D%22%23eb5e2c%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23eb5c2c%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(%23SVGsLOx1bGL1)%22%20d%3D%22M16.5%2010.682V5.668L11.862%203L9.84%204.1l.822.482l1.174-.624L15.5%206.137V10h-2v1.91zM5%2010V7.777L8.685%205.52l3.113%201.664l.012-.032l.385-.707l-3.51-1.993L4.032%207.3L4.02%2010zm2.729.714l2.771%201.19V10H7.549l-3.517%201.678L4%2016.328l2.009%201.414l.536-.735L5%2015.897v-3.761zm5.353%208.75l-1.259.514L8.5%2018.23v-3.793h-1v4.307L11.778%2021l1.618-.655zM18%2016.081V14.5h1v2.02l-4.565%203.33l-2.935-2.36v-2.32L8.852%2012.5h5.88L12.5%2015.163v1.929l1.955%201.517zm.01-9.694L20%207.975v4.68l-3.838%202.392l-.449-.708L19%2012.194V8.362l-1.56-1.177l.57-.803z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGsLOx1bGL1%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%223%22%20y2%3D%2221.005%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23f6e93d%22%2F%3E%3Cstop%20offset%3D%22.13%22%20stop-color%3D%22%23f8e330%22%2F%3E%3Cstop%20offset%3D%22.35%22%20stop-color%3D%22%23f7c730%22%2F%3E%3Cstop%20offset%3D%22.64%22%20stop-color%3D%22%23f59c2e%22%2F%3E%3Cstop%20offset%3D%22.98%22%20stop-color%3D%22%23eb5e2c%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23eb5c2c%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/leo.svg?color=%231a73e8&size=48
