wefi logo
wefi-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- wefi-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 wefi 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(#SVGHcSWxdhd149)"><path fill="#36febc" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M16.419 10.974c.045-.771.557-2.461 2.219-2.461c.386 0 .853.156 1.038.238l-.148 1.144a1.66 1.66 0 0 0-.726-.172c-.418 0-.796.201-1.046 1.251H20l-.656 4.513H17.99l.533-3.692h-.915l-.52 3.692h-1.355l.558-3.692h-.972l.164-.82zm-11.71 1.42a.71.71 0 1 0 0-1.42a.71.71 0 0 0 0 1.42m-.405.385c.242.066.812.111 1.185-.246l.214.98l1.448-2.539h.84l.42 2.54l1.427-2.54h1.407l-2.654 4.513h-.927l-.493-2.363l-1.325 2.363h-.874zm7.86.657h3.085c.136-.796-.07-2.462-1.994-2.462c-2.404 0-2.486 2.08-2.486 2.52c0 .438.222 1.993 2.298 1.993c.783 0 1.427-.238 1.649-.353l.254-1.157c-.283.168-1.013.5-1.67.5c-.82 0-1.206-.368-1.136-1.041m.193-.82h1.571c.041-.276-.029-.821-.636-.821c-.603 0-.873.545-.935.82" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd149"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedWefiBackground(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(#SVGHcSWxdhd149)"><path fill="#36febc" d="M24 0H0v24h24z"/><path fill="#fff" fillRule="evenodd" d="M16.419 10.974c.045-.771.557-2.461 2.219-2.461c.386 0 .853.156 1.038.238l-.148 1.144a1.66 1.66 0 0 0-.726-.172c-.418 0-.796.201-1.046 1.251H20l-.656 4.513H17.99l.533-3.692h-.915l-.52 3.692h-1.355l.558-3.692h-.972l.164-.82zm-11.71 1.42a.71.71 0 1 0 0-1.42a.71.71 0 0 0 0 1.42m-.405.385c.242.066.812.111 1.185-.246l.214.98l1.448-2.539h.84l.42 2.54l1.427-2.54h1.407l-2.654 4.513h-.927l-.493-2.363l-1.325 2.363h-.874zm7.86.657h3.085c.136-.796-.07-2.462-1.994-2.462c-2.404 0-2.486 2.08-2.486 2.52c0 .438.222 1.993 2.298 1.993c.783 0 1.427-.238 1.649-.353l.254-1.157c-.283.168-1.013.5-1.67.5c-.82 0-1.206-.368-1.136-1.041m.193-.82h1.571c.041-.276-.029-.821-.636-.821c-.603 0-.873.545-.935.82" clipRule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd149"><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(#SVGHcSWxdhd149)"><path fill="#36febc" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M16.419 10.974c.045-.771.557-2.461 2.219-2.461c.386 0 .853.156 1.038.238l-.148 1.144a1.66 1.66 0 0 0-.726-.172c-.418 0-.796.201-1.046 1.251H20l-.656 4.513H17.99l.533-3.692h-.915l-.52 3.692h-1.355l.558-3.692h-.972l.164-.82zm-11.71 1.42a.71.71 0 1 0 0-1.42a.71.71 0 0 0 0 1.42m-.405.385c.242.066.812.111 1.185-.246l.214.98l1.448-2.539h.84l.42 2.54l1.427-2.54h1.407l-2.654 4.513h-.927l-.493-2.363l-1.325 2.363h-.874zm7.86.657h3.085c.136-.796-.07-2.462-1.994-2.462c-2.404 0-2.486 2.08-2.486 2.52c0 .438.222 1.993 2.298 1.993c.783 0 1.427-.238 1.649-.353l.254-1.157c-.283.168-1.013.5-1.67.5c-.82 0-1.206-.368-1.136-1.041m.193-.82h1.571c.041-.276-.029-.821-.636-.821c-.603 0-.873.545-.935.82" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd149"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-wefi-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(%23SVGHcSWxdhd149)%22%3E%3Cpath%20fill%3D%22%2336febc%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16.419%2010.974c.045-.771.557-2.461%202.219-2.461c.386%200%20.853.156%201.038.238l-.148%201.144a1.66%201.66%200%200%200-.726-.172c-.418%200-.796.201-1.046%201.251H20l-.656%204.513H17.99l.533-3.692h-.915l-.52%203.692h-1.355l.558-3.692h-.972l.164-.82zm-11.71%201.42a.71.71%200%201%200%200-1.42a.71.71%200%200%200%200%201.42m-.405.385c.242.066.812.111%201.185-.246l.214.98l1.448-2.539h.84l.42%202.54l1.427-2.54h1.407l-2.654%204.513h-.927l-.493-2.363l-1.325%202.363h-.874zm7.86.657h3.085c.136-.796-.07-2.462-1.994-2.462c-2.404%200-2.486%202.08-2.486%202.52c0%20.438.222%201.993%202.298%201.993c.783%200%201.427-.238%201.649-.353l.254-1.157c-.283.168-1.013.5-1.67.5c-.82%200-1.206-.368-1.136-1.041m.193-.82h1.571c.041-.276-.029-.821-.636-.821c-.603%200-.873.545-.935.82%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd149%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(%23SVGHcSWxdhd149)%22%3E%3Cpath%20fill%3D%22%2336febc%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16.419%2010.974c.045-.771.557-2.461%202.219-2.461c.386%200%20.853.156%201.038.238l-.148%201.144a1.66%201.66%200%200%200-.726-.172c-.418%200-.796.201-1.046%201.251H20l-.656%204.513H17.99l.533-3.692h-.915l-.52%203.692h-1.355l.558-3.692h-.972l.164-.82zm-11.71%201.42a.71.71%200%201%200%200-1.42a.71.71%200%200%200%200%201.42m-.405.385c.242.066.812.111%201.185-.246l.214.98l1.448-2.539h.84l.42%202.54l1.427-2.54h1.407l-2.654%204.513h-.927l-.493-2.363l-1.325%202.363h-.874zm7.86.657h3.085c.136-.796-.07-2.462-1.994-2.462c-2.404%200-2.486%202.08-2.486%202.52c0%20.438.222%201.993%202.298%201.993c.783%200%201.427-.238%201.649-.353l.254-1.157c-.283.168-1.013.5-1.67.5c-.82%200-1.206-.368-1.136-1.041m.193-.82h1.571c.041-.276-.029-.821-.636-.821c-.603%200-.873.545-.935.82%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd149%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/wefi-background.svg?color=%231a73e8&size=48
