portx logo

portx-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.

Name: portx-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 portx 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(#SVGHcSWxdhd)"><path fill="#2ff6d3" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M6.139 17.2c.709 1.333 1.509 1.813 2.128 1.813c.618 0 1.418-.48 2.128-1.813c.682-1.28 1.136-3.115 1.136-5.2c0-2.08-.454-3.92-1.136-5.2c-.71-1.333-1.51-1.813-2.128-1.813s-1.419.48-2.128 1.813C5.456 8.08 5.003 9.915 5.003 12c0 2.08.453 3.92 1.136 5.2M4 12c0 4.416 1.91 8 4.267 8s4.266-3.584 4.266-8s-1.91-8-4.266-8C5.909 4 4 7.584 4 12" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M9.872 17.2c.71 1.333 1.51 1.813 2.128 1.813s1.419-.48 2.128-1.813c.683-1.28 1.136-3.115 1.136-5.2c0-2.08-.453-3.92-1.136-5.2c-.71-1.333-1.51-1.813-2.128-1.813s-1.418.48-2.128 1.813C9.19 8.08 8.736 9.915 8.736 12c0 2.08.453 3.92 1.136 5.2M7.733 12c0 4.416 1.91 8 4.267 8s4.267-3.584 4.267-8S14.357 4 12 4s-4.267 3.584-4.267 8" clip-rule="evenodd"/><path fill="#fff" d="M12.533 15.733a3.733 3.733 0 1 1 0-7.466a3.733 3.733 0 0 1 0 7.466"/><path fill="#fff" fill-rule="evenodd" d="M13.606 17.2c.709 1.333 1.509 1.813 2.127 1.813c.62 0 1.42-.48 2.128-1.813c.683-1.28 1.136-3.115 1.136-5.2c0-2.08-.453-3.92-1.136-5.2c-.709-1.333-1.509-1.813-2.128-1.813c-.618 0-1.418.48-2.128 1.813c-.682 1.28-1.136 3.115-1.136 5.2c0 2.08.454 3.92 1.136 5.2m-2.14-5.2c0 4.416 1.91 8 4.268 8S20 16.416 20 12s-1.91-8-4.267-8s-4.266 3.584-4.266 8" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedPortxBackground(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(#SVGHcSWxdhd)"><path fill="#2ff6d3" d="M24 0H0v24h24z"/><path fill="#fff" fillRule="evenodd" d="M6.139 17.2c.709 1.333 1.509 1.813 2.128 1.813c.618 0 1.418-.48 2.128-1.813c.682-1.28 1.136-3.115 1.136-5.2c0-2.08-.454-3.92-1.136-5.2c-.71-1.333-1.51-1.813-2.128-1.813s-1.419.48-2.128 1.813C5.456 8.08 5.003 9.915 5.003 12c0 2.08.453 3.92 1.136 5.2M4 12c0 4.416 1.91 8 4.267 8s4.266-3.584 4.266-8s-1.91-8-4.266-8C5.909 4 4 7.584 4 12" clipRule="evenodd"/><path fill="#fff" fillRule="evenodd" d="M9.872 17.2c.71 1.333 1.51 1.813 2.128 1.813s1.419-.48 2.128-1.813c.683-1.28 1.136-3.115 1.136-5.2c0-2.08-.453-3.92-1.136-5.2c-.71-1.333-1.51-1.813-2.128-1.813s-1.418.48-2.128 1.813C9.19 8.08 8.736 9.915 8.736 12c0 2.08.453 3.92 1.136 5.2M7.733 12c0 4.416 1.91 8 4.267 8s4.267-3.584 4.267-8S14.357 4 12 4s-4.267 3.584-4.267 8" clipRule="evenodd"/><path fill="#fff" d="M12.533 15.733a3.733 3.733 0 1 1 0-7.466a3.733 3.733 0 0 1 0 7.466"/><path fill="#fff" fillRule="evenodd" d="M13.606 17.2c.709 1.333 1.509 1.813 2.127 1.813c.62 0 1.42-.48 2.128-1.813c.683-1.28 1.136-3.115 1.136-5.2c0-2.08-.453-3.92-1.136-5.2c-.709-1.333-1.509-1.813-2.128-1.813c-.618 0-1.418.48-2.128 1.813c-.682 1.28-1.136 3.115-1.136 5.2c0 2.08.454 3.92 1.136 5.2m-2.14-5.2c0 4.416 1.91 8 4.268 8S20 16.416 20 12s-1.91-8-4.267-8s-4.266 3.584-4.266 8" clipRule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd"><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(#SVGHcSWxdhd)"><path fill="#2ff6d3" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M6.139 17.2c.709 1.333 1.509 1.813 2.128 1.813c.618 0 1.418-.48 2.128-1.813c.682-1.28 1.136-3.115 1.136-5.2c0-2.08-.454-3.92-1.136-5.2c-.71-1.333-1.51-1.813-2.128-1.813s-1.419.48-2.128 1.813C5.456 8.08 5.003 9.915 5.003 12c0 2.08.453 3.92 1.136 5.2M4 12c0 4.416 1.91 8 4.267 8s4.266-3.584 4.266-8s-1.91-8-4.266-8C5.909 4 4 7.584 4 12" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M9.872 17.2c.71 1.333 1.51 1.813 2.128 1.813s1.419-.48 2.128-1.813c.683-1.28 1.136-3.115 1.136-5.2c0-2.08-.453-3.92-1.136-5.2c-.71-1.333-1.51-1.813-2.128-1.813s-1.418.48-2.128 1.813C9.19 8.08 8.736 9.915 8.736 12c0 2.08.453 3.92 1.136 5.2M7.733 12c0 4.416 1.91 8 4.267 8s4.267-3.584 4.267-8S14.357 4 12 4s-4.267 3.584-4.267 8" clip-rule="evenodd"/><path fill="#fff" d="M12.533 15.733a3.733 3.733 0 1 1 0-7.466a3.733 3.733 0 0 1 0 7.466"/><path fill="#fff" fill-rule="evenodd" d="M13.606 17.2c.709 1.333 1.509 1.813 2.127 1.813c.62 0 1.42-.48 2.128-1.813c.683-1.28 1.136-3.115 1.136-5.2c0-2.08-.453-3.92-1.136-5.2c-.709-1.333-1.509-1.813-2.128-1.813c-.618 0-1.418.48-2.128 1.813c-.682 1.28-1.136 3.115-1.136 5.2c0 2.08.454 3.92 1.136 5.2m-2.14-5.2c0 4.416 1.91 8 4.268 8S20 16.416 20 12s-1.91-8-4.267-8s-4.266 3.584-4.266 8" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
</template>

CSS

.icon-portx-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(%23SVGHcSWxdhd)%22%3E%3Cpath%20fill%3D%22%232ff6d3%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.139%2017.2c.709%201.333%201.509%201.813%202.128%201.813c.618%200%201.418-.48%202.128-1.813c.682-1.28%201.136-3.115%201.136-5.2c0-2.08-.454-3.92-1.136-5.2c-.71-1.333-1.51-1.813-2.128-1.813s-1.419.48-2.128%201.813C5.456%208.08%205.003%209.915%205.003%2012c0%202.08.453%203.92%201.136%205.2M4%2012c0%204.416%201.91%208%204.267%208s4.266-3.584%204.266-8s-1.91-8-4.266-8C5.909%204%204%207.584%204%2012%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M9.872%2017.2c.71%201.333%201.51%201.813%202.128%201.813s1.419-.48%202.128-1.813c.683-1.28%201.136-3.115%201.136-5.2c0-2.08-.453-3.92-1.136-5.2c-.71-1.333-1.51-1.813-2.128-1.813s-1.418.48-2.128%201.813C9.19%208.08%208.736%209.915%208.736%2012c0%202.08.453%203.92%201.136%205.2M7.733%2012c0%204.416%201.91%208%204.267%208s4.267-3.584%204.267-8S14.357%204%2012%204s-4.267%203.584-4.267%208%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12.533%2015.733a3.733%203.733%200%201%201%200-7.466a3.733%203.733%200%200%201%200%207.466%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M13.606%2017.2c.709%201.333%201.509%201.813%202.127%201.813c.62%200%201.42-.48%202.128-1.813c.683-1.28%201.136-3.115%201.136-5.2c0-2.08-.453-3.92-1.136-5.2c-.709-1.333-1.509-1.813-2.128-1.813c-.618%200-1.418.48-2.128%201.813c-.682%201.28-1.136%203.115-1.136%205.2c0%202.08.454%203.92%201.136%205.2m-2.14-5.2c0%204.416%201.91%208%204.268%208S20%2016.416%2020%2012s-1.91-8-4.267-8s-4.266%203.584-4.266%208%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd%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(%23SVGHcSWxdhd)%22%3E%3Cpath%20fill%3D%22%232ff6d3%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.139%2017.2c.709%201.333%201.509%201.813%202.128%201.813c.618%200%201.418-.48%202.128-1.813c.682-1.28%201.136-3.115%201.136-5.2c0-2.08-.454-3.92-1.136-5.2c-.71-1.333-1.51-1.813-2.128-1.813s-1.419.48-2.128%201.813C5.456%208.08%205.003%209.915%205.003%2012c0%202.08.453%203.92%201.136%205.2M4%2012c0%204.416%201.91%208%204.267%208s4.266-3.584%204.266-8s-1.91-8-4.266-8C5.909%204%204%207.584%204%2012%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M9.872%2017.2c.71%201.333%201.51%201.813%202.128%201.813s1.419-.48%202.128-1.813c.683-1.28%201.136-3.115%201.136-5.2c0-2.08-.453-3.92-1.136-5.2c-.71-1.333-1.51-1.813-2.128-1.813s-1.418.48-2.128%201.813C9.19%208.08%208.736%209.915%208.736%2012c0%202.08.453%203.92%201.136%205.2M7.733%2012c0%204.416%201.91%208%204.267%208s4.267-3.584%204.267-8S14.357%204%2012%204s-4.267%203.584-4.267%208%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12.533%2015.733a3.733%203.733%200%201%201%200-7.466a3.733%203.733%200%200%201%200%207.466%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M13.606%2017.2c.709%201.333%201.509%201.813%202.127%201.813c.62%200%201.42-.48%202.128-1.813c.683-1.28%201.136-3.115%201.136-5.2c0-2.08-.453-3.92-1.136-5.2c-.709-1.333-1.509-1.813-2.128-1.813c-.618%200-1.418.48-2.128%201.813c-.682%201.28-1.136%203.115-1.136%205.2c0%202.08.454%203.92%201.136%205.2m-2.14-5.2c0%204.416%201.91%208%204.268%208S20%2016.416%2020%2012s-1.91-8-4.267-8s-4.266%203.584-4.266%208%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd%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/portx-background.svg?color=%231a73e8&size=48