pln logo

pln from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.

Name
pln
Set
Web3 Icons Branded
Style
Branded
Viewbox
24×24
License
MIT

1 other variant in Web3 Icons Branded

pln-background

The same logo in other sets

plnWeb3 Icons

Use the pln logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#fc2952" d="M15.994 3H8.05L3.045 9.311L3 9.356l1.733 7.977l7.216 3.616L12 21l7.268-3.617L21 9.407zm1.254 11.2l2.21-2.785l-.956 4.399zm-9.821.837L10.65 19.1l-4.618-2.301zM9.4 4.08h5.248L12 7.596L9.402 4.074zM12 9.311l3.949 4.939l-3.95 4.99l-3.948-4.99zm-4.618 4.061L4.249 9.463l4.05-5.04l3.026 4.01zm9.191 1.716l1.395 1.71l-4.573 2.3zm3.223-5.574l-3.127 3.91l-3.949-4.99l3.037-4.01zM6.752 14.16l-1.249 1.564l-.962-4.354z"/></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedPln(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#fc2952" d="M15.994 3H8.05L3.045 9.311L3 9.356l1.733 7.977l7.216 3.616L12 21l7.268-3.617L21 9.407zm1.254 11.2l2.21-2.785l-.956 4.399zm-9.821.837L10.65 19.1l-4.618-2.301zM9.4 4.08h5.248L12 7.596L9.402 4.074zM12 9.311l3.949 4.939l-3.95 4.99l-3.948-4.99zm-4.618 4.061L4.249 9.463l4.05-5.04l3.026 4.01zm9.191 1.716l1.395 1.71l-4.573 2.3zm3.223-5.574l-3.127 3.91l-3.949-4.99l3.037-4.01zM6.752 14.16l-1.249 1.564l-.962-4.354z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#fc2952" d="M15.994 3H8.05L3.045 9.311L3 9.356l1.733 7.977l7.216 3.616L12 21l7.268-3.617L21 9.407zm1.254 11.2l2.21-2.785l-.956 4.399zm-9.821.837L10.65 19.1l-4.618-2.301zM9.4 4.08h5.248L12 7.596L9.402 4.074zM12 9.311l3.949 4.939l-3.95 4.99l-3.948-4.99zm-4.618 4.061L4.249 9.463l4.05-5.04l3.026 4.01zm9.191 1.716l1.395 1.71l-4.573 2.3zm3.223-5.574l-3.127 3.91l-3.949-4.99l3.037-4.01zM6.752 14.16l-1.249 1.564l-.962-4.354z"/></svg>
</template>

CSS

.icon-pln {
  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%3Cpath%20fill%3D%22%23fc2952%22%20d%3D%22M15.994%203H8.05L3.045%209.311L3%209.356l1.733%207.977l7.216%203.616L12%2021l7.268-3.617L21%209.407zm1.254%2011.2l2.21-2.785l-.956%204.399zm-9.821.837L10.65%2019.1l-4.618-2.301zM9.4%204.08h5.248L12%207.596L9.402%204.074zM12%209.311l3.949%204.939l-3.95%204.99l-3.948-4.99zm-4.618%204.061L4.249%209.463l4.05-5.04l3.026%204.01zm9.191%201.716l1.395%201.71l-4.573%202.3zm3.223-5.574l-3.127%203.91l-3.949-4.99l3.037-4.01zM6.752%2014.16l-1.249%201.564l-.962-4.354z%22%2F%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%3Cpath%20fill%3D%22%23fc2952%22%20d%3D%22M15.994%203H8.05L3.045%209.311L3%209.356l1.733%207.977l7.216%203.616L12%2021l7.268-3.617L21%209.407zm1.254%2011.2l2.21-2.785l-.956%204.399zm-9.821.837L10.65%2019.1l-4.618-2.301zM9.4%204.08h5.248L12%207.596L9.402%204.074zM12%209.311l3.949%204.939l-3.95%204.99l-3.948-4.99zm-4.618%204.061L4.249%209.463l4.05-5.04l3.026%204.01zm9.191%201.716l1.395%201.71l-4.573%202.3zm3.223-5.574l-3.127%203.91l-3.949-4.99l3.037-4.01zM6.752%2014.16l-1.249%201.564l-.962-4.354z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/pln.svg?color=%231a73e8&size=48