pros logo
pros from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- pros
- Set
- Web3 Icons Branded
- Style
- Branded
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
Use the pros logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#fff" d="M21 3H3v18h18z"/><path fill="#333" d="M3 3h18v18H3z"/><path fill="#5901f6" d="M21 3L3 21V3z"/><path fill="url(#SVG2QH2qc0z)" fill-rule="evenodd" d="m9.31 14.713l-.036-.034c-2.4-2.402-3.137-5.558-1.645-7.05s4.648-.756 7.049 1.645l.02.022l-.867.872l-.023-.024c-1.91-1.91-4.28-2.64-5.291-1.627c-1.012 1.012-.283 3.381 1.627 5.292l.033.033z" clip-rule="evenodd"/><path fill="url(#SVGHftjheTj)" fill-rule="evenodd" d="m14.69 9.286l.036.034c2.4 2.402 3.137 5.558 1.645 7.05s-4.648.755-7.049-1.646l-.02-.021l.867-.872l.023.024c1.91 1.91 4.28 2.639 5.29 1.627c1.013-1.012.284-3.381-1.626-5.292l-.033-.033z" clip-rule="evenodd"/><defs><linearGradient id="SVG2QH2qc0z" x1="16.175" x2="10.401" y1="10.109" y2="15.851" gradientUnits="userSpaceOnUse"><stop stop-color="#fbfcfa"/><stop offset=".817" stop-color="#9359fd" stop-opacity=".07"/></linearGradient><linearGradient id="SVGHftjheTj" x1="9.84" x2="14.306" y1="14.649" y2="10.948" gradientUnits="userSpaceOnUse"><stop stop-color="#01fdfe"/><stop offset="1" stop-color="#01fdfe" stop-opacity=".06"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedPros(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="#fff" d="M21 3H3v18h18z"/><path fill="#333" d="M3 3h18v18H3z"/><path fill="#5901f6" d="M21 3L3 21V3z"/><path fill="url(#SVG2QH2qc0z)" fillRule="evenodd" d="m9.31 14.713l-.036-.034c-2.4-2.402-3.137-5.558-1.645-7.05s4.648-.756 7.049 1.645l.02.022l-.867.872l-.023-.024c-1.91-1.91-4.28-2.64-5.291-1.627c-1.012 1.012-.283 3.381 1.627 5.292l.033.033z" clipRule="evenodd"/><path fill="url(#SVGHftjheTj)" fillRule="evenodd" d="m14.69 9.286l.036.034c2.4 2.402 3.137 5.558 1.645 7.05s-4.648.755-7.049-1.646l-.02-.021l.867-.872l.023.024c1.91 1.91 4.28 2.639 5.29 1.627c1.013-1.012.284-3.381-1.626-5.292l-.033-.033z" clipRule="evenodd"/><defs><linearGradient id="SVG2QH2qc0z" x1="16.175" x2="10.401" y1="10.109" y2="15.851" gradientUnits="userSpaceOnUse"><stop stopColor="#fbfcfa"/><stop offset=".817" stopColor="#9359fd" stopOpacity=".07"/></linearGradient><linearGradient id="SVGHftjheTj" x1="9.84" x2="14.306" y1="14.649" y2="10.948" gradientUnits="userSpaceOnUse"><stop stopColor="#01fdfe"/><stop offset="1" stopColor="#01fdfe" stopOpacity=".06"/></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="#fff" d="M21 3H3v18h18z"/><path fill="#333" d="M3 3h18v18H3z"/><path fill="#5901f6" d="M21 3L3 21V3z"/><path fill="url(#SVG2QH2qc0z)" fill-rule="evenodd" d="m9.31 14.713l-.036-.034c-2.4-2.402-3.137-5.558-1.645-7.05s4.648-.756 7.049 1.645l.02.022l-.867.872l-.023-.024c-1.91-1.91-4.28-2.64-5.291-1.627c-1.012 1.012-.283 3.381 1.627 5.292l.033.033z" clip-rule="evenodd"/><path fill="url(#SVGHftjheTj)" fill-rule="evenodd" d="m14.69 9.286l.036.034c2.4 2.402 3.137 5.558 1.645 7.05s-4.648.755-7.049-1.646l-.02-.021l.867-.872l.023.024c1.91 1.91 4.28 2.639 5.29 1.627c1.013-1.012.284-3.381-1.626-5.292l-.033-.033z" clip-rule="evenodd"/><defs><linearGradient id="SVG2QH2qc0z" x1="16.175" x2="10.401" y1="10.109" y2="15.851" gradientUnits="userSpaceOnUse"><stop stop-color="#fbfcfa"/><stop offset=".817" stop-color="#9359fd" stop-opacity=".07"/></linearGradient><linearGradient id="SVGHftjheTj" x1="9.84" x2="14.306" y1="14.649" y2="10.948" gradientUnits="userSpaceOnUse"><stop stop-color="#01fdfe"/><stop offset="1" stop-color="#01fdfe" stop-opacity=".06"/></linearGradient></defs></g></svg> </template>
CSS
.icon-pros {
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%22%23fff%22%20d%3D%22M21%203H3v18h18z%22%2F%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M3%203h18v18H3z%22%2F%3E%3Cpath%20fill%3D%22%235901f6%22%20d%3D%22M21%203L3%2021V3z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG2QH2qc0z)%22%20fill-rule%3D%22evenodd%22%20d%3D%22m9.31%2014.713l-.036-.034c-2.4-2.402-3.137-5.558-1.645-7.05s4.648-.756%207.049%201.645l.02.022l-.867.872l-.023-.024c-1.91-1.91-4.28-2.64-5.291-1.627c-1.012%201.012-.283%203.381%201.627%205.292l.033.033z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGHftjheTj)%22%20fill-rule%3D%22evenodd%22%20d%3D%22m14.69%209.286l.036.034c2.4%202.402%203.137%205.558%201.645%207.05s-4.648.755-7.049-1.646l-.02-.021l.867-.872l.023.024c1.91%201.91%204.28%202.639%205.29%201.627c1.013-1.012.284-3.381-1.626-5.292l-.033-.033z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG2QH2qc0z%22%20x1%3D%2216.175%22%20x2%3D%2210.401%22%20y1%3D%2210.109%22%20y2%3D%2215.851%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fbfcfa%22%2F%3E%3Cstop%20offset%3D%22.817%22%20stop-color%3D%22%239359fd%22%20stop-opacity%3D%22.07%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGHftjheTj%22%20x1%3D%229.84%22%20x2%3D%2214.306%22%20y1%3D%2214.649%22%20y2%3D%2210.948%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2301fdfe%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2301fdfe%22%20stop-opacity%3D%22.06%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%22%23fff%22%20d%3D%22M21%203H3v18h18z%22%2F%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M3%203h18v18H3z%22%2F%3E%3Cpath%20fill%3D%22%235901f6%22%20d%3D%22M21%203L3%2021V3z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG2QH2qc0z)%22%20fill-rule%3D%22evenodd%22%20d%3D%22m9.31%2014.713l-.036-.034c-2.4-2.402-3.137-5.558-1.645-7.05s4.648-.756%207.049%201.645l.02.022l-.867.872l-.023-.024c-1.91-1.91-4.28-2.64-5.291-1.627c-1.012%201.012-.283%203.381%201.627%205.292l.033.033z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGHftjheTj)%22%20fill-rule%3D%22evenodd%22%20d%3D%22m14.69%209.286l.036.034c2.4%202.402%203.137%205.558%201.645%207.05s-4.648.755-7.049-1.646l-.02-.021l.867-.872l.023.024c1.91%201.91%204.28%202.639%205.29%201.627c1.013-1.012.284-3.381-1.626-5.292l-.033-.033z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG2QH2qc0z%22%20x1%3D%2216.175%22%20x2%3D%2210.401%22%20y1%3D%2210.109%22%20y2%3D%2215.851%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fbfcfa%22%2F%3E%3Cstop%20offset%3D%22.817%22%20stop-color%3D%22%239359fd%22%20stop-opacity%3D%22.07%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGHftjheTj%22%20x1%3D%229.84%22%20x2%3D%2214.306%22%20y1%3D%2214.649%22%20y2%3D%2210.948%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2301fdfe%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2301fdfe%22%20stop-opacity%3D%22.06%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/pros.svg?color=%231a73e8&size=48
