pnt logo
pnt-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- pnt-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 pnt 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(#SVGHcSWxdhd249)"><path fill="#3c2966" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M12.002 4c.44 0 .733.114 1.182.572c.56.572 1.59.783 2.344.732c.603-.04.98.177 1.227.402c.177.162.461.63.582 1.273s.832 1.292 1.172 1.537c.346.176.988.707.988 1.459c.012.142.003.618-.318 1.343c-.14.313-.133 1.086 0 1.674c.126.314.319.871.319 1.172c0 .376-.135.81-.72 1.168c-.586.359-1.34 1.042-1.542 1.862c-.2.82-.318 1.025-.586 1.23s-.551.308-1.506.325s-1.624.41-2.194.888c-.456.383-.99.433-1.401.29a6.5 6.5 0 0 1-.756-.51c-.236-.175-.446-.33-.611-.398l-.127-.054c-.258-.115-.488-.216-1.342-.216c-.79 0-1.239-.288-1.514-.497c-.162-.122-.368-.482-.476-1.07c-.106-.588-.898-1.575-1.476-1.87c-.448-.228-.747-.906-.747-1.253c0-.348.075-.802.345-1.328c.13-.254.143-1.404-.144-1.964c-.321-.625-.134-1.263 0-1.532c.152-.308.554-.576.9-.808q.127-.084.237-.161c.33-.234.714-.781.866-1.287c.06-.308.25-.998.535-1.299c.357-.376 1.01-.376 1.826-.376c.654 0 1.515-.549 1.901-.854q.045-.03.1-.072c.2-.15.506-.378.936-.378m-.44 2.727a1 1 0 0 0-.35.284L9.92 8.666a1 1 0 0 1-.447.325l-1.974.717a1 1 0 0 0-.487 1.5l1.175 1.74a1 1 0 0 1 .17.526l.073 2.1a1 1 0 0 0 1.276.926l2.018-.58a1 1 0 0 1 .553 0l2.018.58a1 1 0 0 0 1.276-.927l.072-2.099a1 1 0 0 1 .17-.526l1.176-1.74a1 1 0 0 0-.487-1.5l-1.974-.716a1 1 0 0 1-.448-.325L12.79 7.01a1 1 0 0 0-1.227-.284" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd249"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedPntBackground(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(#SVGHcSWxdhd249)"><path fill="#3c2966" d="M24 0H0v24h24z"/><path fill="#fff" fillRule="evenodd" d="M12.002 4c.44 0 .733.114 1.182.572c.56.572 1.59.783 2.344.732c.603-.04.98.177 1.227.402c.177.162.461.63.582 1.273s.832 1.292 1.172 1.537c.346.176.988.707.988 1.459c.012.142.003.618-.318 1.343c-.14.313-.133 1.086 0 1.674c.126.314.319.871.319 1.172c0 .376-.135.81-.72 1.168c-.586.359-1.34 1.042-1.542 1.862c-.2.82-.318 1.025-.586 1.23s-.551.308-1.506.325s-1.624.41-2.194.888c-.456.383-.99.433-1.401.29a6.5 6.5 0 0 1-.756-.51c-.236-.175-.446-.33-.611-.398l-.127-.054c-.258-.115-.488-.216-1.342-.216c-.79 0-1.239-.288-1.514-.497c-.162-.122-.368-.482-.476-1.07c-.106-.588-.898-1.575-1.476-1.87c-.448-.228-.747-.906-.747-1.253c0-.348.075-.802.345-1.328c.13-.254.143-1.404-.144-1.964c-.321-.625-.134-1.263 0-1.532c.152-.308.554-.576.9-.808q.127-.084.237-.161c.33-.234.714-.781.866-1.287c.06-.308.25-.998.535-1.299c.357-.376 1.01-.376 1.826-.376c.654 0 1.515-.549 1.901-.854q.045-.03.1-.072c.2-.15.506-.378.936-.378m-.44 2.727a1 1 0 0 0-.35.284L9.92 8.666a1 1 0 0 1-.447.325l-1.974.717a1 1 0 0 0-.487 1.5l1.175 1.74a1 1 0 0 1 .17.526l.073 2.1a1 1 0 0 0 1.276.926l2.018-.58a1 1 0 0 1 .553 0l2.018.58a1 1 0 0 0 1.276-.927l.072-2.099a1 1 0 0 1 .17-.526l1.176-1.74a1 1 0 0 0-.487-1.5l-1.974-.716a1 1 0 0 1-.448-.325L12.79 7.01a1 1 0 0 0-1.227-.284" clipRule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd249"><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(#SVGHcSWxdhd249)"><path fill="#3c2966" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M12.002 4c.44 0 .733.114 1.182.572c.56.572 1.59.783 2.344.732c.603-.04.98.177 1.227.402c.177.162.461.63.582 1.273s.832 1.292 1.172 1.537c.346.176.988.707.988 1.459c.012.142.003.618-.318 1.343c-.14.313-.133 1.086 0 1.674c.126.314.319.871.319 1.172c0 .376-.135.81-.72 1.168c-.586.359-1.34 1.042-1.542 1.862c-.2.82-.318 1.025-.586 1.23s-.551.308-1.506.325s-1.624.41-2.194.888c-.456.383-.99.433-1.401.29a6.5 6.5 0 0 1-.756-.51c-.236-.175-.446-.33-.611-.398l-.127-.054c-.258-.115-.488-.216-1.342-.216c-.79 0-1.239-.288-1.514-.497c-.162-.122-.368-.482-.476-1.07c-.106-.588-.898-1.575-1.476-1.87c-.448-.228-.747-.906-.747-1.253c0-.348.075-.802.345-1.328c.13-.254.143-1.404-.144-1.964c-.321-.625-.134-1.263 0-1.532c.152-.308.554-.576.9-.808q.127-.084.237-.161c.33-.234.714-.781.866-1.287c.06-.308.25-.998.535-1.299c.357-.376 1.01-.376 1.826-.376c.654 0 1.515-.549 1.901-.854q.045-.03.1-.072c.2-.15.506-.378.936-.378m-.44 2.727a1 1 0 0 0-.35.284L9.92 8.666a1 1 0 0 1-.447.325l-1.974.717a1 1 0 0 0-.487 1.5l1.175 1.74a1 1 0 0 1 .17.526l.073 2.1a1 1 0 0 0 1.276.926l2.018-.58a1 1 0 0 1 .553 0l2.018.58a1 1 0 0 0 1.276-.927l.072-2.099a1 1 0 0 1 .17-.526l1.176-1.74a1 1 0 0 0-.487-1.5l-1.974-.716a1 1 0 0 1-.448-.325L12.79 7.01a1 1 0 0 0-1.227-.284" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd249"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-pnt-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(%23SVGHcSWxdhd249)%22%3E%3Cpath%20fill%3D%22%233c2966%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12.002%204c.44%200%20.733.114%201.182.572c.56.572%201.59.783%202.344.732c.603-.04.98.177%201.227.402c.177.162.461.63.582%201.273s.832%201.292%201.172%201.537c.346.176.988.707.988%201.459c.012.142.003.618-.318%201.343c-.14.313-.133%201.086%200%201.674c.126.314.319.871.319%201.172c0%20.376-.135.81-.72%201.168c-.586.359-1.34%201.042-1.542%201.862c-.2.82-.318%201.025-.586%201.23s-.551.308-1.506.325s-1.624.41-2.194.888c-.456.383-.99.433-1.401.29a6.5%206.5%200%200%201-.756-.51c-.236-.175-.446-.33-.611-.398l-.127-.054c-.258-.115-.488-.216-1.342-.216c-.79%200-1.239-.288-1.514-.497c-.162-.122-.368-.482-.476-1.07c-.106-.588-.898-1.575-1.476-1.87c-.448-.228-.747-.906-.747-1.253c0-.348.075-.802.345-1.328c.13-.254.143-1.404-.144-1.964c-.321-.625-.134-1.263%200-1.532c.152-.308.554-.576.9-.808q.127-.084.237-.161c.33-.234.714-.781.866-1.287c.06-.308.25-.998.535-1.299c.357-.376%201.01-.376%201.826-.376c.654%200%201.515-.549%201.901-.854q.045-.03.1-.072c.2-.15.506-.378.936-.378m-.44%202.727a1%201%200%200%200-.35.284L9.92%208.666a1%201%200%200%201-.447.325l-1.974.717a1%201%200%200%200-.487%201.5l1.175%201.74a1%201%200%200%201%20.17.526l.073%202.1a1%201%200%200%200%201.276.926l2.018-.58a1%201%200%200%201%20.553%200l2.018.58a1%201%200%200%200%201.276-.927l.072-2.099a1%201%200%200%201%20.17-.526l1.176-1.74a1%201%200%200%200-.487-1.5l-1.974-.716a1%201%200%200%201-.448-.325L12.79%207.01a1%201%200%200%200-1.227-.284%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd249%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(%23SVGHcSWxdhd249)%22%3E%3Cpath%20fill%3D%22%233c2966%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12.002%204c.44%200%20.733.114%201.182.572c.56.572%201.59.783%202.344.732c.603-.04.98.177%201.227.402c.177.162.461.63.582%201.273s.832%201.292%201.172%201.537c.346.176.988.707.988%201.459c.012.142.003.618-.318%201.343c-.14.313-.133%201.086%200%201.674c.126.314.319.871.319%201.172c0%20.376-.135.81-.72%201.168c-.586.359-1.34%201.042-1.542%201.862c-.2.82-.318%201.025-.586%201.23s-.551.308-1.506.325s-1.624.41-2.194.888c-.456.383-.99.433-1.401.29a6.5%206.5%200%200%201-.756-.51c-.236-.175-.446-.33-.611-.398l-.127-.054c-.258-.115-.488-.216-1.342-.216c-.79%200-1.239-.288-1.514-.497c-.162-.122-.368-.482-.476-1.07c-.106-.588-.898-1.575-1.476-1.87c-.448-.228-.747-.906-.747-1.253c0-.348.075-.802.345-1.328c.13-.254.143-1.404-.144-1.964c-.321-.625-.134-1.263%200-1.532c.152-.308.554-.576.9-.808q.127-.084.237-.161c.33-.234.714-.781.866-1.287c.06-.308.25-.998.535-1.299c.357-.376%201.01-.376%201.826-.376c.654%200%201.515-.549%201.901-.854q.045-.03.1-.072c.2-.15.506-.378.936-.378m-.44%202.727a1%201%200%200%200-.35.284L9.92%208.666a1%201%200%200%201-.447.325l-1.974.717a1%201%200%200%200-.487%201.5l1.175%201.74a1%201%200%200%201%20.17.526l.073%202.1a1%201%200%200%200%201.276.926l2.018-.58a1%201%200%200%201%20.553%200l2.018.58a1%201%200%200%200%201.276-.927l.072-2.099a1%201%200%200%201%20.17-.526l1.176-1.74a1%201%200%200%200-.487-1.5l-1.974-.716a1%201%200%200%201-.448-.325L12.79%207.01a1%201%200%200%200-1.227-.284%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd249%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/pnt-background.svg?color=%231a73e8&size=48
