wnk logo
wnk-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- wnk-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 wnk 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(#SVGHcSWxdhd137)"><path fill="#e5b909" d="M24 0H0v24h24z"/><path fill="#fff" d="M12.005 16.236a1.412 1.412 0 1 0 0-2.823a1.412 1.412 0 0 0 0 2.823"/><path fill="#fff" d="M15.563 16.979c-.556-.32-1.252-.142-1.798.193a2.97 2.97 0 0 1-1.558.437a2.843 2.843 0 0 1-2.899-2.786a2.84 2.84 0 0 1 2.9-2.786a2.96 2.96 0 0 1 1.566.443c.58.362 1.341.54 1.901.155c.551-.377.697-1.148.198-1.6a5.47 5.47 0 0 0-3.67-1.388c-2.96 0-5.375 2.315-5.375 5.176S9.238 20 12.208 20a5.46 5.46 0 0 0 3.623-1.355c.541-.471.353-1.304-.268-1.666"/><path fill="#fff" d="M19.299 7.624c.315-.301.315-.79-.024-1.068A11.57 11.57 0 0 0 11.957 4a11.58 11.58 0 0 0-7.223 2.48a.7.7 0 0 0-.038 1.069c.32.31.847.315 1.205.042a9.87 9.87 0 0 1 6.056-2.043c2.34 0 4.48.791 6.137 2.104c.353.282.88.282 1.2-.028zm-2.024 1.934c.32-.301.32-.786-.023-1.054a8.58 8.58 0 0 0-5.29-1.793c-1.976 0-3.798.65-5.219 1.736c-.348.264-.353.753-.042 1.055c.32.315.847.315 1.214.047a6.88 6.88 0 0 1 4.047-1.29c1.548 0 2.974.499 4.1 1.337c.366.268.893.273 1.218-.038zm-2.301 2.518c.31-.302.315-.782-.038-1.03a5.16 5.16 0 0 0-2.979-.928c-1.096 0-2.108.33-2.931.894c-.358.25-.358.73-.047 1.03c.32.316.856.307 1.256.076a3.46 3.46 0 0 1 3.478.019c.395.235.932.25 1.256-.061z"/></g><defs><clipPath id="SVGHcSWxdhd137"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedWnkBackground(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(#SVGHcSWxdhd137)"><path fill="#e5b909" d="M24 0H0v24h24z"/><path fill="#fff" d="M12.005 16.236a1.412 1.412 0 1 0 0-2.823a1.412 1.412 0 0 0 0 2.823"/><path fill="#fff" d="M15.563 16.979c-.556-.32-1.252-.142-1.798.193a2.97 2.97 0 0 1-1.558.437a2.843 2.843 0 0 1-2.899-2.786a2.84 2.84 0 0 1 2.9-2.786a2.96 2.96 0 0 1 1.566.443c.58.362 1.341.54 1.901.155c.551-.377.697-1.148.198-1.6a5.47 5.47 0 0 0-3.67-1.388c-2.96 0-5.375 2.315-5.375 5.176S9.238 20 12.208 20a5.46 5.46 0 0 0 3.623-1.355c.541-.471.353-1.304-.268-1.666"/><path fill="#fff" d="M19.299 7.624c.315-.301.315-.79-.024-1.068A11.57 11.57 0 0 0 11.957 4a11.58 11.58 0 0 0-7.223 2.48a.7.7 0 0 0-.038 1.069c.32.31.847.315 1.205.042a9.87 9.87 0 0 1 6.056-2.043c2.34 0 4.48.791 6.137 2.104c.353.282.88.282 1.2-.028zm-2.024 1.934c.32-.301.32-.786-.023-1.054a8.58 8.58 0 0 0-5.29-1.793c-1.976 0-3.798.65-5.219 1.736c-.348.264-.353.753-.042 1.055c.32.315.847.315 1.214.047a6.88 6.88 0 0 1 4.047-1.29c1.548 0 2.974.499 4.1 1.337c.366.268.893.273 1.218-.038zm-2.301 2.518c.31-.302.315-.782-.038-1.03a5.16 5.16 0 0 0-2.979-.928c-1.096 0-2.108.33-2.931.894c-.358.25-.358.73-.047 1.03c.32.316.856.307 1.256.076a3.46 3.46 0 0 1 3.478.019c.395.235.932.25 1.256-.061z"/></g><defs><clipPath id="SVGHcSWxdhd137"><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(#SVGHcSWxdhd137)"><path fill="#e5b909" d="M24 0H0v24h24z"/><path fill="#fff" d="M12.005 16.236a1.412 1.412 0 1 0 0-2.823a1.412 1.412 0 0 0 0 2.823"/><path fill="#fff" d="M15.563 16.979c-.556-.32-1.252-.142-1.798.193a2.97 2.97 0 0 1-1.558.437a2.843 2.843 0 0 1-2.899-2.786a2.84 2.84 0 0 1 2.9-2.786a2.96 2.96 0 0 1 1.566.443c.58.362 1.341.54 1.901.155c.551-.377.697-1.148.198-1.6a5.47 5.47 0 0 0-3.67-1.388c-2.96 0-5.375 2.315-5.375 5.176S9.238 20 12.208 20a5.46 5.46 0 0 0 3.623-1.355c.541-.471.353-1.304-.268-1.666"/><path fill="#fff" d="M19.299 7.624c.315-.301.315-.79-.024-1.068A11.57 11.57 0 0 0 11.957 4a11.58 11.58 0 0 0-7.223 2.48a.7.7 0 0 0-.038 1.069c.32.31.847.315 1.205.042a9.87 9.87 0 0 1 6.056-2.043c2.34 0 4.48.791 6.137 2.104c.353.282.88.282 1.2-.028zm-2.024 1.934c.32-.301.32-.786-.023-1.054a8.58 8.58 0 0 0-5.29-1.793c-1.976 0-3.798.65-5.219 1.736c-.348.264-.353.753-.042 1.055c.32.315.847.315 1.214.047a6.88 6.88 0 0 1 4.047-1.29c1.548 0 2.974.499 4.1 1.337c.366.268.893.273 1.218-.038zm-2.301 2.518c.31-.302.315-.782-.038-1.03a5.16 5.16 0 0 0-2.979-.928c-1.096 0-2.108.33-2.931.894c-.358.25-.358.73-.047 1.03c.32.316.856.307 1.256.076a3.46 3.46 0 0 1 3.478.019c.395.235.932.25 1.256-.061z"/></g><defs><clipPath id="SVGHcSWxdhd137"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-wnk-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(%23SVGHcSWxdhd137)%22%3E%3Cpath%20fill%3D%22%23e5b909%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12.005%2016.236a1.412%201.412%200%201%200%200-2.823a1.412%201.412%200%200%200%200%202.823%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.563%2016.979c-.556-.32-1.252-.142-1.798.193a2.97%202.97%200%200%201-1.558.437a2.843%202.843%200%200%201-2.899-2.786a2.84%202.84%200%200%201%202.9-2.786a2.96%202.96%200%200%201%201.566.443c.58.362%201.341.54%201.901.155c.551-.377.697-1.148.198-1.6a5.47%205.47%200%200%200-3.67-1.388c-2.96%200-5.375%202.315-5.375%205.176S9.238%2020%2012.208%2020a5.46%205.46%200%200%200%203.623-1.355c.541-.471.353-1.304-.268-1.666%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.299%207.624c.315-.301.315-.79-.024-1.068A11.57%2011.57%200%200%200%2011.957%204a11.58%2011.58%200%200%200-7.223%202.48a.7.7%200%200%200-.038%201.069c.32.31.847.315%201.205.042a9.87%209.87%200%200%201%206.056-2.043c2.34%200%204.48.791%206.137%202.104c.353.282.88.282%201.2-.028zm-2.024%201.934c.32-.301.32-.786-.023-1.054a8.58%208.58%200%200%200-5.29-1.793c-1.976%200-3.798.65-5.219%201.736c-.348.264-.353.753-.042%201.055c.32.315.847.315%201.214.047a6.88%206.88%200%200%201%204.047-1.29c1.548%200%202.974.499%204.1%201.337c.366.268.893.273%201.218-.038zm-2.301%202.518c.31-.302.315-.782-.038-1.03a5.16%205.16%200%200%200-2.979-.928c-1.096%200-2.108.33-2.931.894c-.358.25-.358.73-.047%201.03c.32.316.856.307%201.256.076a3.46%203.46%200%200%201%203.478.019c.395.235.932.25%201.256-.061z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd137%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(%23SVGHcSWxdhd137)%22%3E%3Cpath%20fill%3D%22%23e5b909%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12.005%2016.236a1.412%201.412%200%201%200%200-2.823a1.412%201.412%200%200%200%200%202.823%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.563%2016.979c-.556-.32-1.252-.142-1.798.193a2.97%202.97%200%200%201-1.558.437a2.843%202.843%200%200%201-2.899-2.786a2.84%202.84%200%200%201%202.9-2.786a2.96%202.96%200%200%201%201.566.443c.58.362%201.341.54%201.901.155c.551-.377.697-1.148.198-1.6a5.47%205.47%200%200%200-3.67-1.388c-2.96%200-5.375%202.315-5.375%205.176S9.238%2020%2012.208%2020a5.46%205.46%200%200%200%203.623-1.355c.541-.471.353-1.304-.268-1.666%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.299%207.624c.315-.301.315-.79-.024-1.068A11.57%2011.57%200%200%200%2011.957%204a11.58%2011.58%200%200%200-7.223%202.48a.7.7%200%200%200-.038%201.069c.32.31.847.315%201.205.042a9.87%209.87%200%200%201%206.056-2.043c2.34%200%204.48.791%206.137%202.104c.353.282.88.282%201.2-.028zm-2.024%201.934c.32-.301.32-.786-.023-1.054a8.58%208.58%200%200%200-5.29-1.793c-1.976%200-3.798.65-5.219%201.736c-.348.264-.353.753-.042%201.055c.32.315.847.315%201.214.047a6.88%206.88%200%200%201%204.047-1.29c1.548%200%202.974.499%204.1%201.337c.366.268.893.273%201.218-.038zm-2.301%202.518c.31-.302.315-.782-.038-1.03a5.16%205.16%200%200%200-2.979-.928c-1.096%200-2.108.33-2.931.894c-.358.25-.358.73-.047%201.03c.32.316.856.307%201.256.076a3.46%203.46%200%200%201%203.478.019c.395.235.932.25%201.256-.061z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd137%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/wnk-background.svg?color=%231a73e8&size=48
