percy logo
percy from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.
- Name
- percy
- Set
- Material Icon Theme
- Style
- Color
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the percy logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#ba68c8" d="M22.847 7.51a.74.74 0 0 0-.706-.527a.8.8 0 0 0-.288.051a3.2 3.2 0 0 1-1.064.21c-.914-.672-3.131-2.293-4.448-3.204c0 0 .178.531.418 1.521c0 0-2.086-1.193-3.473-2.106c0 0 .506 1.05.543 1.388c0 0-1.663-.309-4.092-.864c0 0 1.796 1.017 2.232 1.62c0 0-2.18-.182-4.747-.369c0 0 1.291.664 1.918 1.193c0 0-2.336.294-4.112.348c0 0 1.298 1.025 1.82 1.519c0 0-2.23.814-4.904 2.266c0 0 1.394.09 2.394.42c0 0-1.232 1.022-3.441 3.376c0 0 1.392-.026 2.517-.155c0 0-.902 1.31-2.038 3.672c0 0 .758-.449 1.487-.604c0 0 .03 2.674 1.533 3.128l.002-.002a.7.7 0 0 0 .205.034a1 1 0 0 0 .23-.029c.481-.124.852-.575 1.282-1.098c.142-.173.288-.35.443-.523c.171-.226.394-.461.66-.666c.549-.423 1.305-.734 2.218-.575c.99.12 1.589 1.093 2.072 1.878c.37.6.662 1.074 1.08 1.126q.046.006.088.006c.641.011.88-.71 1.181-1.621l.062-.186l.009.018c.224-.74.649-1.535 1.164-2.25c.698-.968 1.59-1.828 2.438-2.22l.003.005c.46-.248.945-.481 1.422-.711h.001c1.483-.715 2.884-1.39 3.599-2.438c.358-.524.542-1.171.548-1.924a6 6 0 0 0-.256-1.706zm-6.19 7.882c-.428.378-.848.85-1.218 1.364c-.61.846-1.064 1.776-1.208 2.552c.403.668.77 1 1.117 1.011h.011q.481.008.637-.606c.077-.305.1-.725.127-1.211c.048-.886.11-2.027.534-3.11m-9.87 3.82l-.005-.013a3.1 3.1 0 0 1 .697-.751c.442-.34 1.022-.588 1.716-.516a18 18 0 0 1-.274.647c-.342.763-.748 1.55-1.173 1.607l-.076.005c-.331-.006-.621-.326-.885-.98zm8.512-12.44l-1.831-1.18L16.5 6.697zm-5.1.437l2.919.776l1.286-.389zm5.203 1.512l.634-.448l-2.43.352zm-4.15-.071l-1.015.633l-2.775-.304zm3.103 1.678l1.027-.533l-3.79.33zm-2.813.564l-.73 1.116l-3.563.779zm-4.447.618l-2.768 1.124l3.414-2.283zm-1.527 1.378l-.13 1.17l-1.611 1.887z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function MaterialIconThemePercy(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#ba68c8" d="M22.847 7.51a.74.74 0 0 0-.706-.527a.8.8 0 0 0-.288.051a3.2 3.2 0 0 1-1.064.21c-.914-.672-3.131-2.293-4.448-3.204c0 0 .178.531.418 1.521c0 0-2.086-1.193-3.473-2.106c0 0 .506 1.05.543 1.388c0 0-1.663-.309-4.092-.864c0 0 1.796 1.017 2.232 1.62c0 0-2.18-.182-4.747-.369c0 0 1.291.664 1.918 1.193c0 0-2.336.294-4.112.348c0 0 1.298 1.025 1.82 1.519c0 0-2.23.814-4.904 2.266c0 0 1.394.09 2.394.42c0 0-1.232 1.022-3.441 3.376c0 0 1.392-.026 2.517-.155c0 0-.902 1.31-2.038 3.672c0 0 .758-.449 1.487-.604c0 0 .03 2.674 1.533 3.128l.002-.002a.7.7 0 0 0 .205.034a1 1 0 0 0 .23-.029c.481-.124.852-.575 1.282-1.098c.142-.173.288-.35.443-.523c.171-.226.394-.461.66-.666c.549-.423 1.305-.734 2.218-.575c.99.12 1.589 1.093 2.072 1.878c.37.6.662 1.074 1.08 1.126q.046.006.088.006c.641.011.88-.71 1.181-1.621l.062-.186l.009.018c.224-.74.649-1.535 1.164-2.25c.698-.968 1.59-1.828 2.438-2.22l.003.005c.46-.248.945-.481 1.422-.711h.001c1.483-.715 2.884-1.39 3.599-2.438c.358-.524.542-1.171.548-1.924a6 6 0 0 0-.256-1.706zm-6.19 7.882c-.428.378-.848.85-1.218 1.364c-.61.846-1.064 1.776-1.208 2.552c.403.668.77 1 1.117 1.011h.011q.481.008.637-.606c.077-.305.1-.725.127-1.211c.048-.886.11-2.027.534-3.11m-9.87 3.82l-.005-.013a3.1 3.1 0 0 1 .697-.751c.442-.34 1.022-.588 1.716-.516a18 18 0 0 1-.274.647c-.342.763-.748 1.55-1.173 1.607l-.076.005c-.331-.006-.621-.326-.885-.98zm8.512-12.44l-1.831-1.18L16.5 6.697zm-5.1.437l2.919.776l1.286-.389zm5.203 1.512l.634-.448l-2.43.352zm-4.15-.071l-1.015.633l-2.775-.304zm3.103 1.678l1.027-.533l-3.79.33zm-2.813.564l-.73 1.116l-3.563.779zm-4.447.618l-2.768 1.124l3.414-2.283zm-1.527 1.378l-.13 1.17l-1.611 1.887z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#ba68c8" d="M22.847 7.51a.74.74 0 0 0-.706-.527a.8.8 0 0 0-.288.051a3.2 3.2 0 0 1-1.064.21c-.914-.672-3.131-2.293-4.448-3.204c0 0 .178.531.418 1.521c0 0-2.086-1.193-3.473-2.106c0 0 .506 1.05.543 1.388c0 0-1.663-.309-4.092-.864c0 0 1.796 1.017 2.232 1.62c0 0-2.18-.182-4.747-.369c0 0 1.291.664 1.918 1.193c0 0-2.336.294-4.112.348c0 0 1.298 1.025 1.82 1.519c0 0-2.23.814-4.904 2.266c0 0 1.394.09 2.394.42c0 0-1.232 1.022-3.441 3.376c0 0 1.392-.026 2.517-.155c0 0-.902 1.31-2.038 3.672c0 0 .758-.449 1.487-.604c0 0 .03 2.674 1.533 3.128l.002-.002a.7.7 0 0 0 .205.034a1 1 0 0 0 .23-.029c.481-.124.852-.575 1.282-1.098c.142-.173.288-.35.443-.523c.171-.226.394-.461.66-.666c.549-.423 1.305-.734 2.218-.575c.99.12 1.589 1.093 2.072 1.878c.37.6.662 1.074 1.08 1.126q.046.006.088.006c.641.011.88-.71 1.181-1.621l.062-.186l.009.018c.224-.74.649-1.535 1.164-2.25c.698-.968 1.59-1.828 2.438-2.22l.003.005c.46-.248.945-.481 1.422-.711h.001c1.483-.715 2.884-1.39 3.599-2.438c.358-.524.542-1.171.548-1.924a6 6 0 0 0-.256-1.706zm-6.19 7.882c-.428.378-.848.85-1.218 1.364c-.61.846-1.064 1.776-1.208 2.552c.403.668.77 1 1.117 1.011h.011q.481.008.637-.606c.077-.305.1-.725.127-1.211c.048-.886.11-2.027.534-3.11m-9.87 3.82l-.005-.013a3.1 3.1 0 0 1 .697-.751c.442-.34 1.022-.588 1.716-.516a18 18 0 0 1-.274.647c-.342.763-.748 1.55-1.173 1.607l-.076.005c-.331-.006-.621-.326-.885-.98zm8.512-12.44l-1.831-1.18L16.5 6.697zm-5.1.437l2.919.776l1.286-.389zm5.203 1.512l.634-.448l-2.43.352zm-4.15-.071l-1.015.633l-2.775-.304zm3.103 1.678l1.027-.533l-3.79.33zm-2.813.564l-.73 1.116l-3.563.779zm-4.447.618l-2.768 1.124l3.414-2.283zm-1.527 1.378l-.13 1.17l-1.611 1.887z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-percy {
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%23ba68c8%22%20d%3D%22M22.847%207.51a.74.74%200%200%200-.706-.527a.8.8%200%200%200-.288.051a3.2%203.2%200%200%201-1.064.21c-.914-.672-3.131-2.293-4.448-3.204c0%200%20.178.531.418%201.521c0%200-2.086-1.193-3.473-2.106c0%200%20.506%201.05.543%201.388c0%200-1.663-.309-4.092-.864c0%200%201.796%201.017%202.232%201.62c0%200-2.18-.182-4.747-.369c0%200%201.291.664%201.918%201.193c0%200-2.336.294-4.112.348c0%200%201.298%201.025%201.82%201.519c0%200-2.23.814-4.904%202.266c0%200%201.394.09%202.394.42c0%200-1.232%201.022-3.441%203.376c0%200%201.392-.026%202.517-.155c0%200-.902%201.31-2.038%203.672c0%200%20.758-.449%201.487-.604c0%200%20.03%202.674%201.533%203.128l.002-.002a.7.7%200%200%200%20.205.034a1%201%200%200%200%20.23-.029c.481-.124.852-.575%201.282-1.098c.142-.173.288-.35.443-.523c.171-.226.394-.461.66-.666c.549-.423%201.305-.734%202.218-.575c.99.12%201.589%201.093%202.072%201.878c.37.6.662%201.074%201.08%201.126q.046.006.088.006c.641.011.88-.71%201.181-1.621l.062-.186l.009.018c.224-.74.649-1.535%201.164-2.25c.698-.968%201.59-1.828%202.438-2.22l.003.005c.46-.248.945-.481%201.422-.711h.001c1.483-.715%202.884-1.39%203.599-2.438c.358-.524.542-1.171.548-1.924a6%206%200%200%200-.256-1.706zm-6.19%207.882c-.428.378-.848.85-1.218%201.364c-.61.846-1.064%201.776-1.208%202.552c.403.668.77%201%201.117%201.011h.011q.481.008.637-.606c.077-.305.1-.725.127-1.211c.048-.886.11-2.027.534-3.11m-9.87%203.82l-.005-.013a3.1%203.1%200%200%201%20.697-.751c.442-.34%201.022-.588%201.716-.516a18%2018%200%200%201-.274.647c-.342.763-.748%201.55-1.173%201.607l-.076.005c-.331-.006-.621-.326-.885-.98zm8.512-12.44l-1.831-1.18L16.5%206.697zm-5.1.437l2.919.776l1.286-.389zm5.203%201.512l.634-.448l-2.43.352zm-4.15-.071l-1.015.633l-2.775-.304zm3.103%201.678l1.027-.533l-3.79.33zm-2.813.564l-.73%201.116l-3.563.779zm-4.447.618l-2.768%201.124l3.414-2.283zm-1.527%201.378l-.13%201.17l-1.611%201.887z%22%20clip-rule%3D%22evenodd%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%23ba68c8%22%20d%3D%22M22.847%207.51a.74.74%200%200%200-.706-.527a.8.8%200%200%200-.288.051a3.2%203.2%200%200%201-1.064.21c-.914-.672-3.131-2.293-4.448-3.204c0%200%20.178.531.418%201.521c0%200-2.086-1.193-3.473-2.106c0%200%20.506%201.05.543%201.388c0%200-1.663-.309-4.092-.864c0%200%201.796%201.017%202.232%201.62c0%200-2.18-.182-4.747-.369c0%200%201.291.664%201.918%201.193c0%200-2.336.294-4.112.348c0%200%201.298%201.025%201.82%201.519c0%200-2.23.814-4.904%202.266c0%200%201.394.09%202.394.42c0%200-1.232%201.022-3.441%203.376c0%200%201.392-.026%202.517-.155c0%200-.902%201.31-2.038%203.672c0%200%20.758-.449%201.487-.604c0%200%20.03%202.674%201.533%203.128l.002-.002a.7.7%200%200%200%20.205.034a1%201%200%200%200%20.23-.029c.481-.124.852-.575%201.282-1.098c.142-.173.288-.35.443-.523c.171-.226.394-.461.66-.666c.549-.423%201.305-.734%202.218-.575c.99.12%201.589%201.093%202.072%201.878c.37.6.662%201.074%201.08%201.126q.046.006.088.006c.641.011.88-.71%201.181-1.621l.062-.186l.009.018c.224-.74.649-1.535%201.164-2.25c.698-.968%201.59-1.828%202.438-2.22l.003.005c.46-.248.945-.481%201.422-.711h.001c1.483-.715%202.884-1.39%203.599-2.438c.358-.524.542-1.171.548-1.924a6%206%200%200%200-.256-1.706zm-6.19%207.882c-.428.378-.848.85-1.218%201.364c-.61.846-1.064%201.776-1.208%202.552c.403.668.77%201%201.117%201.011h.011q.481.008.637-.606c.077-.305.1-.725.127-1.211c.048-.886.11-2.027.534-3.11m-9.87%203.82l-.005-.013a3.1%203.1%200%200%201%20.697-.751c.442-.34%201.022-.588%201.716-.516a18%2018%200%200%201-.274.647c-.342.763-.748%201.55-1.173%201.607l-.076.005c-.331-.006-.621-.326-.885-.98zm8.512-12.44l-1.831-1.18L16.5%206.697zm-5.1.437l2.919.776l1.286-.389zm5.203%201.512l.634-.448l-2.43.352zm-4.15-.071l-1.015.633l-2.775-.304zm3.103%201.678l1.027-.533l-3.79.33zm-2.813.564l-.73%201.116l-3.563.779zm-4.447.618l-2.768%201.124l3.414-2.283zm-1.527%201.378l-.13%201.17l-1.611%201.887z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-icon-theme/percy.svg?color=%231a73e8&size=48
