pnk logo
pnk-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- pnk-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 pnk 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(#SVGHcSWxdhd155)"><path fill="#3b3b3d" d="M24 0H0v24h24z"/><path fill="#fff" d="m8.622 11.57l6.368-2.738l-.928 6.886zm.54-6.269l5.085 2.156l-6.15 2.379zM7.433 12.87l5.527 3.886l-5.391 1.38zm8.802-4.137L20 12.498l-4.758 3.47zM9.594 18.808l4.66-1.2h.005l.819 1.544zm5.592-1.611l4.076-2.99h.006l-3.274 4.55zm1.354-9.774l.797-1.604l2.156 4.556zm-.194-2.368l-5.181-.207l4.278 1.84zm-12.187 5.25l3.629-4.513l-1.201 5.02zM4 11.189l2.44.507h-.006l.109 5.397z"/></g><defs><clipPath id="SVGHcSWxdhd155"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedPnkBackground(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(#SVGHcSWxdhd155)"><path fill="#3b3b3d" d="M24 0H0v24h24z"/><path fill="#fff" d="m8.622 11.57l6.368-2.738l-.928 6.886zm.54-6.269l5.085 2.156l-6.15 2.379zM7.433 12.87l5.527 3.886l-5.391 1.38zm8.802-4.137L20 12.498l-4.758 3.47zM9.594 18.808l4.66-1.2h.005l.819 1.544zm5.592-1.611l4.076-2.99h.006l-3.274 4.55zm1.354-9.774l.797-1.604l2.156 4.556zm-.194-2.368l-5.181-.207l4.278 1.84zm-12.187 5.25l3.629-4.513l-1.201 5.02zM4 11.189l2.44.507h-.006l.109 5.397z"/></g><defs><clipPath id="SVGHcSWxdhd155"><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(#SVGHcSWxdhd155)"><path fill="#3b3b3d" d="M24 0H0v24h24z"/><path fill="#fff" d="m8.622 11.57l6.368-2.738l-.928 6.886zm.54-6.269l5.085 2.156l-6.15 2.379zM7.433 12.87l5.527 3.886l-5.391 1.38zm8.802-4.137L20 12.498l-4.758 3.47zM9.594 18.808l4.66-1.2h.005l.819 1.544zm5.592-1.611l4.076-2.99h.006l-3.274 4.55zm1.354-9.774l.797-1.604l2.156 4.556zm-.194-2.368l-5.181-.207l4.278 1.84zm-12.187 5.25l3.629-4.513l-1.201 5.02zM4 11.189l2.44.507h-.006l.109 5.397z"/></g><defs><clipPath id="SVGHcSWxdhd155"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-pnk-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(%23SVGHcSWxdhd155)%22%3E%3Cpath%20fill%3D%22%233b3b3d%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m8.622%2011.57l6.368-2.738l-.928%206.886zm.54-6.269l5.085%202.156l-6.15%202.379zM7.433%2012.87l5.527%203.886l-5.391%201.38zm8.802-4.137L20%2012.498l-4.758%203.47zM9.594%2018.808l4.66-1.2h.005l.819%201.544zm5.592-1.611l4.076-2.99h.006l-3.274%204.55zm1.354-9.774l.797-1.604l2.156%204.556zm-.194-2.368l-5.181-.207l4.278%201.84zm-12.187%205.25l3.629-4.513l-1.201%205.02zM4%2011.189l2.44.507h-.006l.109%205.397z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd155%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(%23SVGHcSWxdhd155)%22%3E%3Cpath%20fill%3D%22%233b3b3d%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m8.622%2011.57l6.368-2.738l-.928%206.886zm.54-6.269l5.085%202.156l-6.15%202.379zM7.433%2012.87l5.527%203.886l-5.391%201.38zm8.802-4.137L20%2012.498l-4.758%203.47zM9.594%2018.808l4.66-1.2h.005l.819%201.544zm5.592-1.611l4.076-2.99h.006l-3.274%204.55zm1.354-9.774l.797-1.604l2.156%204.556zm-.194-2.368l-5.181-.207l4.278%201.84zm-12.187%205.25l3.629-4.513l-1.201%205.02zM4%2011.189l2.44.507h-.006l.109%205.397z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd155%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/pnk-background.svg?color=%231a73e8&size=48
