per logo
per from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- per
- Set
- Web3 Icons Branded
- Style
- Branded
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
Use the per logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGkOiHGdLu)" d="M12 19.457A8.229 8.229 0 1 0 12 3a8.229 8.229 0 0 0 0 16.457"/><path fill="url(#SVGJa1tddWr)" d="m3.828 10.251l-.026.288c1.224-1.044 4.29-2.91 7.606-2.91c2.69 0 4.233 1.542 4.665 2.334l-.432 3.405l-4.83 2.664l-.354.272v-6.156a.97.97 0 0 0-1.939 0v8.537a8 8 0 0 0 1.939.617v-1.697c2.5-.329 6.685-1.825 6.685-5.95c0-1.568-1.162-3.266-1.779-3.914l-3.24-.94l-3.646.55l-2.808 1.445z"/><path fill="url(#SVGveaLocqZ)" d="m3.843 10.05l-.03.258c1.774-1.687 5.07-2.942 7.492-2.942c2.495 0 4.295 1.492 4.295 3.323c0 2.684-3.965 3.96-5.657 4.201V10.2a1.029 1.029 0 1 0-2.057 0v9.771a1.028 1.028 0 1 0 2.057 0v-3.096c6.48-1.532 7.2-4.926 7.2-5.96c0-1.029-.767-4.315-5.514-4.315c-3.435 0-6.402 2.098-7.786 3.45"/><defs><linearGradient id="SVGkOiHGdLu" x1="18.331" x2="3.919" y1="6.589" y2="14.656" gradientUnits="userSpaceOnUse"><stop stop-color="#fd2307"/><stop offset="1" stop-color="#fdb106"/></linearGradient><linearGradient id="SVGJa1tddWr" x1="17.513" x2="9.632" y1="3.896" y2="19.709" gradientUnits="userSpaceOnUse"><stop stop-color="#e67f5e"/><stop offset="1" stop-color="#fcc252"/></linearGradient><linearGradient id="SVGveaLocqZ" x1="9.783" x2="8.621" y1="17.95" y2="20.738" gradientUnits="userSpaceOnUse"><stop stop-color="#fefefc"/><stop offset="1" stop-color="#ffc125"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedPer(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGkOiHGdLu)" d="M12 19.457A8.229 8.229 0 1 0 12 3a8.229 8.229 0 0 0 0 16.457"/><path fill="url(#SVGJa1tddWr)" d="m3.828 10.251l-.026.288c1.224-1.044 4.29-2.91 7.606-2.91c2.69 0 4.233 1.542 4.665 2.334l-.432 3.405l-4.83 2.664l-.354.272v-6.156a.97.97 0 0 0-1.939 0v8.537a8 8 0 0 0 1.939.617v-1.697c2.5-.329 6.685-1.825 6.685-5.95c0-1.568-1.162-3.266-1.779-3.914l-3.24-.94l-3.646.55l-2.808 1.445z"/><path fill="url(#SVGveaLocqZ)" d="m3.843 10.05l-.03.258c1.774-1.687 5.07-2.942 7.492-2.942c2.495 0 4.295 1.492 4.295 3.323c0 2.684-3.965 3.96-5.657 4.201V10.2a1.029 1.029 0 1 0-2.057 0v9.771a1.028 1.028 0 1 0 2.057 0v-3.096c6.48-1.532 7.2-4.926 7.2-5.96c0-1.029-.767-4.315-5.514-4.315c-3.435 0-6.402 2.098-7.786 3.45"/><defs><linearGradient id="SVGkOiHGdLu" x1="18.331" x2="3.919" y1="6.589" y2="14.656" gradientUnits="userSpaceOnUse"><stop stopColor="#fd2307"/><stop offset="1" stopColor="#fdb106"/></linearGradient><linearGradient id="SVGJa1tddWr" x1="17.513" x2="9.632" y1="3.896" y2="19.709" gradientUnits="userSpaceOnUse"><stop stopColor="#e67f5e"/><stop offset="1" stopColor="#fcc252"/></linearGradient><linearGradient id="SVGveaLocqZ" x1="9.783" x2="8.621" y1="17.95" y2="20.738" gradientUnits="userSpaceOnUse"><stop stopColor="#fefefc"/><stop offset="1" stopColor="#ffc125"/></linearGradient></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGkOiHGdLu)" d="M12 19.457A8.229 8.229 0 1 0 12 3a8.229 8.229 0 0 0 0 16.457"/><path fill="url(#SVGJa1tddWr)" d="m3.828 10.251l-.026.288c1.224-1.044 4.29-2.91 7.606-2.91c2.69 0 4.233 1.542 4.665 2.334l-.432 3.405l-4.83 2.664l-.354.272v-6.156a.97.97 0 0 0-1.939 0v8.537a8 8 0 0 0 1.939.617v-1.697c2.5-.329 6.685-1.825 6.685-5.95c0-1.568-1.162-3.266-1.779-3.914l-3.24-.94l-3.646.55l-2.808 1.445z"/><path fill="url(#SVGveaLocqZ)" d="m3.843 10.05l-.03.258c1.774-1.687 5.07-2.942 7.492-2.942c2.495 0 4.295 1.492 4.295 3.323c0 2.684-3.965 3.96-5.657 4.201V10.2a1.029 1.029 0 1 0-2.057 0v9.771a1.028 1.028 0 1 0 2.057 0v-3.096c6.48-1.532 7.2-4.926 7.2-5.96c0-1.029-.767-4.315-5.514-4.315c-3.435 0-6.402 2.098-7.786 3.45"/><defs><linearGradient id="SVGkOiHGdLu" x1="18.331" x2="3.919" y1="6.589" y2="14.656" gradientUnits="userSpaceOnUse"><stop stop-color="#fd2307"/><stop offset="1" stop-color="#fdb106"/></linearGradient><linearGradient id="SVGJa1tddWr" x1="17.513" x2="9.632" y1="3.896" y2="19.709" gradientUnits="userSpaceOnUse"><stop stop-color="#e67f5e"/><stop offset="1" stop-color="#fcc252"/></linearGradient><linearGradient id="SVGveaLocqZ" x1="9.783" x2="8.621" y1="17.95" y2="20.738" gradientUnits="userSpaceOnUse"><stop stop-color="#fefefc"/><stop offset="1" stop-color="#ffc125"/></linearGradient></defs></g></svg> </template>
CSS
.icon-per {
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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVGkOiHGdLu)%22%20d%3D%22M12%2019.457A8.229%208.229%200%201%200%2012%203a8.229%208.229%200%200%200%200%2016.457%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGJa1tddWr)%22%20d%3D%22m3.828%2010.251l-.026.288c1.224-1.044%204.29-2.91%207.606-2.91c2.69%200%204.233%201.542%204.665%202.334l-.432%203.405l-4.83%202.664l-.354.272v-6.156a.97.97%200%200%200-1.939%200v8.537a8%208%200%200%200%201.939.617v-1.697c2.5-.329%206.685-1.825%206.685-5.95c0-1.568-1.162-3.266-1.779-3.914l-3.24-.94l-3.646.55l-2.808%201.445z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGveaLocqZ)%22%20d%3D%22m3.843%2010.05l-.03.258c1.774-1.687%205.07-2.942%207.492-2.942c2.495%200%204.295%201.492%204.295%203.323c0%202.684-3.965%203.96-5.657%204.201V10.2a1.029%201.029%200%201%200-2.057%200v9.771a1.028%201.028%200%201%200%202.057%200v-3.096c6.48-1.532%207.2-4.926%207.2-5.96c0-1.029-.767-4.315-5.514-4.315c-3.435%200-6.402%202.098-7.786%203.45%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGkOiHGdLu%22%20x1%3D%2218.331%22%20x2%3D%223.919%22%20y1%3D%226.589%22%20y2%3D%2214.656%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fd2307%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fdb106%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGJa1tddWr%22%20x1%3D%2217.513%22%20x2%3D%229.632%22%20y1%3D%223.896%22%20y2%3D%2219.709%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23e67f5e%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fcc252%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGveaLocqZ%22%20x1%3D%229.783%22%20x2%3D%228.621%22%20y1%3D%2217.95%22%20y2%3D%2220.738%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fefefc%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffc125%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVGkOiHGdLu)%22%20d%3D%22M12%2019.457A8.229%208.229%200%201%200%2012%203a8.229%208.229%200%200%200%200%2016.457%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGJa1tddWr)%22%20d%3D%22m3.828%2010.251l-.026.288c1.224-1.044%204.29-2.91%207.606-2.91c2.69%200%204.233%201.542%204.665%202.334l-.432%203.405l-4.83%202.664l-.354.272v-6.156a.97.97%200%200%200-1.939%200v8.537a8%208%200%200%200%201.939.617v-1.697c2.5-.329%206.685-1.825%206.685-5.95c0-1.568-1.162-3.266-1.779-3.914l-3.24-.94l-3.646.55l-2.808%201.445z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGveaLocqZ)%22%20d%3D%22m3.843%2010.05l-.03.258c1.774-1.687%205.07-2.942%207.492-2.942c2.495%200%204.295%201.492%204.295%203.323c0%202.684-3.965%203.96-5.657%204.201V10.2a1.029%201.029%200%201%200-2.057%200v9.771a1.028%201.028%200%201%200%202.057%200v-3.096c6.48-1.532%207.2-4.926%207.2-5.96c0-1.029-.767-4.315-5.514-4.315c-3.435%200-6.402%202.098-7.786%203.45%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGkOiHGdLu%22%20x1%3D%2218.331%22%20x2%3D%223.919%22%20y1%3D%226.589%22%20y2%3D%2214.656%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fd2307%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fdb106%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGJa1tddWr%22%20x1%3D%2217.513%22%20x2%3D%229.632%22%20y1%3D%223.896%22%20y2%3D%2219.709%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23e67f5e%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fcc252%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGveaLocqZ%22%20x1%3D%229.783%22%20x2%3D%228.621%22%20y1%3D%2217.95%22%20y2%3D%2220.738%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fefefc%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffc125%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/per.svg?color=%231a73e8&size=48
