pts logo
pts-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- pts-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 pts 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(#SVGHcSWxdhd61)"><path fill="url(#SVGr0WoRdZc)" d="M24 0H0v24h24z"/><path fill="#fff" d="M11.2 4.656A6.08 6.08 0 0 0 7.84 6.88c-.363.544-.587 1.243-1.92 5.984a99 99 0 0 1-1.734 5.776c-.122.224-.208.507-.181.624c.037.197.15.213 1.333.197c1.643-.015 2-.085 2.373-.463c.486-.497.662-.96 1.376-3.654c.992-3.749 1.617-5.706 1.958-6.16c.635-.864 1.845-.917 3.328-.917c1.248 0 1.28-.144.448 2.773c-.368 1.28-1.542 2.102-3.21 2.24c-.428.032-.844.107-.918.17c-.187.155-.176 1.153.016 1.537c.538 1.05 1.866 1.253 2.965 1.28c1.877.053 3.27-.87 4.219-2.88c.65-1.37.842-2.064 1.226-4.368c.192-1.141.502-2.56.694-3.147c.085-.256.144-.533.181-.773c.048-.304-.197-.565-.507-.565h-3.696s-4.08-.006-4.597.122z"/></g><defs><linearGradient id="SVGr0WoRdZc" x1="4.277" x2="21.151" y1="18.208" y2="14.795" gradientUnits="userSpaceOnUse"><stop stop-color="#fd8c30"/><stop offset=".54" stop-color="#c720b6"/><stop offset=".8" stop-color="#9246e2"/><stop offset="1" stop-color="#6966ff"/></linearGradient><clipPath id="SVGHcSWxdhd61"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedPtsBackground(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(#SVGHcSWxdhd61)"><path fill="url(#SVGr0WoRdZc)" d="M24 0H0v24h24z"/><path fill="#fff" d="M11.2 4.656A6.08 6.08 0 0 0 7.84 6.88c-.363.544-.587 1.243-1.92 5.984a99 99 0 0 1-1.734 5.776c-.122.224-.208.507-.181.624c.037.197.15.213 1.333.197c1.643-.015 2-.085 2.373-.463c.486-.497.662-.96 1.376-3.654c.992-3.749 1.617-5.706 1.958-6.16c.635-.864 1.845-.917 3.328-.917c1.248 0 1.28-.144.448 2.773c-.368 1.28-1.542 2.102-3.21 2.24c-.428.032-.844.107-.918.17c-.187.155-.176 1.153.016 1.537c.538 1.05 1.866 1.253 2.965 1.28c1.877.053 3.27-.87 4.219-2.88c.65-1.37.842-2.064 1.226-4.368c.192-1.141.502-2.56.694-3.147c.085-.256.144-.533.181-.773c.048-.304-.197-.565-.507-.565h-3.696s-4.08-.006-4.597.122z"/></g><defs><linearGradient id="SVGr0WoRdZc" x1="4.277" x2="21.151" y1="18.208" y2="14.795" gradientUnits="userSpaceOnUse"><stop stopColor="#fd8c30"/><stop offset=".54" stopColor="#c720b6"/><stop offset=".8" stopColor="#9246e2"/><stop offset="1" stopColor="#6966ff"/></linearGradient><clipPath id="SVGHcSWxdhd61"><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(#SVGHcSWxdhd61)"><path fill="url(#SVGr0WoRdZc)" d="M24 0H0v24h24z"/><path fill="#fff" d="M11.2 4.656A6.08 6.08 0 0 0 7.84 6.88c-.363.544-.587 1.243-1.92 5.984a99 99 0 0 1-1.734 5.776c-.122.224-.208.507-.181.624c.037.197.15.213 1.333.197c1.643-.015 2-.085 2.373-.463c.486-.497.662-.96 1.376-3.654c.992-3.749 1.617-5.706 1.958-6.16c.635-.864 1.845-.917 3.328-.917c1.248 0 1.28-.144.448 2.773c-.368 1.28-1.542 2.102-3.21 2.24c-.428.032-.844.107-.918.17c-.187.155-.176 1.153.016 1.537c.538 1.05 1.866 1.253 2.965 1.28c1.877.053 3.27-.87 4.219-2.88c.65-1.37.842-2.064 1.226-4.368c.192-1.141.502-2.56.694-3.147c.085-.256.144-.533.181-.773c.048-.304-.197-.565-.507-.565h-3.696s-4.08-.006-4.597.122z"/></g><defs><linearGradient id="SVGr0WoRdZc" x1="4.277" x2="21.151" y1="18.208" y2="14.795" gradientUnits="userSpaceOnUse"><stop stop-color="#fd8c30"/><stop offset=".54" stop-color="#c720b6"/><stop offset=".8" stop-color="#9246e2"/><stop offset="1" stop-color="#6966ff"/></linearGradient><clipPath id="SVGHcSWxdhd61"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-pts-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(%23SVGHcSWxdhd61)%22%3E%3Cpath%20fill%3D%22url(%23SVGr0WoRdZc)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.2%204.656A6.08%206.08%200%200%200%207.84%206.88c-.363.544-.587%201.243-1.92%205.984a99%2099%200%200%201-1.734%205.776c-.122.224-.208.507-.181.624c.037.197.15.213%201.333.197c1.643-.015%202-.085%202.373-.463c.486-.497.662-.96%201.376-3.654c.992-3.749%201.617-5.706%201.958-6.16c.635-.864%201.845-.917%203.328-.917c1.248%200%201.28-.144.448%202.773c-.368%201.28-1.542%202.102-3.21%202.24c-.428.032-.844.107-.918.17c-.187.155-.176%201.153.016%201.537c.538%201.05%201.866%201.253%202.965%201.28c1.877.053%203.27-.87%204.219-2.88c.65-1.37.842-2.064%201.226-4.368c.192-1.141.502-2.56.694-3.147c.085-.256.144-.533.181-.773c.048-.304-.197-.565-.507-.565h-3.696s-4.08-.006-4.597.122z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGr0WoRdZc%22%20x1%3D%224.277%22%20x2%3D%2221.151%22%20y1%3D%2218.208%22%20y2%3D%2214.795%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fd8c30%22%2F%3E%3Cstop%20offset%3D%22.54%22%20stop-color%3D%22%23c720b6%22%2F%3E%3Cstop%20offset%3D%22.8%22%20stop-color%3D%22%239246e2%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%236966ff%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd61%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(%23SVGHcSWxdhd61)%22%3E%3Cpath%20fill%3D%22url(%23SVGr0WoRdZc)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.2%204.656A6.08%206.08%200%200%200%207.84%206.88c-.363.544-.587%201.243-1.92%205.984a99%2099%200%200%201-1.734%205.776c-.122.224-.208.507-.181.624c.037.197.15.213%201.333.197c1.643-.015%202-.085%202.373-.463c.486-.497.662-.96%201.376-3.654c.992-3.749%201.617-5.706%201.958-6.16c.635-.864%201.845-.917%203.328-.917c1.248%200%201.28-.144.448%202.773c-.368%201.28-1.542%202.102-3.21%202.24c-.428.032-.844.107-.918.17c-.187.155-.176%201.153.016%201.537c.538%201.05%201.866%201.253%202.965%201.28c1.877.053%203.27-.87%204.219-2.88c.65-1.37.842-2.064%201.226-4.368c.192-1.141.502-2.56.694-3.147c.085-.256.144-.533.181-.773c.048-.304-.197-.565-.507-.565h-3.696s-4.08-.006-4.597.122z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGr0WoRdZc%22%20x1%3D%224.277%22%20x2%3D%2221.151%22%20y1%3D%2218.208%22%20y2%3D%2214.795%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fd8c30%22%2F%3E%3Cstop%20offset%3D%22.54%22%20stop-color%3D%22%23c720b6%22%2F%3E%3Cstop%20offset%3D%22.8%22%20stop-color%3D%22%239246e2%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%236966ff%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd61%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/pts-background.svg?color=%231a73e8&size=48
