pi logo
pi from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- pi
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the pi logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.675 17.5c-3.51-.075-6.17-1.165-7.064-1.7c2.265.592 4.63.7 6.94.315c.6-.125 2.17-.315 4.11-1.65a4.53 4.53 0 0 0 1.994-4.235c.625 2.25.26 3.835 0 4.35c-.53 1-2.465 2.99-5.98 2.92"/><path fill="currentColor" d="M14.236 6.51c-1.93-.085-4.1.295-4.95.49c.53 0 2.05.09 4.335.88c2.285.785 3.03 2.285 3.09 3.195a3.17 3.17 0 0 1-2.15 3.15c-1.845.63-5.87.975-7.65 1.07c.7.29 3.175.725 5.73.725a10.3 10.3 0 0 0 5.835-1.79a4.42 4.42 0 0 0 1.984-3.84c-.08-2.62-3.805-3.77-6.224-3.88"/><path fill="currentColor" d="M16.435 11.176a2.54 2.54 0 0 1-.5 1.675c0-.46-1.09-2.09-5.15-1.96c-4.35.135-4.815.505-5.3.81c-.74.46-.925 1.58-.805 2.11c-1.265-2.015-.72-3.53.5-4.825c.97-1.03 2.3-1.5 2.85-1.605c6.8-.18 8.37 2.715 8.405 3.795"/><path fill="currentColor" d="M10.41 11.16c-4.634-.034-5.589 1.286-5.489 1.95c.735-.624 2.03-.75 4.475-.75c1.75 0 3.22.206 4.035.536c.765.31.615.985.4 1.3c1.274-.31 1.774-.85 1.87-1.085c.17-.635-.65-1.91-5.29-1.95"/><path fill="currentColor" d="M3.001 11.88c.05-1.37 1.285-2.565 1.895-2.99c-.95 1.115-1.23 1.64-1.295 2.99c-.05 1.074.905 2.3 1.39 2.774c-.69-.355-2.04-1.41-1.99-2.774m.76 2.23c.13.19.5.624.96.82a3.9 3.9 0 0 0-.96-.82"/></svg>
React
import type { SVGProps } from "react";
export function TokenPi(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.675 17.5c-3.51-.075-6.17-1.165-7.064-1.7c2.265.592 4.63.7 6.94.315c.6-.125 2.17-.315 4.11-1.65a4.53 4.53 0 0 0 1.994-4.235c.625 2.25.26 3.835 0 4.35c-.53 1-2.465 2.99-5.98 2.92"/><path fill="currentColor" d="M14.236 6.51c-1.93-.085-4.1.295-4.95.49c.53 0 2.05.09 4.335.88c2.285.785 3.03 2.285 3.09 3.195a3.17 3.17 0 0 1-2.15 3.15c-1.845.63-5.87.975-7.65 1.07c.7.29 3.175.725 5.73.725a10.3 10.3 0 0 0 5.835-1.79a4.42 4.42 0 0 0 1.984-3.84c-.08-2.62-3.805-3.77-6.224-3.88"/><path fill="currentColor" d="M16.435 11.176a2.54 2.54 0 0 1-.5 1.675c0-.46-1.09-2.09-5.15-1.96c-4.35.135-4.815.505-5.3.81c-.74.46-.925 1.58-.805 2.11c-1.265-2.015-.72-3.53.5-4.825c.97-1.03 2.3-1.5 2.85-1.605c6.8-.18 8.37 2.715 8.405 3.795"/><path fill="currentColor" d="M10.41 11.16c-4.634-.034-5.589 1.286-5.489 1.95c.735-.624 2.03-.75 4.475-.75c1.75 0 3.22.206 4.035.536c.765.31.615.985.4 1.3c1.274-.31 1.774-.85 1.87-1.085c.17-.635-.65-1.91-5.29-1.95"/><path fill="currentColor" d="M3.001 11.88c.05-1.37 1.285-2.565 1.895-2.99c-.95 1.115-1.23 1.64-1.295 2.99c-.05 1.074.905 2.3 1.39 2.774c-.69-.355-2.04-1.41-1.99-2.774m.76 2.23c.13.19.5.624.96.82a3.9 3.9 0 0 0-.96-.82"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.675 17.5c-3.51-.075-6.17-1.165-7.064-1.7c2.265.592 4.63.7 6.94.315c.6-.125 2.17-.315 4.11-1.65a4.53 4.53 0 0 0 1.994-4.235c.625 2.25.26 3.835 0 4.35c-.53 1-2.465 2.99-5.98 2.92"/><path fill="currentColor" d="M14.236 6.51c-1.93-.085-4.1.295-4.95.49c.53 0 2.05.09 4.335.88c2.285.785 3.03 2.285 3.09 3.195a3.17 3.17 0 0 1-2.15 3.15c-1.845.63-5.87.975-7.65 1.07c.7.29 3.175.725 5.73.725a10.3 10.3 0 0 0 5.835-1.79a4.42 4.42 0 0 0 1.984-3.84c-.08-2.62-3.805-3.77-6.224-3.88"/><path fill="currentColor" d="M16.435 11.176a2.54 2.54 0 0 1-.5 1.675c0-.46-1.09-2.09-5.15-1.96c-4.35.135-4.815.505-5.3.81c-.74.46-.925 1.58-.805 2.11c-1.265-2.015-.72-3.53.5-4.825c.97-1.03 2.3-1.5 2.85-1.605c6.8-.18 8.37 2.715 8.405 3.795"/><path fill="currentColor" d="M10.41 11.16c-4.634-.034-5.589 1.286-5.489 1.95c.735-.624 2.03-.75 4.475-.75c1.75 0 3.22.206 4.035.536c.765.31.615.985.4 1.3c1.274-.31 1.774-.85 1.87-1.085c.17-.635-.65-1.91-5.29-1.95"/><path fill="currentColor" d="M3.001 11.88c.05-1.37 1.285-2.565 1.895-2.99c-.95 1.115-1.23 1.64-1.295 2.99c-.05 1.074.905 2.3 1.39 2.774c-.69-.355-2.04-1.41-1.99-2.774m.76 2.23c.13.19.5.624.96.82a3.9 3.9 0 0 0-.96-.82"/></svg> </template>
CSS
.icon-pi {
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%22currentColor%22%20d%3D%22M14.675%2017.5c-3.51-.075-6.17-1.165-7.064-1.7c2.265.592%204.63.7%206.94.315c.6-.125%202.17-.315%204.11-1.65a4.53%204.53%200%200%200%201.994-4.235c.625%202.25.26%203.835%200%204.35c-.53%201-2.465%202.99-5.98%202.92%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.236%206.51c-1.93-.085-4.1.295-4.95.49c.53%200%202.05.09%204.335.88c2.285.785%203.03%202.285%203.09%203.195a3.17%203.17%200%200%201-2.15%203.15c-1.845.63-5.87.975-7.65%201.07c.7.29%203.175.725%205.73.725a10.3%2010.3%200%200%200%205.835-1.79a4.42%204.42%200%200%200%201.984-3.84c-.08-2.62-3.805-3.77-6.224-3.88%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.435%2011.176a2.54%202.54%200%200%201-.5%201.675c0-.46-1.09-2.09-5.15-1.96c-4.35.135-4.815.505-5.3.81c-.74.46-.925%201.58-.805%202.11c-1.265-2.015-.72-3.53.5-4.825c.97-1.03%202.3-1.5%202.85-1.605c6.8-.18%208.37%202.715%208.405%203.795%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.41%2011.16c-4.634-.034-5.589%201.286-5.489%201.95c.735-.624%202.03-.75%204.475-.75c1.75%200%203.22.206%204.035.536c.765.31.615.985.4%201.3c1.274-.31%201.774-.85%201.87-1.085c.17-.635-.65-1.91-5.29-1.95%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.001%2011.88c.05-1.37%201.285-2.565%201.895-2.99c-.95%201.115-1.23%201.64-1.295%202.99c-.05%201.074.905%202.3%201.39%202.774c-.69-.355-2.04-1.41-1.99-2.774m.76%202.23c.13.19.5.624.96.82a3.9%203.9%200%200%200-.96-.82%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%22currentColor%22%20d%3D%22M14.675%2017.5c-3.51-.075-6.17-1.165-7.064-1.7c2.265.592%204.63.7%206.94.315c.6-.125%202.17-.315%204.11-1.65a4.53%204.53%200%200%200%201.994-4.235c.625%202.25.26%203.835%200%204.35c-.53%201-2.465%202.99-5.98%202.92%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.236%206.51c-1.93-.085-4.1.295-4.95.49c.53%200%202.05.09%204.335.88c2.285.785%203.03%202.285%203.09%203.195a3.17%203.17%200%200%201-2.15%203.15c-1.845.63-5.87.975-7.65%201.07c.7.29%203.175.725%205.73.725a10.3%2010.3%200%200%200%205.835-1.79a4.42%204.42%200%200%200%201.984-3.84c-.08-2.62-3.805-3.77-6.224-3.88%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.435%2011.176a2.54%202.54%200%200%201-.5%201.675c0-.46-1.09-2.09-5.15-1.96c-4.35.135-4.815.505-5.3.81c-.74.46-.925%201.58-.805%202.11c-1.265-2.015-.72-3.53.5-4.825c.97-1.03%202.3-1.5%202.85-1.605c6.8-.18%208.37%202.715%208.405%203.795%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.41%2011.16c-4.634-.034-5.589%201.286-5.489%201.95c.735-.624%202.03-.75%204.475-.75c1.75%200%203.22.206%204.035.536c.765.31.615.985.4%201.3c1.274-.31%201.774-.85%201.87-1.085c.17-.635-.65-1.91-5.29-1.95%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.001%2011.88c.05-1.37%201.285-2.565%201.895-2.99c-.95%201.115-1.23%201.64-1.295%202.99c-.05%201.074.905%202.3%201.39%202.774c-.69-.355-2.04-1.41-1.99-2.774m.76%202.23c.13.19.5.624.96.82a3.9%203.9%200%200%200-.96-.82%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/pi.svg?color=%231a73e8&size=48
