wndr logo
wndr-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- wndr-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 wndr 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="#ef4035" d="M24 0H0v24h24z"/><path fill="#fff" d="m7.302 6.316l2.99 1.655c-.287.273-.856 1.031-.856 1.86c0 .826.569 1.584.855 1.858h1.07L12 12.93l.64-1.242h1.07c.21-.274.681-1.032.854-1.857c.168-.83-.497-1.588-.855-1.861l2.99-1.655l1.498 1.655l-2.353 1.86l2.779-1.241c.533.414.91.998 1.07 1.654l-3.205 1.444l3.419-.825c.168.497.067 1.449 0 1.861l-3.209.62h2.99a5.78 5.78 0 0 1-2.775 2.892c-.64-.687-2.05-2.021-2.564-1.857s.783 2.274 1.495 3.305c-.51-.497-1.495-.897-1.92-1.032l-.644-2.067v2.063h-1.066L12 14.584l-.21 2.063h-.86v-2.063l-.64 2.063c-.513 0-1.583.758-2.08 1.036c.64-.897 1.781-2.977 1.44-3.305c-.34-.333-1.996 1.099-2.779 1.857l-2.564-2.889h3.204l-3.419-.618c-.168-.83-.071-1.588 0-1.862l3.634.826l-3.419-1.444a4.1 4.1 0 0 1 1.07-1.862l2.778 1.449l-2.353-1.861a6.5 6.5 0 0 1 1.499-1.66"/><path fill="#fff" d="m12 12.518l-.429-1.036h-1.28c.514-.825.64-2.408.64-3.099l2.139.826H12c.211.21 1.07.21 1.28.21c.215 0 .855 0 .855.413c0 .328-.282.686-.425.825c-.286-.345-.939-.994-1.284-.825c-.337.164.572 1.17 1.07 1.65h-1.07z"/></g><defs><clipPath id="SVGHcSWxdhd12"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedWndrBackground(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="#ef4035" d="M24 0H0v24h24z"/><path fill="#fff" d="m7.302 6.316l2.99 1.655c-.287.273-.856 1.031-.856 1.86c0 .826.569 1.584.855 1.858h1.07L12 12.93l.64-1.242h1.07c.21-.274.681-1.032.854-1.857c.168-.83-.497-1.588-.855-1.861l2.99-1.655l1.498 1.655l-2.353 1.86l2.779-1.241c.533.414.91.998 1.07 1.654l-3.205 1.444l3.419-.825c.168.497.067 1.449 0 1.861l-3.209.62h2.99a5.78 5.78 0 0 1-2.775 2.892c-.64-.687-2.05-2.021-2.564-1.857s.783 2.274 1.495 3.305c-.51-.497-1.495-.897-1.92-1.032l-.644-2.067v2.063h-1.066L12 14.584l-.21 2.063h-.86v-2.063l-.64 2.063c-.513 0-1.583.758-2.08 1.036c.64-.897 1.781-2.977 1.44-3.305c-.34-.333-1.996 1.099-2.779 1.857l-2.564-2.889h3.204l-3.419-.618c-.168-.83-.071-1.588 0-1.862l3.634.826l-3.419-1.444a4.1 4.1 0 0 1 1.07-1.862l2.778 1.449l-2.353-1.861a6.5 6.5 0 0 1 1.499-1.66"/><path fill="#fff" d="m12 12.518l-.429-1.036h-1.28c.514-.825.64-2.408.64-3.099l2.139.826H12c.211.21 1.07.21 1.28.21c.215 0 .855 0 .855.413c0 .328-.282.686-.425.825c-.286-.345-.939-.994-1.284-.825c-.337.164.572 1.17 1.07 1.65h-1.07z"/></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="#ef4035" d="M24 0H0v24h24z"/><path fill="#fff" d="m7.302 6.316l2.99 1.655c-.287.273-.856 1.031-.856 1.86c0 .826.569 1.584.855 1.858h1.07L12 12.93l.64-1.242h1.07c.21-.274.681-1.032.854-1.857c.168-.83-.497-1.588-.855-1.861l2.99-1.655l1.498 1.655l-2.353 1.86l2.779-1.241c.533.414.91.998 1.07 1.654l-3.205 1.444l3.419-.825c.168.497.067 1.449 0 1.861l-3.209.62h2.99a5.78 5.78 0 0 1-2.775 2.892c-.64-.687-2.05-2.021-2.564-1.857s.783 2.274 1.495 3.305c-.51-.497-1.495-.897-1.92-1.032l-.644-2.067v2.063h-1.066L12 14.584l-.21 2.063h-.86v-2.063l-.64 2.063c-.513 0-1.583.758-2.08 1.036c.64-.897 1.781-2.977 1.44-3.305c-.34-.333-1.996 1.099-2.779 1.857l-2.564-2.889h3.204l-3.419-.618c-.168-.83-.071-1.588 0-1.862l3.634.826l-3.419-1.444a4.1 4.1 0 0 1 1.07-1.862l2.778 1.449l-2.353-1.861a6.5 6.5 0 0 1 1.499-1.66"/><path fill="#fff" d="m12 12.518l-.429-1.036h-1.28c.514-.825.64-2.408.64-3.099l2.139.826H12c.211.21 1.07.21 1.28.21c.215 0 .855 0 .855.413c0 .328-.282.686-.425.825c-.286-.345-.939-.994-1.284-.825c-.337.164.572 1.17 1.07 1.65h-1.07z"/></g><defs><clipPath id="SVGHcSWxdhd12"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-wndr-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%23ef4035%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m7.302%206.316l2.99%201.655c-.287.273-.856%201.031-.856%201.86c0%20.826.569%201.584.855%201.858h1.07L12%2012.93l.64-1.242h1.07c.21-.274.681-1.032.854-1.857c.168-.83-.497-1.588-.855-1.861l2.99-1.655l1.498%201.655l-2.353%201.86l2.779-1.241c.533.414.91.998%201.07%201.654l-3.205%201.444l3.419-.825c.168.497.067%201.449%200%201.861l-3.209.62h2.99a5.78%205.78%200%200%201-2.775%202.892c-.64-.687-2.05-2.021-2.564-1.857s.783%202.274%201.495%203.305c-.51-.497-1.495-.897-1.92-1.032l-.644-2.067v2.063h-1.066L12%2014.584l-.21%202.063h-.86v-2.063l-.64%202.063c-.513%200-1.583.758-2.08%201.036c.64-.897%201.781-2.977%201.44-3.305c-.34-.333-1.996%201.099-2.779%201.857l-2.564-2.889h3.204l-3.419-.618c-.168-.83-.071-1.588%200-1.862l3.634.826l-3.419-1.444a4.1%204.1%200%200%201%201.07-1.862l2.778%201.449l-2.353-1.861a6.5%206.5%200%200%201%201.499-1.66%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m12%2012.518l-.429-1.036h-1.28c.514-.825.64-2.408.64-3.099l2.139.826H12c.211.21%201.07.21%201.28.21c.215%200%20.855%200%20.855.413c0%20.328-.282.686-.425.825c-.286-.345-.939-.994-1.284-.825c-.337.164.572%201.17%201.07%201.65h-1.07z%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%23ef4035%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m7.302%206.316l2.99%201.655c-.287.273-.856%201.031-.856%201.86c0%20.826.569%201.584.855%201.858h1.07L12%2012.93l.64-1.242h1.07c.21-.274.681-1.032.854-1.857c.168-.83-.497-1.588-.855-1.861l2.99-1.655l1.498%201.655l-2.353%201.86l2.779-1.241c.533.414.91.998%201.07%201.654l-3.205%201.444l3.419-.825c.168.497.067%201.449%200%201.861l-3.209.62h2.99a5.78%205.78%200%200%201-2.775%202.892c-.64-.687-2.05-2.021-2.564-1.857s.783%202.274%201.495%203.305c-.51-.497-1.495-.897-1.92-1.032l-.644-2.067v2.063h-1.066L12%2014.584l-.21%202.063h-.86v-2.063l-.64%202.063c-.513%200-1.583.758-2.08%201.036c.64-.897%201.781-2.977%201.44-3.305c-.34-.333-1.996%201.099-2.779%201.857l-2.564-2.889h3.204l-3.419-.618c-.168-.83-.071-1.588%200-1.862l3.634.826l-3.419-1.444a4.1%204.1%200%200%201%201.07-1.862l2.778%201.449l-2.353-1.861a6.5%206.5%200%200%201%201.499-1.66%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m12%2012.518l-.429-1.036h-1.28c.514-.825.64-2.408.64-3.099l2.139.826H12c.211.21%201.07.21%201.28.21c.215%200%20.855%200%20.855.413c0%20.328-.282.686-.425.825c-.286-.345-.939-.994-1.284-.825c-.337.164.572%201.17%201.07%201.65h-1.07z%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/wndr-background.svg?color=%231a73e8&size=48
