lava network logo
lava-network-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- lava-network-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 lava network 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(#SVGHcSWxdhd12)"><path fill="#d7001f" d="M24 0H0v24h24z"/><path fill="#fff" d="M12.002 19.2L4 15.216L7.66 9.69L10.9 4.8h2.2l3.24 4.89L20 15.216L12 19.2zm.159-11.87a.38.38 0 0 0 .213.342l2.996 1.471c.029.015.058-.018.041-.046l-2.553-3.853h-.697zm6.907 7.854l.282-.14l-2.887-4.358c-.017-.026-.058-.014-.058.017v2.98c0 .118.067.225.173.277zm-11.465-1.38L5.027 15.07a.158.158 0 0 0 0 .284l.143.071a.48.48 0 0 0 .43 0l2.212-1.086l4.196 2.061l4.233-2.08a.23.23 0 0 0 0-.414l-.175-.086a.13.13 0 0 1-.07-.114V9.91L12.23 8.06a.13.13 0 0 1-.07-.113v-.149a.156.156 0 0 0-.227-.138L7.95 9.618a.62.62 0 0 0-.347.554zm.474-3.723v3.485l3.667-1.802V8.28zM12 15.83l3.62-1.778L12 12.275l-3.62 1.778z"/></g><defs><clipPath id="SVGHcSWxdhd12"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedLavaNetworkBackground(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(#SVGHcSWxdhd12)"><path fill="#d7001f" d="M24 0H0v24h24z"/><path fill="#fff" d="M12.002 19.2L4 15.216L7.66 9.69L10.9 4.8h2.2l3.24 4.89L20 15.216L12 19.2zm.159-11.87a.38.38 0 0 0 .213.342l2.996 1.471c.029.015.058-.018.041-.046l-2.553-3.853h-.697zm6.907 7.854l.282-.14l-2.887-4.358c-.017-.026-.058-.014-.058.017v2.98c0 .118.067.225.173.277zm-11.465-1.38L5.027 15.07a.158.158 0 0 0 0 .284l.143.071a.48.48 0 0 0 .43 0l2.212-1.086l4.196 2.061l4.233-2.08a.23.23 0 0 0 0-.414l-.175-.086a.13.13 0 0 1-.07-.114V9.91L12.23 8.06a.13.13 0 0 1-.07-.113v-.149a.156.156 0 0 0-.227-.138L7.95 9.618a.62.62 0 0 0-.347.554zm.474-3.723v3.485l3.667-1.802V8.28zM12 15.83l3.62-1.778L12 12.275l-3.62 1.778z"/></g><defs><clipPath id="SVGHcSWxdhd12"><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(#SVGHcSWxdhd12)"><path fill="#d7001f" d="M24 0H0v24h24z"/><path fill="#fff" d="M12.002 19.2L4 15.216L7.66 9.69L10.9 4.8h2.2l3.24 4.89L20 15.216L12 19.2zm.159-11.87a.38.38 0 0 0 .213.342l2.996 1.471c.029.015.058-.018.041-.046l-2.553-3.853h-.697zm6.907 7.854l.282-.14l-2.887-4.358c-.017-.026-.058-.014-.058.017v2.98c0 .118.067.225.173.277zm-11.465-1.38L5.027 15.07a.158.158 0 0 0 0 .284l.143.071a.48.48 0 0 0 .43 0l2.212-1.086l4.196 2.061l4.233-2.08a.23.23 0 0 0 0-.414l-.175-.086a.13.13 0 0 1-.07-.114V9.91L12.23 8.06a.13.13 0 0 1-.07-.113v-.149a.156.156 0 0 0-.227-.138L7.95 9.618a.62.62 0 0 0-.347.554zm.474-3.723v3.485l3.667-1.802V8.28zM12 15.83l3.62-1.778L12 12.275l-3.62 1.778z"/></g><defs><clipPath id="SVGHcSWxdhd12"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-lava-network-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(%23SVGHcSWxdhd12)%22%3E%3Cpath%20fill%3D%22%23d7001f%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12.002%2019.2L4%2015.216L7.66%209.69L10.9%204.8h2.2l3.24%204.89L20%2015.216L12%2019.2zm.159-11.87a.38.38%200%200%200%20.213.342l2.996%201.471c.029.015.058-.018.041-.046l-2.553-3.853h-.697zm6.907%207.854l.282-.14l-2.887-4.358c-.017-.026-.058-.014-.058.017v2.98c0%20.118.067.225.173.277zm-11.465-1.38L5.027%2015.07a.158.158%200%200%200%200%20.284l.143.071a.48.48%200%200%200%20.43%200l2.212-1.086l4.196%202.061l4.233-2.08a.23.23%200%200%200%200-.414l-.175-.086a.13.13%200%200%201-.07-.114V9.91L12.23%208.06a.13.13%200%200%201-.07-.113v-.149a.156.156%200%200%200-.227-.138L7.95%209.618a.62.62%200%200%200-.347.554zm.474-3.723v3.485l3.667-1.802V8.28zM12%2015.83l3.62-1.778L12%2012.275l-3.62%201.778z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd12%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(%23SVGHcSWxdhd12)%22%3E%3Cpath%20fill%3D%22%23d7001f%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12.002%2019.2L4%2015.216L7.66%209.69L10.9%204.8h2.2l3.24%204.89L20%2015.216L12%2019.2zm.159-11.87a.38.38%200%200%200%20.213.342l2.996%201.471c.029.015.058-.018.041-.046l-2.553-3.853h-.697zm6.907%207.854l.282-.14l-2.887-4.358c-.017-.026-.058-.014-.058.017v2.98c0%20.118.067.225.173.277zm-11.465-1.38L5.027%2015.07a.158.158%200%200%200%200%20.284l.143.071a.48.48%200%200%200%20.43%200l2.212-1.086l4.196%202.061l4.233-2.08a.23.23%200%200%200%200-.414l-.175-.086a.13.13%200%200%201-.07-.114V9.91L12.23%208.06a.13.13%200%200%201-.07-.113v-.149a.156.156%200%200%200-.227-.138L7.95%209.618a.62.62%200%200%200-.347.554zm.474-3.723v3.485l3.667-1.802V8.28zM12%2015.83l3.62-1.778L12%2012.275l-3.62%201.778z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd12%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/lava-network-background.svg?color=%231a73e8&size=48
