wliti logo
wliti from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- wliti
- 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 wliti 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(#SVGDHyUyeOs)" d="M8.062 12.872v5.738L3 15.825zm3.246-1.912l-1.558.927V15.6l4.787-2.784z"/><path fill="url(#SVGbgkc5cUO)" d="M14.537 12.816L9.75 15.6v-3.713L8.063 12.9v5.704l3.245-2.076l4.843-2.784z"/><path fill="url(#SVGse5b0ddn)" d="M8.062 7.472v5.45L3 15.826V4.688zm1.688.703v3.712l1.558-.928l3.223 1.857V5.39zm6.401 5.569l-4.843 2.784l4.843 2.785L21 16.528z"/><path fill="url(#SVGTswoqdGQ)" d="m9.693 8.175l6.464 3.712L21 9.103l-6.463-3.712z"/><defs><linearGradient id="SVGDHyUyeOs" x1="5.045" x2="21.628" y1="17.968" y2="9.465" gradientUnits="userSpaceOnUse"><stop stop-color="#08a5b1"/><stop offset=".67" stop-color="#6fc6a6"/><stop offset="1" stop-color="#cae5c2"/></linearGradient><linearGradient id="SVGbgkc5cUO" x1="-.129" x2="17.771" y1="15.197" y2="3.7" gradientUnits="userSpaceOnUse"><stop stop-color="#222c5f"/><stop offset=".45" stop-color="#50489d"/><stop offset="1" stop-color="#2d7dc1"/></linearGradient><linearGradient id="SVGse5b0ddn" x1="2.533" x2="18.182" y1="14.548" y2="8.828" gradientUnits="userSpaceOnUse"><stop stop-color="#4ba5dc"/><stop offset=".7" stop-color="#79cfe3"/><stop offset="1" stop-color="#90d7ee"/></linearGradient><linearGradient id="SVGTswoqdGQ" x1="11.071" x2="19.599" y1="5.981" y2="11.336" gradientUnits="userSpaceOnUse"><stop stop-color="#50489d"/><stop offset=".7" stop-color="#2d7dc1"/><stop offset="1" stop-color="#44baeb"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedWliti(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(#SVGDHyUyeOs)" d="M8.062 12.872v5.738L3 15.825zm3.246-1.912l-1.558.927V15.6l4.787-2.784z"/><path fill="url(#SVGbgkc5cUO)" d="M14.537 12.816L9.75 15.6v-3.713L8.063 12.9v5.704l3.245-2.076l4.843-2.784z"/><path fill="url(#SVGse5b0ddn)" d="M8.062 7.472v5.45L3 15.826V4.688zm1.688.703v3.712l1.558-.928l3.223 1.857V5.39zm6.401 5.569l-4.843 2.784l4.843 2.785L21 16.528z"/><path fill="url(#SVGTswoqdGQ)" d="m9.693 8.175l6.464 3.712L21 9.103l-6.463-3.712z"/><defs><linearGradient id="SVGDHyUyeOs" x1="5.045" x2="21.628" y1="17.968" y2="9.465" gradientUnits="userSpaceOnUse"><stop stopColor="#08a5b1"/><stop offset=".67" stopColor="#6fc6a6"/><stop offset="1" stopColor="#cae5c2"/></linearGradient><linearGradient id="SVGbgkc5cUO" x1="-.129" x2="17.771" y1="15.197" y2="3.7" gradientUnits="userSpaceOnUse"><stop stopColor="#222c5f"/><stop offset=".45" stopColor="#50489d"/><stop offset="1" stopColor="#2d7dc1"/></linearGradient><linearGradient id="SVGse5b0ddn" x1="2.533" x2="18.182" y1="14.548" y2="8.828" gradientUnits="userSpaceOnUse"><stop stopColor="#4ba5dc"/><stop offset=".7" stopColor="#79cfe3"/><stop offset="1" stopColor="#90d7ee"/></linearGradient><linearGradient id="SVGTswoqdGQ" x1="11.071" x2="19.599" y1="5.981" y2="11.336" gradientUnits="userSpaceOnUse"><stop stopColor="#50489d"/><stop offset=".7" stopColor="#2d7dc1"/><stop offset="1" stopColor="#44baeb"/></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(#SVGDHyUyeOs)" d="M8.062 12.872v5.738L3 15.825zm3.246-1.912l-1.558.927V15.6l4.787-2.784z"/><path fill="url(#SVGbgkc5cUO)" d="M14.537 12.816L9.75 15.6v-3.713L8.063 12.9v5.704l3.245-2.076l4.843-2.784z"/><path fill="url(#SVGse5b0ddn)" d="M8.062 7.472v5.45L3 15.826V4.688zm1.688.703v3.712l1.558-.928l3.223 1.857V5.39zm6.401 5.569l-4.843 2.784l4.843 2.785L21 16.528z"/><path fill="url(#SVGTswoqdGQ)" d="m9.693 8.175l6.464 3.712L21 9.103l-6.463-3.712z"/><defs><linearGradient id="SVGDHyUyeOs" x1="5.045" x2="21.628" y1="17.968" y2="9.465" gradientUnits="userSpaceOnUse"><stop stop-color="#08a5b1"/><stop offset=".67" stop-color="#6fc6a6"/><stop offset="1" stop-color="#cae5c2"/></linearGradient><linearGradient id="SVGbgkc5cUO" x1="-.129" x2="17.771" y1="15.197" y2="3.7" gradientUnits="userSpaceOnUse"><stop stop-color="#222c5f"/><stop offset=".45" stop-color="#50489d"/><stop offset="1" stop-color="#2d7dc1"/></linearGradient><linearGradient id="SVGse5b0ddn" x1="2.533" x2="18.182" y1="14.548" y2="8.828" gradientUnits="userSpaceOnUse"><stop stop-color="#4ba5dc"/><stop offset=".7" stop-color="#79cfe3"/><stop offset="1" stop-color="#90d7ee"/></linearGradient><linearGradient id="SVGTswoqdGQ" x1="11.071" x2="19.599" y1="5.981" y2="11.336" gradientUnits="userSpaceOnUse"><stop stop-color="#50489d"/><stop offset=".7" stop-color="#2d7dc1"/><stop offset="1" stop-color="#44baeb"/></linearGradient></defs></g></svg> </template>
CSS
.icon-wliti {
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(%23SVGDHyUyeOs)%22%20d%3D%22M8.062%2012.872v5.738L3%2015.825zm3.246-1.912l-1.558.927V15.6l4.787-2.784z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGbgkc5cUO)%22%20d%3D%22M14.537%2012.816L9.75%2015.6v-3.713L8.063%2012.9v5.704l3.245-2.076l4.843-2.784z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGse5b0ddn)%22%20d%3D%22M8.062%207.472v5.45L3%2015.826V4.688zm1.688.703v3.712l1.558-.928l3.223%201.857V5.39zm6.401%205.569l-4.843%202.784l4.843%202.785L21%2016.528z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGTswoqdGQ)%22%20d%3D%22m9.693%208.175l6.464%203.712L21%209.103l-6.463-3.712z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGDHyUyeOs%22%20x1%3D%225.045%22%20x2%3D%2221.628%22%20y1%3D%2217.968%22%20y2%3D%229.465%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2308a5b1%22%2F%3E%3Cstop%20offset%3D%22.67%22%20stop-color%3D%22%236fc6a6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23cae5c2%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGbgkc5cUO%22%20x1%3D%22-.129%22%20x2%3D%2217.771%22%20y1%3D%2215.197%22%20y2%3D%223.7%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23222c5f%22%2F%3E%3Cstop%20offset%3D%22.45%22%20stop-color%3D%22%2350489d%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232d7dc1%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGse5b0ddn%22%20x1%3D%222.533%22%20x2%3D%2218.182%22%20y1%3D%2214.548%22%20y2%3D%228.828%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%234ba5dc%22%2F%3E%3Cstop%20offset%3D%22.7%22%20stop-color%3D%22%2379cfe3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2390d7ee%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGTswoqdGQ%22%20x1%3D%2211.071%22%20x2%3D%2219.599%22%20y1%3D%225.981%22%20y2%3D%2211.336%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2350489d%22%2F%3E%3Cstop%20offset%3D%22.7%22%20stop-color%3D%22%232d7dc1%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2344baeb%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(%23SVGDHyUyeOs)%22%20d%3D%22M8.062%2012.872v5.738L3%2015.825zm3.246-1.912l-1.558.927V15.6l4.787-2.784z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGbgkc5cUO)%22%20d%3D%22M14.537%2012.816L9.75%2015.6v-3.713L8.063%2012.9v5.704l3.245-2.076l4.843-2.784z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGse5b0ddn)%22%20d%3D%22M8.062%207.472v5.45L3%2015.826V4.688zm1.688.703v3.712l1.558-.928l3.223%201.857V5.39zm6.401%205.569l-4.843%202.784l4.843%202.785L21%2016.528z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGTswoqdGQ)%22%20d%3D%22m9.693%208.175l6.464%203.712L21%209.103l-6.463-3.712z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGDHyUyeOs%22%20x1%3D%225.045%22%20x2%3D%2221.628%22%20y1%3D%2217.968%22%20y2%3D%229.465%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2308a5b1%22%2F%3E%3Cstop%20offset%3D%22.67%22%20stop-color%3D%22%236fc6a6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23cae5c2%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGbgkc5cUO%22%20x1%3D%22-.129%22%20x2%3D%2217.771%22%20y1%3D%2215.197%22%20y2%3D%223.7%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23222c5f%22%2F%3E%3Cstop%20offset%3D%22.45%22%20stop-color%3D%22%2350489d%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232d7dc1%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGse5b0ddn%22%20x1%3D%222.533%22%20x2%3D%2218.182%22%20y1%3D%2214.548%22%20y2%3D%228.828%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%234ba5dc%22%2F%3E%3Cstop%20offset%3D%22.7%22%20stop-color%3D%22%2379cfe3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2390d7ee%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGTswoqdGQ%22%20x1%3D%2211.071%22%20x2%3D%2219.599%22%20y1%3D%225.981%22%20y2%3D%2211.336%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2350489d%22%2F%3E%3Cstop%20offset%3D%22.7%22%20stop-color%3D%22%232d7dc1%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2344baeb%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/wliti.svg?color=%231a73e8&size=48
