letter p emoji

letter-p from Noto Emoji by Google Inc · Default · Symbols · Apache-2.0 Free for personal and commercial use.

Name
letter-p
Set
Noto Emoji
Style
Default
Category
Symbols
Viewbox
128×128
License
Apache 2.0

The same emoji in other sets

More symbols icons from Noto Emoji

Use the letter p emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#40c0e7" d="M72.51 15.42H34.65c-.15 0-.28.06-.42.08h-6.47c-1.24 0-2.24 1-2.24 2.24v100.97c0 1.24 1 2.24 2.24 2.24h21.9c1.24 0 2.24-1 2.24-2.24V86.63h20.61c19.83 0 35.96-15.97 35.96-35.6c.01-19.63-16.13-35.61-35.96-35.61m-1.72 50.22c-.35.03-.7.06-1.06.06H52.28c-.05 0-.09-.04-.14-.06a.5.5 0 0 1-.24-.1a.58.58 0 0 1-.21-.43V36.94c0-.18.09-.32.21-.43c.06-.06.14-.07.22-.09c.06-.02.09-.06.15-.06h17.45c.4 0 .8.03 1.19.06c7.25.63 12.97 6.94 12.97 14.61c.01 7.71-5.77 14.05-13.09 14.61"/></svg>

React

import type { SVGProps } from "react";

export function NotoLetterP(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#40c0e7" d="M72.51 15.42H34.65c-.15 0-.28.06-.42.08h-6.47c-1.24 0-2.24 1-2.24 2.24v100.97c0 1.24 1 2.24 2.24 2.24h21.9c1.24 0 2.24-1 2.24-2.24V86.63h20.61c19.83 0 35.96-15.97 35.96-35.6c.01-19.63-16.13-35.61-35.96-35.61m-1.72 50.22c-.35.03-.7.06-1.06.06H52.28c-.05 0-.09-.04-.14-.06a.5.5 0 0 1-.24-.1a.58.58 0 0 1-.21-.43V36.94c0-.18.09-.32.21-.43c.06-.06.14-.07.22-.09c.06-.02.09-.06.15-.06h17.45c.4 0 .8.03 1.19.06c7.25.63 12.97 6.94 12.97 14.61c.01 7.71-5.77 14.05-13.09 14.61"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#40c0e7" d="M72.51 15.42H34.65c-.15 0-.28.06-.42.08h-6.47c-1.24 0-2.24 1-2.24 2.24v100.97c0 1.24 1 2.24 2.24 2.24h21.9c1.24 0 2.24-1 2.24-2.24V86.63h20.61c19.83 0 35.96-15.97 35.96-35.6c.01-19.63-16.13-35.61-35.96-35.61m-1.72 50.22c-.35.03-.7.06-1.06.06H52.28c-.05 0-.09-.04-.14-.06a.5.5 0 0 1-.24-.1a.58.58 0 0 1-.21-.43V36.94c0-.18.09-.32.21-.43c.06-.06.14-.07.22-.09c.06-.02.09-.06.15-.06h17.45c.4 0 .8.03 1.19.06c7.25.63 12.97 6.94 12.97 14.61c.01 7.71-5.77 14.05-13.09 14.61"/></svg>
</template>

CSS

.icon-letter-p {
  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%20128%20128%22%3E%3Cpath%20fill%3D%22%2340c0e7%22%20d%3D%22M72.51%2015.42H34.65c-.15%200-.28.06-.42.08h-6.47c-1.24%200-2.24%201-2.24%202.24v100.97c0%201.24%201%202.24%202.24%202.24h21.9c1.24%200%202.24-1%202.24-2.24V86.63h20.61c19.83%200%2035.96-15.97%2035.96-35.6c.01-19.63-16.13-35.61-35.96-35.61m-1.72%2050.22c-.35.03-.7.06-1.06.06H52.28c-.05%200-.09-.04-.14-.06a.5.5%200%200%201-.24-.1a.58.58%200%200%201-.21-.43V36.94c0-.18.09-.32.21-.43c.06-.06.14-.07.22-.09c.06-.02.09-.06.15-.06h17.45c.4%200%20.8.03%201.19.06c7.25.63%2012.97%206.94%2012.97%2014.61c.01%207.71-5.77%2014.05-13.09%2014.61%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%20128%20128%22%3E%3Cpath%20fill%3D%22%2340c0e7%22%20d%3D%22M72.51%2015.42H34.65c-.15%200-.28.06-.42.08h-6.47c-1.24%200-2.24%201-2.24%202.24v100.97c0%201.24%201%202.24%202.24%202.24h21.9c1.24%200%202.24-1%202.24-2.24V86.63h20.61c19.83%200%2035.96-15.97%2035.96-35.6c.01-19.63-16.13-35.61-35.96-35.61m-1.72%2050.22c-.35.03-.7.06-1.06.06H52.28c-.05%200-.09-.04-.14-.06a.5.5%200%200%201-.24-.1a.58.58%200%200%201-.21-.43V36.94c0-.18.09-.32.21-.43c.06-.06.14-.07.22-.09c.06-.02.09-.06.15-.06h17.45c.4%200%20.8.03%201.19.06c7.25.63%2012.97%206.94%2012.97%2014.61c.01%207.71-5.77%2014.05-13.09%2014.61%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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