pec logo
pec from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- pec
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the pec logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.636 4.388A4.6 4.6 0 0 0 14.361 3H9.103C6.83 3 5 4.866 5 7.176V7.06v9.764C5 19.134 6.83 21 9.103 21c1.702 0 3.183-1.178 3.59-2.87l1.364-5.67a94 94 0 0 1 1.48-.233C17.532 11.901 19 10.151 19 8.098v-.36c0-1.249-.49-2.45-1.352-3.337zM11.901 17.36c-.315 1.4-1.48 2.392-2.81 2.392c-1.771 0-3.217-1.563-3.217-3.477v-.244c0-1.412 1.003-2.345 2.332-2.555c.023 0 1.13-.199 2.553-.444c.687-.116 1.445-.233 2.214-.361l-1.06 4.69z"/></svg>
React
import type { SVGProps } from "react";
export function TokenPec(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="M17.636 4.388A4.6 4.6 0 0 0 14.361 3H9.103C6.83 3 5 4.866 5 7.176V7.06v9.764C5 19.134 6.83 21 9.103 21c1.702 0 3.183-1.178 3.59-2.87l1.364-5.67a94 94 0 0 1 1.48-.233C17.532 11.901 19 10.151 19 8.098v-.36c0-1.249-.49-2.45-1.352-3.337zM11.901 17.36c-.315 1.4-1.48 2.392-2.81 2.392c-1.771 0-3.217-1.563-3.217-3.477v-.244c0-1.412 1.003-2.345 2.332-2.555c.023 0 1.13-.199 2.553-.444c.687-.116 1.445-.233 2.214-.361l-1.06 4.69z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.636 4.388A4.6 4.6 0 0 0 14.361 3H9.103C6.83 3 5 4.866 5 7.176V7.06v9.764C5 19.134 6.83 21 9.103 21c1.702 0 3.183-1.178 3.59-2.87l1.364-5.67a94 94 0 0 1 1.48-.233C17.532 11.901 19 10.151 19 8.098v-.36c0-1.249-.49-2.45-1.352-3.337zM11.901 17.36c-.315 1.4-1.48 2.392-2.81 2.392c-1.771 0-3.217-1.563-3.217-3.477v-.244c0-1.412 1.003-2.345 2.332-2.555c.023 0 1.13-.199 2.553-.444c.687-.116 1.445-.233 2.214-.361l-1.06 4.69z"/></svg> </template>
CSS
.icon-pec {
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%22M17.636%204.388A4.6%204.6%200%200%200%2014.361%203H9.103C6.83%203%205%204.866%205%207.176V7.06v9.764C5%2019.134%206.83%2021%209.103%2021c1.702%200%203.183-1.178%203.59-2.87l1.364-5.67a94%2094%200%200%201%201.48-.233C17.532%2011.901%2019%2010.151%2019%208.098v-.36c0-1.249-.49-2.45-1.352-3.337zM11.901%2017.36c-.315%201.4-1.48%202.392-2.81%202.392c-1.771%200-3.217-1.563-3.217-3.477v-.244c0-1.412%201.003-2.345%202.332-2.555c.023%200%201.13-.199%202.553-.444c.687-.116%201.445-.233%202.214-.361l-1.06%204.69z%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%22M17.636%204.388A4.6%204.6%200%200%200%2014.361%203H9.103C6.83%203%205%204.866%205%207.176V7.06v9.764C5%2019.134%206.83%2021%209.103%2021c1.702%200%203.183-1.178%203.59-2.87l1.364-5.67a94%2094%200%200%201%201.48-.233C17.532%2011.901%2019%2010.151%2019%208.098v-.36c0-1.249-.49-2.45-1.352-3.337zM11.901%2017.36c-.315%201.4-1.48%202.392-2.81%202.392c-1.771%200-3.217-1.563-3.217-3.477v-.244c0-1.412%201.003-2.345%202.332-2.555c.023%200%201.13-.199%202.553-.444c.687-.116%201.445-.233%202.214-.361l-1.06%204.69z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/pec.svg?color=%231a73e8&size=48
