para logo
para from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- para
- Set
- Web3 Icons Branded
- Style
- Branded
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
The same logo in other sets
Related icons in Web3 Icons Branded
Use the para 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(#SVGfNrTEc9c)" d="m3.923 9.87l7.996 4.318c.394.214.878.214 1.271 0l6.889-3.728a1.7 1.7 0 0 0 0-3.02L12.206 3.2a1.64 1.64 0 0 0-1.563 0L3.917 6.855a1.698 1.698 0 0 0 0 3.014z"/><path fill="url(#SVGNOgFdecD)" d="m5.622 12.58l6.377 3.374c.422.225.939.225 1.35-.017l4.909-2.828l1.816.978a1.698 1.698 0 0 1 0 3.02l-6.883 3.728a1.32 1.32 0 0 1-1.27 0l-7.997-4.313a1.697 1.697 0 0 1-.006-3.02z"/><defs><linearGradient id="SVGfNrTEc9c" x1="2.998" x2="19.05" y1="12.163" y2="12.092" gradientUnits="userSpaceOnUse"><stop stop-color="#02daff"/><stop offset="1" stop-color="#5414f1"/></linearGradient><linearGradient id="SVGNOgFdecD" x1="3.001" x2="19.05" y1="15.425" y2="15.319" gradientUnits="userSpaceOnUse"><stop stop-color="#fecf7b"/><stop offset="1" stop-color="#ef26a8"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedPara(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(#SVGfNrTEc9c)" d="m3.923 9.87l7.996 4.318c.394.214.878.214 1.271 0l6.889-3.728a1.7 1.7 0 0 0 0-3.02L12.206 3.2a1.64 1.64 0 0 0-1.563 0L3.917 6.855a1.698 1.698 0 0 0 0 3.014z"/><path fill="url(#SVGNOgFdecD)" d="m5.622 12.58l6.377 3.374c.422.225.939.225 1.35-.017l4.909-2.828l1.816.978a1.698 1.698 0 0 1 0 3.02l-6.883 3.728a1.32 1.32 0 0 1-1.27 0l-7.997-4.313a1.697 1.697 0 0 1-.006-3.02z"/><defs><linearGradient id="SVGfNrTEc9c" x1="2.998" x2="19.05" y1="12.163" y2="12.092" gradientUnits="userSpaceOnUse"><stop stopColor="#02daff"/><stop offset="1" stopColor="#5414f1"/></linearGradient><linearGradient id="SVGNOgFdecD" x1="3.001" x2="19.05" y1="15.425" y2="15.319" gradientUnits="userSpaceOnUse"><stop stopColor="#fecf7b"/><stop offset="1" stopColor="#ef26a8"/></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(#SVGfNrTEc9c)" d="m3.923 9.87l7.996 4.318c.394.214.878.214 1.271 0l6.889-3.728a1.7 1.7 0 0 0 0-3.02L12.206 3.2a1.64 1.64 0 0 0-1.563 0L3.917 6.855a1.698 1.698 0 0 0 0 3.014z"/><path fill="url(#SVGNOgFdecD)" d="m5.622 12.58l6.377 3.374c.422.225.939.225 1.35-.017l4.909-2.828l1.816.978a1.698 1.698 0 0 1 0 3.02l-6.883 3.728a1.32 1.32 0 0 1-1.27 0l-7.997-4.313a1.697 1.697 0 0 1-.006-3.02z"/><defs><linearGradient id="SVGfNrTEc9c" x1="2.998" x2="19.05" y1="12.163" y2="12.092" gradientUnits="userSpaceOnUse"><stop stop-color="#02daff"/><stop offset="1" stop-color="#5414f1"/></linearGradient><linearGradient id="SVGNOgFdecD" x1="3.001" x2="19.05" y1="15.425" y2="15.319" gradientUnits="userSpaceOnUse"><stop stop-color="#fecf7b"/><stop offset="1" stop-color="#ef26a8"/></linearGradient></defs></g></svg> </template>
CSS
.icon-para {
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(%23SVGfNrTEc9c)%22%20d%3D%22m3.923%209.87l7.996%204.318c.394.214.878.214%201.271%200l6.889-3.728a1.7%201.7%200%200%200%200-3.02L12.206%203.2a1.64%201.64%200%200%200-1.563%200L3.917%206.855a1.698%201.698%200%200%200%200%203.014z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGNOgFdecD)%22%20d%3D%22m5.622%2012.58l6.377%203.374c.422.225.939.225%201.35-.017l4.909-2.828l1.816.978a1.698%201.698%200%200%201%200%203.02l-6.883%203.728a1.32%201.32%200%200%201-1.27%200l-7.997-4.313a1.697%201.697%200%200%201-.006-3.02z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGfNrTEc9c%22%20x1%3D%222.998%22%20x2%3D%2219.05%22%20y1%3D%2212.163%22%20y2%3D%2212.092%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2302daff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235414f1%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGNOgFdecD%22%20x1%3D%223.001%22%20x2%3D%2219.05%22%20y1%3D%2215.425%22%20y2%3D%2215.319%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fecf7b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ef26a8%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(%23SVGfNrTEc9c)%22%20d%3D%22m3.923%209.87l7.996%204.318c.394.214.878.214%201.271%200l6.889-3.728a1.7%201.7%200%200%200%200-3.02L12.206%203.2a1.64%201.64%200%200%200-1.563%200L3.917%206.855a1.698%201.698%200%200%200%200%203.014z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGNOgFdecD)%22%20d%3D%22m5.622%2012.58l6.377%203.374c.422.225.939.225%201.35-.017l4.909-2.828l1.816.978a1.698%201.698%200%200%201%200%203.02l-6.883%203.728a1.32%201.32%200%200%201-1.27%200l-7.997-4.313a1.697%201.697%200%200%201-.006-3.02z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGfNrTEc9c%22%20x1%3D%222.998%22%20x2%3D%2219.05%22%20y1%3D%2212.163%22%20y2%3D%2212.092%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2302daff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235414f1%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGNOgFdecD%22%20x1%3D%223.001%22%20x2%3D%2219.05%22%20y1%3D%2215.425%22%20y2%3D%2215.319%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fecf7b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ef26a8%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/para.svg?color=%231a73e8&size=48
