lava network logo
lava-network from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- lava-network
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the lava network logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.002 20.1L3 15.617l4.118-6.216L10.763 3.9h2.474l3.645 5.501L21 15.618L12 20.1zm.179-13.353c0 .163.093.311.24.384l3.37 1.655c.032.016.066-.02.046-.051L12.967 4.4h-.785zm7.77 8.835l.318-.158l-3.248-4.902a.036.036 0 0 0-.066.02v3.351c0 .133.076.253.195.312l2.802 1.376M7.055 14.03l-2.899 1.424a.177.177 0 0 0 0 .32l.161.08a.54.54 0 0 0 .483 0l2.49-1.222l4.72 2.318l4.762-2.34a.26.26 0 0 0 0-.466l-.196-.097a.14.14 0 0 1-.08-.127V9.648l-4.235-2.08a.14.14 0 0 1-.08-.127v-.167a.176.176 0 0 0-.254-.156L7.444 9.321a.7.7 0 0 0-.39.623zm.532-4.19v3.921l4.126-2.026V7.814zM12 16.31l4.072-2l-4.072-2l-4.072 2z"/></svg>
React
import type { SVGProps } from "react";
export function TokenLavaNetwork(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.002 20.1L3 15.617l4.118-6.216L10.763 3.9h2.474l3.645 5.501L21 15.618L12 20.1zm.179-13.353c0 .163.093.311.24.384l3.37 1.655c.032.016.066-.02.046-.051L12.967 4.4h-.785zm7.77 8.835l.318-.158l-3.248-4.902a.036.036 0 0 0-.066.02v3.351c0 .133.076.253.195.312l2.802 1.376M7.055 14.03l-2.899 1.424a.177.177 0 0 0 0 .32l.161.08a.54.54 0 0 0 .483 0l2.49-1.222l4.72 2.318l4.762-2.34a.26.26 0 0 0 0-.466l-.196-.097a.14.14 0 0 1-.08-.127V9.648l-4.235-2.08a.14.14 0 0 1-.08-.127v-.167a.176.176 0 0 0-.254-.156L7.444 9.321a.7.7 0 0 0-.39.623zm.532-4.19v3.921l4.126-2.026V7.814zM12 16.31l4.072-2l-4.072-2l-4.072 2z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.002 20.1L3 15.617l4.118-6.216L10.763 3.9h2.474l3.645 5.501L21 15.618L12 20.1zm.179-13.353c0 .163.093.311.24.384l3.37 1.655c.032.016.066-.02.046-.051L12.967 4.4h-.785zm7.77 8.835l.318-.158l-3.248-4.902a.036.036 0 0 0-.066.02v3.351c0 .133.076.253.195.312l2.802 1.376M7.055 14.03l-2.899 1.424a.177.177 0 0 0 0 .32l.161.08a.54.54 0 0 0 .483 0l2.49-1.222l4.72 2.318l4.762-2.34a.26.26 0 0 0 0-.466l-.196-.097a.14.14 0 0 1-.08-.127V9.648l-4.235-2.08a.14.14 0 0 1-.08-.127v-.167a.176.176 0 0 0-.254-.156L7.444 9.321a.7.7 0 0 0-.39.623zm.532-4.19v3.921l4.126-2.026V7.814zM12 16.31l4.072-2l-4.072-2l-4.072 2z"/></svg> </template>
CSS
.icon-lava-network {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.002%2020.1L3%2015.617l4.118-6.216L10.763%203.9h2.474l3.645%205.501L21%2015.618L12%2020.1zm.179-13.353c0%20.163.093.311.24.384l3.37%201.655c.032.016.066-.02.046-.051L12.967%204.4h-.785zm7.77%208.835l.318-.158l-3.248-4.902a.036.036%200%200%200-.066.02v3.351c0%20.133.076.253.195.312l2.802%201.376M7.055%2014.03l-2.899%201.424a.177.177%200%200%200%200%20.32l.161.08a.54.54%200%200%200%20.483%200l2.49-1.222l4.72%202.318l4.762-2.34a.26.26%200%200%200%200-.466l-.196-.097a.14.14%200%200%201-.08-.127V9.648l-4.235-2.08a.14.14%200%200%201-.08-.127v-.167a.176.176%200%200%200-.254-.156L7.444%209.321a.7.7%200%200%200-.39.623zm.532-4.19v3.921l4.126-2.026V7.814zM12%2016.31l4.072-2l-4.072-2l-4.072%202z%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.002%2020.1L3%2015.617l4.118-6.216L10.763%203.9h2.474l3.645%205.501L21%2015.618L12%2020.1zm.179-13.353c0%20.163.093.311.24.384l3.37%201.655c.032.016.066-.02.046-.051L12.967%204.4h-.785zm7.77%208.835l.318-.158l-3.248-4.902a.036.036%200%200%200-.066.02v3.351c0%20.133.076.253.195.312l2.802%201.376M7.055%2014.03l-2.899%201.424a.177.177%200%200%200%200%20.32l.161.08a.54.54%200%200%200%20.483%200l2.49-1.222l4.72%202.318l4.762-2.34a.26.26%200%200%200%200-.466l-.196-.097a.14.14%200%200%201-.08-.127V9.648l-4.235-2.08a.14.14%200%200%201-.08-.127v-.167a.176.176%200%200%200-.254-.156L7.444%209.321a.7.7%200%200%200-.39.623zm.532-4.19v3.921l4.126-2.026V7.814zM12%2016.31l4.072-2l-4.072-2l-4.072%202z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/lava-network.svg?color=%231a73e8&size=48
