paid logo
paid from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- paid
- Set
- Web3 Icons Branded
- Style
- Branded
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
The same logo in other sets
Use the paid logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGOrPuUU8x)" d="M13.8 9.002v1.2l-.006.192l.426 2.04a3.58 3.58 0 0 0 .78-2.232v-1.2a3.6 3.6 0 0 0-3.6-3.6H6.6a3.6 3.6 0 0 0-3.6 3.6v1.2a3.6 3.6 0 0 0 1.8 3.12v-1.53c-.372-.42-.6-.984-.6-1.59v-1.2a2.4 2.4 0 0 1 2.4-2.4h4.8a2.4 2.4 0 0 1 2.4 2.4"/><path fill="url(#SVGFXJP0brH)" d="M13.2 4.2h1.2a2.4 2.4 0 0 1 2.4 2.4v4.8a2.4 2.4 0 0 1-2.4 2.4h-1.2a2.4 2.4 0 0 1-2.4-2.4H9.6a3.6 3.6 0 0 0 3.6 3.6h1.2a3.6 3.6 0 0 0 3.6-3.6V6.6A3.6 3.6 0 0 0 14.4 3h-1.2a3.6 3.6 0 0 0-3.12 1.8h1.53c.42-.372.984-.6 1.59-.6"/><path fill="url(#SVG8lTZ1d2U)" d="M9 10.2h1.2a2.4 2.4 0 0 1 2.4 2.4v.6h1.2v-.6A3.6 3.6 0 0 0 10.2 9H9a3.6 3.6 0 0 0-3.6 3.6v4.8A3.6 3.6 0 0 0 9 21h1.2a3.6 3.6 0 0 0 3.395-2.4h-1.32a2.4 2.4 0 0 1-2.076 1.2H9a2.4 2.4 0 0 1-2.4-2.4v-4.8A2.4 2.4 0 0 1 9 10.2"/><path fill="url(#SVGZu17IcTc)" d="M19.2 11.611c.372.42.6.984.6 1.59v1.2a2.4 2.4 0 0 1-2.4 2.4h-4.8a2.4 2.4 0 0 1-2.4-2.4v-.24l-1.2-.96v1.2a3.6 3.6 0 0 0 3.6 3.6h4.8a3.6 3.6 0 0 0 3.6-3.6v-1.2a3.6 3.6 0 0 0-1.8-3.12z"/><defs><linearGradient id="SVGOrPuUU8x" x1="11.465" x2="16.026" y1="11.426" y2="18.817" gradientUnits="userSpaceOnUse"><stop stop-color="#074c7d"/><stop offset="1" stop-color="#5d0b5d"/></linearGradient><linearGradient id="SVGFXJP0brH" x1="11.465" x2="16.026" y1="11.423" y2="18.814" gradientUnits="userSpaceOnUse"><stop stop-color="#074c7d"/><stop offset="1" stop-color="#5d0b5d"/></linearGradient><linearGradient id="SVG8lTZ1d2U" x1="11.464" x2="16.025" y1="11.424" y2="18.814" gradientUnits="userSpaceOnUse"><stop stop-color="#074c7d"/><stop offset="1" stop-color="#5d0b5d"/></linearGradient><linearGradient id="SVGZu17IcTc" x1="11.465" x2="16.026" y1="11.425" y2="18.815" gradientUnits="userSpaceOnUse"><stop stop-color="#074c7d"/><stop offset="1" stop-color="#5d0b5d"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedPaid(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"><path fill="url(#SVGOrPuUU8x)" d="M13.8 9.002v1.2l-.006.192l.426 2.04a3.58 3.58 0 0 0 .78-2.232v-1.2a3.6 3.6 0 0 0-3.6-3.6H6.6a3.6 3.6 0 0 0-3.6 3.6v1.2a3.6 3.6 0 0 0 1.8 3.12v-1.53c-.372-.42-.6-.984-.6-1.59v-1.2a2.4 2.4 0 0 1 2.4-2.4h4.8a2.4 2.4 0 0 1 2.4 2.4"/><path fill="url(#SVGFXJP0brH)" d="M13.2 4.2h1.2a2.4 2.4 0 0 1 2.4 2.4v4.8a2.4 2.4 0 0 1-2.4 2.4h-1.2a2.4 2.4 0 0 1-2.4-2.4H9.6a3.6 3.6 0 0 0 3.6 3.6h1.2a3.6 3.6 0 0 0 3.6-3.6V6.6A3.6 3.6 0 0 0 14.4 3h-1.2a3.6 3.6 0 0 0-3.12 1.8h1.53c.42-.372.984-.6 1.59-.6"/><path fill="url(#SVG8lTZ1d2U)" d="M9 10.2h1.2a2.4 2.4 0 0 1 2.4 2.4v.6h1.2v-.6A3.6 3.6 0 0 0 10.2 9H9a3.6 3.6 0 0 0-3.6 3.6v4.8A3.6 3.6 0 0 0 9 21h1.2a3.6 3.6 0 0 0 3.395-2.4h-1.32a2.4 2.4 0 0 1-2.076 1.2H9a2.4 2.4 0 0 1-2.4-2.4v-4.8A2.4 2.4 0 0 1 9 10.2"/><path fill="url(#SVGZu17IcTc)" d="M19.2 11.611c.372.42.6.984.6 1.59v1.2a2.4 2.4 0 0 1-2.4 2.4h-4.8a2.4 2.4 0 0 1-2.4-2.4v-.24l-1.2-.96v1.2a3.6 3.6 0 0 0 3.6 3.6h4.8a3.6 3.6 0 0 0 3.6-3.6v-1.2a3.6 3.6 0 0 0-1.8-3.12z"/><defs><linearGradient id="SVGOrPuUU8x" x1="11.465" x2="16.026" y1="11.426" y2="18.817" gradientUnits="userSpaceOnUse"><stop stopColor="#074c7d"/><stop offset="1" stopColor="#5d0b5d"/></linearGradient><linearGradient id="SVGFXJP0brH" x1="11.465" x2="16.026" y1="11.423" y2="18.814" gradientUnits="userSpaceOnUse"><stop stopColor="#074c7d"/><stop offset="1" stopColor="#5d0b5d"/></linearGradient><linearGradient id="SVG8lTZ1d2U" x1="11.464" x2="16.025" y1="11.424" y2="18.814" gradientUnits="userSpaceOnUse"><stop stopColor="#074c7d"/><stop offset="1" stopColor="#5d0b5d"/></linearGradient><linearGradient id="SVGZu17IcTc" x1="11.465" x2="16.026" y1="11.425" y2="18.815" gradientUnits="userSpaceOnUse"><stop stopColor="#074c7d"/><stop offset="1" stopColor="#5d0b5d"/></linearGradient></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"><path fill="url(#SVGOrPuUU8x)" d="M13.8 9.002v1.2l-.006.192l.426 2.04a3.58 3.58 0 0 0 .78-2.232v-1.2a3.6 3.6 0 0 0-3.6-3.6H6.6a3.6 3.6 0 0 0-3.6 3.6v1.2a3.6 3.6 0 0 0 1.8 3.12v-1.53c-.372-.42-.6-.984-.6-1.59v-1.2a2.4 2.4 0 0 1 2.4-2.4h4.8a2.4 2.4 0 0 1 2.4 2.4"/><path fill="url(#SVGFXJP0brH)" d="M13.2 4.2h1.2a2.4 2.4 0 0 1 2.4 2.4v4.8a2.4 2.4 0 0 1-2.4 2.4h-1.2a2.4 2.4 0 0 1-2.4-2.4H9.6a3.6 3.6 0 0 0 3.6 3.6h1.2a3.6 3.6 0 0 0 3.6-3.6V6.6A3.6 3.6 0 0 0 14.4 3h-1.2a3.6 3.6 0 0 0-3.12 1.8h1.53c.42-.372.984-.6 1.59-.6"/><path fill="url(#SVG8lTZ1d2U)" d="M9 10.2h1.2a2.4 2.4 0 0 1 2.4 2.4v.6h1.2v-.6A3.6 3.6 0 0 0 10.2 9H9a3.6 3.6 0 0 0-3.6 3.6v4.8A3.6 3.6 0 0 0 9 21h1.2a3.6 3.6 0 0 0 3.395-2.4h-1.32a2.4 2.4 0 0 1-2.076 1.2H9a2.4 2.4 0 0 1-2.4-2.4v-4.8A2.4 2.4 0 0 1 9 10.2"/><path fill="url(#SVGZu17IcTc)" d="M19.2 11.611c.372.42.6.984.6 1.59v1.2a2.4 2.4 0 0 1-2.4 2.4h-4.8a2.4 2.4 0 0 1-2.4-2.4v-.24l-1.2-.96v1.2a3.6 3.6 0 0 0 3.6 3.6h4.8a3.6 3.6 0 0 0 3.6-3.6v-1.2a3.6 3.6 0 0 0-1.8-3.12z"/><defs><linearGradient id="SVGOrPuUU8x" x1="11.465" x2="16.026" y1="11.426" y2="18.817" gradientUnits="userSpaceOnUse"><stop stop-color="#074c7d"/><stop offset="1" stop-color="#5d0b5d"/></linearGradient><linearGradient id="SVGFXJP0brH" x1="11.465" x2="16.026" y1="11.423" y2="18.814" gradientUnits="userSpaceOnUse"><stop stop-color="#074c7d"/><stop offset="1" stop-color="#5d0b5d"/></linearGradient><linearGradient id="SVG8lTZ1d2U" x1="11.464" x2="16.025" y1="11.424" y2="18.814" gradientUnits="userSpaceOnUse"><stop stop-color="#074c7d"/><stop offset="1" stop-color="#5d0b5d"/></linearGradient><linearGradient id="SVGZu17IcTc" x1="11.465" x2="16.026" y1="11.425" y2="18.815" gradientUnits="userSpaceOnUse"><stop stop-color="#074c7d"/><stop offset="1" stop-color="#5d0b5d"/></linearGradient></defs></g></svg> </template>
CSS
.icon-paid {
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%3Cpath%20fill%3D%22url(%23SVGOrPuUU8x)%22%20d%3D%22M13.8%209.002v1.2l-.006.192l.426%202.04a3.58%203.58%200%200%200%20.78-2.232v-1.2a3.6%203.6%200%200%200-3.6-3.6H6.6a3.6%203.6%200%200%200-3.6%203.6v1.2a3.6%203.6%200%200%200%201.8%203.12v-1.53c-.372-.42-.6-.984-.6-1.59v-1.2a2.4%202.4%200%200%201%202.4-2.4h4.8a2.4%202.4%200%200%201%202.4%202.4%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGFXJP0brH)%22%20d%3D%22M13.2%204.2h1.2a2.4%202.4%200%200%201%202.4%202.4v4.8a2.4%202.4%200%200%201-2.4%202.4h-1.2a2.4%202.4%200%200%201-2.4-2.4H9.6a3.6%203.6%200%200%200%203.6%203.6h1.2a3.6%203.6%200%200%200%203.6-3.6V6.6A3.6%203.6%200%200%200%2014.4%203h-1.2a3.6%203.6%200%200%200-3.12%201.8h1.53c.42-.372.984-.6%201.59-.6%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG8lTZ1d2U)%22%20d%3D%22M9%2010.2h1.2a2.4%202.4%200%200%201%202.4%202.4v.6h1.2v-.6A3.6%203.6%200%200%200%2010.2%209H9a3.6%203.6%200%200%200-3.6%203.6v4.8A3.6%203.6%200%200%200%209%2021h1.2a3.6%203.6%200%200%200%203.395-2.4h-1.32a2.4%202.4%200%200%201-2.076%201.2H9a2.4%202.4%200%200%201-2.4-2.4v-4.8A2.4%202.4%200%200%201%209%2010.2%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGZu17IcTc)%22%20d%3D%22M19.2%2011.611c.372.42.6.984.6%201.59v1.2a2.4%202.4%200%200%201-2.4%202.4h-4.8a2.4%202.4%200%200%201-2.4-2.4v-.24l-1.2-.96v1.2a3.6%203.6%200%200%200%203.6%203.6h4.8a3.6%203.6%200%200%200%203.6-3.6v-1.2a3.6%203.6%200%200%200-1.8-3.12z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGOrPuUU8x%22%20x1%3D%2211.465%22%20x2%3D%2216.026%22%20y1%3D%2211.426%22%20y2%3D%2218.817%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23074c7d%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235d0b5d%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGFXJP0brH%22%20x1%3D%2211.465%22%20x2%3D%2216.026%22%20y1%3D%2211.423%22%20y2%3D%2218.814%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23074c7d%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235d0b5d%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG8lTZ1d2U%22%20x1%3D%2211.464%22%20x2%3D%2216.025%22%20y1%3D%2211.424%22%20y2%3D%2218.814%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23074c7d%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235d0b5d%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGZu17IcTc%22%20x1%3D%2211.465%22%20x2%3D%2216.026%22%20y1%3D%2211.425%22%20y2%3D%2218.815%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23074c7d%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235d0b5d%22%2F%3E%3C%2FlinearGradient%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%3Cpath%20fill%3D%22url(%23SVGOrPuUU8x)%22%20d%3D%22M13.8%209.002v1.2l-.006.192l.426%202.04a3.58%203.58%200%200%200%20.78-2.232v-1.2a3.6%203.6%200%200%200-3.6-3.6H6.6a3.6%203.6%200%200%200-3.6%203.6v1.2a3.6%203.6%200%200%200%201.8%203.12v-1.53c-.372-.42-.6-.984-.6-1.59v-1.2a2.4%202.4%200%200%201%202.4-2.4h4.8a2.4%202.4%200%200%201%202.4%202.4%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGFXJP0brH)%22%20d%3D%22M13.2%204.2h1.2a2.4%202.4%200%200%201%202.4%202.4v4.8a2.4%202.4%200%200%201-2.4%202.4h-1.2a2.4%202.4%200%200%201-2.4-2.4H9.6a3.6%203.6%200%200%200%203.6%203.6h1.2a3.6%203.6%200%200%200%203.6-3.6V6.6A3.6%203.6%200%200%200%2014.4%203h-1.2a3.6%203.6%200%200%200-3.12%201.8h1.53c.42-.372.984-.6%201.59-.6%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG8lTZ1d2U)%22%20d%3D%22M9%2010.2h1.2a2.4%202.4%200%200%201%202.4%202.4v.6h1.2v-.6A3.6%203.6%200%200%200%2010.2%209H9a3.6%203.6%200%200%200-3.6%203.6v4.8A3.6%203.6%200%200%200%209%2021h1.2a3.6%203.6%200%200%200%203.395-2.4h-1.32a2.4%202.4%200%200%201-2.076%201.2H9a2.4%202.4%200%200%201-2.4-2.4v-4.8A2.4%202.4%200%200%201%209%2010.2%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGZu17IcTc)%22%20d%3D%22M19.2%2011.611c.372.42.6.984.6%201.59v1.2a2.4%202.4%200%200%201-2.4%202.4h-4.8a2.4%202.4%200%200%201-2.4-2.4v-.24l-1.2-.96v1.2a3.6%203.6%200%200%200%203.6%203.6h4.8a3.6%203.6%200%200%200%203.6-3.6v-1.2a3.6%203.6%200%200%200-1.8-3.12z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGOrPuUU8x%22%20x1%3D%2211.465%22%20x2%3D%2216.026%22%20y1%3D%2211.426%22%20y2%3D%2218.817%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23074c7d%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235d0b5d%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGFXJP0brH%22%20x1%3D%2211.465%22%20x2%3D%2216.026%22%20y1%3D%2211.423%22%20y2%3D%2218.814%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23074c7d%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235d0b5d%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG8lTZ1d2U%22%20x1%3D%2211.464%22%20x2%3D%2216.025%22%20y1%3D%2211.424%22%20y2%3D%2218.814%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23074c7d%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235d0b5d%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGZu17IcTc%22%20x1%3D%2211.465%22%20x2%3D%2216.026%22%20y1%3D%2211.425%22%20y2%3D%2218.815%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23074c7d%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235d0b5d%22%2F%3E%3C%2FlinearGradient%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/paid.svg?color=%231a73e8&size=48
