peri logo
peri from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- peri
- Set
- Web3 Icons Branded
- Style
- Branded
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
The same logo in other sets
Use the peri logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#14085a" d="M11.997 21a9.001 9.001 0 1 0-6.85-3.167l2.643-7.537c.112-.276.523-.827 1.237-.827c.186.005.625.146.929.59a3.5 3.5 0 0 1 1.338-.309c.726 0 2.307.742 1.857 2.503a39 39 0 0 1-1.317 3.915c.282-.04.99-.304 1.52-1.04c.344-.458.622-.962.826-1.497c.079-.146.337-.433.81-.433c.58 0 .821.534.821.996s-1.3 3.993-5.495 3.993l-.147-.01c-.686-.057-1.946-.158-2.407-.395h-.073L6.9 19.42A9 9 0 0 0 11.997 21m-3.735-5.254c-.135.563.231.675.389.731a.14.14 0 0 1 .061.023c.782 0 1.035-.574 1.064-.86c.315-.929.973-2.875 1.051-3.252c.096-.467.057-.95-.562-.95c-.49 0-.731.404-.799.607c-.343 1.012-1.069 3.161-1.204 3.701"/></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedPeri(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#14085a" d="M11.997 21a9.001 9.001 0 1 0-6.85-3.167l2.643-7.537c.112-.276.523-.827 1.237-.827c.186.005.625.146.929.59a3.5 3.5 0 0 1 1.338-.309c.726 0 2.307.742 1.857 2.503a39 39 0 0 1-1.317 3.915c.282-.04.99-.304 1.52-1.04c.344-.458.622-.962.826-1.497c.079-.146.337-.433.81-.433c.58 0 .821.534.821.996s-1.3 3.993-5.495 3.993l-.147-.01c-.686-.057-1.946-.158-2.407-.395h-.073L6.9 19.42A9 9 0 0 0 11.997 21m-3.735-5.254c-.135.563.231.675.389.731a.14.14 0 0 1 .061.023c.782 0 1.035-.574 1.064-.86c.315-.929.973-2.875 1.051-3.252c.096-.467.057-.95-.562-.95c-.49 0-.731.404-.799.607c-.343 1.012-1.069 3.161-1.204 3.701"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#14085a" d="M11.997 21a9.001 9.001 0 1 0-6.85-3.167l2.643-7.537c.112-.276.523-.827 1.237-.827c.186.005.625.146.929.59a3.5 3.5 0 0 1 1.338-.309c.726 0 2.307.742 1.857 2.503a39 39 0 0 1-1.317 3.915c.282-.04.99-.304 1.52-1.04c.344-.458.622-.962.826-1.497c.079-.146.337-.433.81-.433c.58 0 .821.534.821.996s-1.3 3.993-5.495 3.993l-.147-.01c-.686-.057-1.946-.158-2.407-.395h-.073L6.9 19.42A9 9 0 0 0 11.997 21m-3.735-5.254c-.135.563.231.675.389.731a.14.14 0 0 1 .061.023c.782 0 1.035-.574 1.064-.86c.315-.929.973-2.875 1.051-3.252c.096-.467.057-.95-.562-.95c-.49 0-.731.404-.799.607c-.343 1.012-1.069 3.161-1.204 3.701"/></svg> </template>
CSS
.icon-peri {
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%2314085a%22%20d%3D%22M11.997%2021a9.001%209.001%200%201%200-6.85-3.167l2.643-7.537c.112-.276.523-.827%201.237-.827c.186.005.625.146.929.59a3.5%203.5%200%200%201%201.338-.309c.726%200%202.307.742%201.857%202.503a39%2039%200%200%201-1.317%203.915c.282-.04.99-.304%201.52-1.04c.344-.458.622-.962.826-1.497c.079-.146.337-.433.81-.433c.58%200%20.821.534.821.996s-1.3%203.993-5.495%203.993l-.147-.01c-.686-.057-1.946-.158-2.407-.395h-.073L6.9%2019.42A9%209%200%200%200%2011.997%2021m-3.735-5.254c-.135.563.231.675.389.731a.14.14%200%200%201%20.061.023c.782%200%201.035-.574%201.064-.86c.315-.929.973-2.875%201.051-3.252c.096-.467.057-.95-.562-.95c-.49%200-.731.404-.799.607c-.343%201.012-1.069%203.161-1.204%203.701%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%2314085a%22%20d%3D%22M11.997%2021a9.001%209.001%200%201%200-6.85-3.167l2.643-7.537c.112-.276.523-.827%201.237-.827c.186.005.625.146.929.59a3.5%203.5%200%200%201%201.338-.309c.726%200%202.307.742%201.857%202.503a39%2039%200%200%201-1.317%203.915c.282-.04.99-.304%201.52-1.04c.344-.458.622-.962.826-1.497c.079-.146.337-.433.81-.433c.58%200%20.821.534.821.996s-1.3%203.993-5.495%203.993l-.147-.01c-.686-.057-1.946-.158-2.407-.395h-.073L6.9%2019.42A9%209%200%200%200%2011.997%2021m-3.735-5.254c-.135.563.231.675.389.731a.14.14%200%200%201%20.061.023c.782%200%201.035-.574%201.064-.86c.315-.929.973-2.875%201.051-3.252c.096-.467.057-.95-.562-.95c-.49%200-.731.404-.799.607c-.343%201.012-1.069%203.161-1.204%203.701%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/peri.svg?color=%231a73e8&size=48
