lisk logo
lisk-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- lisk-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 lisk 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(#SVGHcSWxdhd1)"><path fill="#0c152e" d="M24 0H0v24h24z"/><path fill="#fff" d="m10.589 6.358l1.36-2.323c.024-.047.083-.047.094 0l6.722 11.496c.011.023 0 .046-.012.07l-3.87 4.352a.1.1 0 0 1-.048.024h-3.144c-.058 0-.082-.059-.047-.094l2.1-2.37l1.971-2.205c.024-.023.024-.047.012-.07l-5.138-8.822c-.012-.011-.012-.035 0-.058"/><path fill="#fff" d="m12.606 17.619l-2.088 2.346l-.025.018l-.023.017H9.157c-.024 0-.036-.012-.047-.024l-3.87-4.351a.08.08 0 0 1 0-.07l4.82-8.283c.024-.035.082-.035.106 0l1.349 2.324c.011.01.011.034 0 .058l-3.261 5.595c-.012.023 0 .047.011.07l1.948 2.182a.1.1 0 0 0 .047.024h2.299c.058 0 .082.058.047.094"/></g><defs><clipPath id="SVGHcSWxdhd1"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedLiskBackground(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(#SVGHcSWxdhd1)"><path fill="#0c152e" d="M24 0H0v24h24z"/><path fill="#fff" d="m10.589 6.358l1.36-2.323c.024-.047.083-.047.094 0l6.722 11.496c.011.023 0 .046-.012.07l-3.87 4.352a.1.1 0 0 1-.048.024h-3.144c-.058 0-.082-.059-.047-.094l2.1-2.37l1.971-2.205c.024-.023.024-.047.012-.07l-5.138-8.822c-.012-.011-.012-.035 0-.058"/><path fill="#fff" d="m12.606 17.619l-2.088 2.346l-.025.018l-.023.017H9.157c-.024 0-.036-.012-.047-.024l-3.87-4.351a.08.08 0 0 1 0-.07l4.82-8.283c.024-.035.082-.035.106 0l1.349 2.324c.011.01.011.034 0 .058l-3.261 5.595c-.012.023 0 .047.011.07l1.948 2.182a.1.1 0 0 0 .047.024h2.299c.058 0 .082.058.047.094"/></g><defs><clipPath id="SVGHcSWxdhd1"><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(#SVGHcSWxdhd1)"><path fill="#0c152e" d="M24 0H0v24h24z"/><path fill="#fff" d="m10.589 6.358l1.36-2.323c.024-.047.083-.047.094 0l6.722 11.496c.011.023 0 .046-.012.07l-3.87 4.352a.1.1 0 0 1-.048.024h-3.144c-.058 0-.082-.059-.047-.094l2.1-2.37l1.971-2.205c.024-.023.024-.047.012-.07l-5.138-8.822c-.012-.011-.012-.035 0-.058"/><path fill="#fff" d="m12.606 17.619l-2.088 2.346l-.025.018l-.023.017H9.157c-.024 0-.036-.012-.047-.024l-3.87-4.351a.08.08 0 0 1 0-.07l4.82-8.283c.024-.035.082-.035.106 0l1.349 2.324c.011.01.011.034 0 .058l-3.261 5.595c-.012.023 0 .047.011.07l1.948 2.182a.1.1 0 0 0 .047.024h2.299c.058 0 .082.058.047.094"/></g><defs><clipPath id="SVGHcSWxdhd1"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-lisk-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(%23SVGHcSWxdhd1)%22%3E%3Cpath%20fill%3D%22%230c152e%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m10.589%206.358l1.36-2.323c.024-.047.083-.047.094%200l6.722%2011.496c.011.023%200%20.046-.012.07l-3.87%204.352a.1.1%200%200%201-.048.024h-3.144c-.058%200-.082-.059-.047-.094l2.1-2.37l1.971-2.205c.024-.023.024-.047.012-.07l-5.138-8.822c-.012-.011-.012-.035%200-.058%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m12.606%2017.619l-2.088%202.346l-.025.018l-.023.017H9.157c-.024%200-.036-.012-.047-.024l-3.87-4.351a.08.08%200%200%201%200-.07l4.82-8.283c.024-.035.082-.035.106%200l1.349%202.324c.011.01.011.034%200%20.058l-3.261%205.595c-.012.023%200%20.047.011.07l1.948%202.182a.1.1%200%200%200%20.047.024h2.299c.058%200%20.082.058.047.094%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd1%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(%23SVGHcSWxdhd1)%22%3E%3Cpath%20fill%3D%22%230c152e%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m10.589%206.358l1.36-2.323c.024-.047.083-.047.094%200l6.722%2011.496c.011.023%200%20.046-.012.07l-3.87%204.352a.1.1%200%200%201-.048.024h-3.144c-.058%200-.082-.059-.047-.094l2.1-2.37l1.971-2.205c.024-.023.024-.047.012-.07l-5.138-8.822c-.012-.011-.012-.035%200-.058%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m12.606%2017.619l-2.088%202.346l-.025.018l-.023.017H9.157c-.024%200-.036-.012-.047-.024l-3.87-4.351a.08.08%200%200%201%200-.07l4.82-8.283c.024-.035.082-.035.106%200l1.349%202.324c.011.01.011.034%200%20.058l-3.261%205.595c-.012.023%200%20.047.011.07l1.948%202.182a.1.1%200%200%200%20.047.024h2.299c.058%200%20.082.058.047.094%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd1%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/lisk-background.svg?color=%231a73e8&size=48
