pbx logo
pbx-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- pbx-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 pbx 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(#SVGHcSWxdhd199)"><path fill="url(#SVGam0yJebJ)" d="M24 0H0v24h24z"/><path fill="#fff" d="M13.728 15.371H4.52V8.442C4.519 5.986 6.531 4 9.018 4h4.71c3.173.005 5.753 2.549 5.753 5.685c0 3.137-2.58 5.686-5.753 5.686"/><path fill="#fff" d="M9.121 8.55C6.304 7.157 6.077 5.764 6.325 4.887a4.42 4.42 0 0 0-1.806 3.56V15.5h9.21c1.356 0 2.6-.599 3.575-1.367c-.48-3.364-4.334-3.684-8.183-5.583"/><path fill="#fff" d="M4.519 10.002v7.434c0 1.899 1.935 3.137 3.58 2.296l.542-.279c2.683-1.393 2.405-5.443-.438-6.428c-2.038-.692-3.684-1.156-3.684-3.024M9.71 4.004c.67.738 2.094 1.672 5.169 2.27c1.556.305 3.037.911 4.36 1.786a5.75 5.75 0 0 0-5.51-4.056z"/></g><defs><linearGradient id="SVGam0yJebJ" x1="11.324" x2="16.101" y1="12.602" y2="8.61" gradientUnits="userSpaceOnUse"><stop stop-color="#0080ee"/><stop offset="1" stop-color="#01c5f6"/></linearGradient><clipPath id="SVGHcSWxdhd199"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedPbxBackground(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(#SVGHcSWxdhd199)"><path fill="url(#SVGam0yJebJ)" d="M24 0H0v24h24z"/><path fill="#fff" d="M13.728 15.371H4.52V8.442C4.519 5.986 6.531 4 9.018 4h4.71c3.173.005 5.753 2.549 5.753 5.685c0 3.137-2.58 5.686-5.753 5.686"/><path fill="#fff" d="M9.121 8.55C6.304 7.157 6.077 5.764 6.325 4.887a4.42 4.42 0 0 0-1.806 3.56V15.5h9.21c1.356 0 2.6-.599 3.575-1.367c-.48-3.364-4.334-3.684-8.183-5.583"/><path fill="#fff" d="M4.519 10.002v7.434c0 1.899 1.935 3.137 3.58 2.296l.542-.279c2.683-1.393 2.405-5.443-.438-6.428c-2.038-.692-3.684-1.156-3.684-3.024M9.71 4.004c.67.738 2.094 1.672 5.169 2.27c1.556.305 3.037.911 4.36 1.786a5.75 5.75 0 0 0-5.51-4.056z"/></g><defs><linearGradient id="SVGam0yJebJ" x1="11.324" x2="16.101" y1="12.602" y2="8.61" gradientUnits="userSpaceOnUse"><stop stopColor="#0080ee"/><stop offset="1" stopColor="#01c5f6"/></linearGradient><clipPath id="SVGHcSWxdhd199"><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(#SVGHcSWxdhd199)"><path fill="url(#SVGam0yJebJ)" d="M24 0H0v24h24z"/><path fill="#fff" d="M13.728 15.371H4.52V8.442C4.519 5.986 6.531 4 9.018 4h4.71c3.173.005 5.753 2.549 5.753 5.685c0 3.137-2.58 5.686-5.753 5.686"/><path fill="#fff" d="M9.121 8.55C6.304 7.157 6.077 5.764 6.325 4.887a4.42 4.42 0 0 0-1.806 3.56V15.5h9.21c1.356 0 2.6-.599 3.575-1.367c-.48-3.364-4.334-3.684-8.183-5.583"/><path fill="#fff" d="M4.519 10.002v7.434c0 1.899 1.935 3.137 3.58 2.296l.542-.279c2.683-1.393 2.405-5.443-.438-6.428c-2.038-.692-3.684-1.156-3.684-3.024M9.71 4.004c.67.738 2.094 1.672 5.169 2.27c1.556.305 3.037.911 4.36 1.786a5.75 5.75 0 0 0-5.51-4.056z"/></g><defs><linearGradient id="SVGam0yJebJ" x1="11.324" x2="16.101" y1="12.602" y2="8.61" gradientUnits="userSpaceOnUse"><stop stop-color="#0080ee"/><stop offset="1" stop-color="#01c5f6"/></linearGradient><clipPath id="SVGHcSWxdhd199"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-pbx-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(%23SVGHcSWxdhd199)%22%3E%3Cpath%20fill%3D%22url(%23SVGam0yJebJ)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.728%2015.371H4.52V8.442C4.519%205.986%206.531%204%209.018%204h4.71c3.173.005%205.753%202.549%205.753%205.685c0%203.137-2.58%205.686-5.753%205.686%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9.121%208.55C6.304%207.157%206.077%205.764%206.325%204.887a4.42%204.42%200%200%200-1.806%203.56V15.5h9.21c1.356%200%202.6-.599%203.575-1.367c-.48-3.364-4.334-3.684-8.183-5.583%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M4.519%2010.002v7.434c0%201.899%201.935%203.137%203.58%202.296l.542-.279c2.683-1.393%202.405-5.443-.438-6.428c-2.038-.692-3.684-1.156-3.684-3.024M9.71%204.004c.67.738%202.094%201.672%205.169%202.27c1.556.305%203.037.911%204.36%201.786a5.75%205.75%200%200%200-5.51-4.056z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGam0yJebJ%22%20x1%3D%2211.324%22%20x2%3D%2216.101%22%20y1%3D%2212.602%22%20y2%3D%228.61%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%230080ee%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2301c5f6%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd199%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(%23SVGHcSWxdhd199)%22%3E%3Cpath%20fill%3D%22url(%23SVGam0yJebJ)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.728%2015.371H4.52V8.442C4.519%205.986%206.531%204%209.018%204h4.71c3.173.005%205.753%202.549%205.753%205.685c0%203.137-2.58%205.686-5.753%205.686%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9.121%208.55C6.304%207.157%206.077%205.764%206.325%204.887a4.42%204.42%200%200%200-1.806%203.56V15.5h9.21c1.356%200%202.6-.599%203.575-1.367c-.48-3.364-4.334-3.684-8.183-5.583%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M4.519%2010.002v7.434c0%201.899%201.935%203.137%203.58%202.296l.542-.279c2.683-1.393%202.405-5.443-.438-6.428c-2.038-.692-3.684-1.156-3.684-3.024M9.71%204.004c.67.738%202.094%201.672%205.169%202.27c1.556.305%203.037.911%204.36%201.786a5.75%205.75%200%200%200-5.51-4.056z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGam0yJebJ%22%20x1%3D%2211.324%22%20x2%3D%2216.101%22%20y1%3D%2212.602%22%20y2%3D%228.61%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%230080ee%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2301c5f6%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd199%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/pbx-background.svg?color=%231a73e8&size=48
