pkl logo

pkl from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.

Name
pkl
Set
Material Icon Theme
Style
Color
Viewbox
100×100
License
MIT

The same logo in other sets

pkl-darkSkill Icons

Use the pkl logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 100 100"><path fill="#689f38" d="m72.152 24.129l2.128-11.606a44 44 0 0 0-10.43-5.107l-7.857 8.803a33.2 33.2 0 0 0-11.588-.07l-7.761-8.908a43.7 43.7 0 0 0-10.502 4.975l1.98 11.632a33.3 33.3 0 0 0-7.288 9.022l-11.79.508A43.7 43.7 0 0 0 6.39 44.686l10.336 5.703a33.3 33.3 0 0 0 2.505 11.317l-6.955 9.538a44 44 0 0 0 7.183 9.127l10.905-4.52a33.3 33.3 0 0 0 10.415 5.098l3.118 11.387c3.854.543 7.76.56 11.615.07l3.259-11.343a33 33 0 0 0 10.476-4.966l10.844 4.66a43.5 43.5 0 0 0 7.296-9.04l-6.832-9.626a33.4 33.4 0 0 0 2.654-11.282l10.406-5.57A43.8 43.8 0 0 0 91.1 33.894l-11.781-.657a33.2 33.2 0 0 0-7.174-9.109z"/><circle cx="50.674" cy="48.601" r="27.582" fill="#dcedc8"/><g fill="#aed581"><path d="M32.215 41.215c-7.461.184-6.563 10.815-1.04 20.367c7.2 12.455 21.742 16.617 18.265-9.17a7.28 7.28 0 0 0-3.022-4.976c-6.412-4.515-11.053-6.299-14.203-6.221m16.953-16l.008.008c-14.382.009-25.26 10.52-1.19 20.4a7.26 7.26 0 0 0 5.815-.131c23.974-11.098 11.063-20.286-4.633-20.277"/><path d="M69.127 40.814c-3.315-.001-8.1 1.984-14.537 6.955a7.23 7.23 0 0 0-2.795 5.106c-2.374 26.312 12.036 19.727 19.875 6.132v-.01c4.938-8.568 4.75-18.181-2.543-18.183"/></g></svg>

React

import type { SVGProps } from "react";

export function MaterialIconThemePkl(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 100 100"><path fill="#689f38" d="m72.152 24.129l2.128-11.606a44 44 0 0 0-10.43-5.107l-7.857 8.803a33.2 33.2 0 0 0-11.588-.07l-7.761-8.908a43.7 43.7 0 0 0-10.502 4.975l1.98 11.632a33.3 33.3 0 0 0-7.288 9.022l-11.79.508A43.7 43.7 0 0 0 6.39 44.686l10.336 5.703a33.3 33.3 0 0 0 2.505 11.317l-6.955 9.538a44 44 0 0 0 7.183 9.127l10.905-4.52a33.3 33.3 0 0 0 10.415 5.098l3.118 11.387c3.854.543 7.76.56 11.615.07l3.259-11.343a33 33 0 0 0 10.476-4.966l10.844 4.66a43.5 43.5 0 0 0 7.296-9.04l-6.832-9.626a33.4 33.4 0 0 0 2.654-11.282l10.406-5.57A43.8 43.8 0 0 0 91.1 33.894l-11.781-.657a33.2 33.2 0 0 0-7.174-9.109z"/><circle cx="50.674" cy="48.601" r="27.582" fill="#dcedc8"/><g fill="#aed581"><path d="M32.215 41.215c-7.461.184-6.563 10.815-1.04 20.367c7.2 12.455 21.742 16.617 18.265-9.17a7.28 7.28 0 0 0-3.022-4.976c-6.412-4.515-11.053-6.299-14.203-6.221m16.953-16l.008.008c-14.382.009-25.26 10.52-1.19 20.4a7.26 7.26 0 0 0 5.815-.131c23.974-11.098 11.063-20.286-4.633-20.277"/><path d="M69.127 40.814c-3.315-.001-8.1 1.984-14.537 6.955a7.23 7.23 0 0 0-2.795 5.106c-2.374 26.312 12.036 19.727 19.875 6.132v-.01c4.938-8.568 4.75-18.181-2.543-18.183"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 100 100"><path fill="#689f38" d="m72.152 24.129l2.128-11.606a44 44 0 0 0-10.43-5.107l-7.857 8.803a33.2 33.2 0 0 0-11.588-.07l-7.761-8.908a43.7 43.7 0 0 0-10.502 4.975l1.98 11.632a33.3 33.3 0 0 0-7.288 9.022l-11.79.508A43.7 43.7 0 0 0 6.39 44.686l10.336 5.703a33.3 33.3 0 0 0 2.505 11.317l-6.955 9.538a44 44 0 0 0 7.183 9.127l10.905-4.52a33.3 33.3 0 0 0 10.415 5.098l3.118 11.387c3.854.543 7.76.56 11.615.07l3.259-11.343a33 33 0 0 0 10.476-4.966l10.844 4.66a43.5 43.5 0 0 0 7.296-9.04l-6.832-9.626a33.4 33.4 0 0 0 2.654-11.282l10.406-5.57A43.8 43.8 0 0 0 91.1 33.894l-11.781-.657a33.2 33.2 0 0 0-7.174-9.109z"/><circle cx="50.674" cy="48.601" r="27.582" fill="#dcedc8"/><g fill="#aed581"><path d="M32.215 41.215c-7.461.184-6.563 10.815-1.04 20.367c7.2 12.455 21.742 16.617 18.265-9.17a7.28 7.28 0 0 0-3.022-4.976c-6.412-4.515-11.053-6.299-14.203-6.221m16.953-16l.008.008c-14.382.009-25.26 10.52-1.19 20.4a7.26 7.26 0 0 0 5.815-.131c23.974-11.098 11.063-20.286-4.633-20.277"/><path d="M69.127 40.814c-3.315-.001-8.1 1.984-14.537 6.955a7.23 7.23 0 0 0-2.795 5.106c-2.374 26.312 12.036 19.727 19.875 6.132v-.01c4.938-8.568 4.75-18.181-2.543-18.183"/></g></svg>
</template>

CSS

.icon-pkl {
  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%20100%20100%22%3E%3Cpath%20fill%3D%22%23689f38%22%20d%3D%22m72.152%2024.129l2.128-11.606a44%2044%200%200%200-10.43-5.107l-7.857%208.803a33.2%2033.2%200%200%200-11.588-.07l-7.761-8.908a43.7%2043.7%200%200%200-10.502%204.975l1.98%2011.632a33.3%2033.3%200%200%200-7.288%209.022l-11.79.508A43.7%2043.7%200%200%200%206.39%2044.686l10.336%205.703a33.3%2033.3%200%200%200%202.505%2011.317l-6.955%209.538a44%2044%200%200%200%207.183%209.127l10.905-4.52a33.3%2033.3%200%200%200%2010.415%205.098l3.118%2011.387c3.854.543%207.76.56%2011.615.07l3.259-11.343a33%2033%200%200%200%2010.476-4.966l10.844%204.66a43.5%2043.5%200%200%200%207.296-9.04l-6.832-9.626a33.4%2033.4%200%200%200%202.654-11.282l10.406-5.57A43.8%2043.8%200%200%200%2091.1%2033.894l-11.781-.657a33.2%2033.2%200%200%200-7.174-9.109z%22%2F%3E%3Ccircle%20cx%3D%2250.674%22%20cy%3D%2248.601%22%20r%3D%2227.582%22%20fill%3D%22%23dcedc8%22%2F%3E%3Cg%20fill%3D%22%23aed581%22%3E%3Cpath%20d%3D%22M32.215%2041.215c-7.461.184-6.563%2010.815-1.04%2020.367c7.2%2012.455%2021.742%2016.617%2018.265-9.17a7.28%207.28%200%200%200-3.022-4.976c-6.412-4.515-11.053-6.299-14.203-6.221m16.953-16l.008.008c-14.382.009-25.26%2010.52-1.19%2020.4a7.26%207.26%200%200%200%205.815-.131c23.974-11.098%2011.063-20.286-4.633-20.277%22%2F%3E%3Cpath%20d%3D%22M69.127%2040.814c-3.315-.001-8.1%201.984-14.537%206.955a7.23%207.23%200%200%200-2.795%205.106c-2.374%2026.312%2012.036%2019.727%2019.875%206.132v-.01c4.938-8.568%204.75-18.181-2.543-18.183%22%2F%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%20100%20100%22%3E%3Cpath%20fill%3D%22%23689f38%22%20d%3D%22m72.152%2024.129l2.128-11.606a44%2044%200%200%200-10.43-5.107l-7.857%208.803a33.2%2033.2%200%200%200-11.588-.07l-7.761-8.908a43.7%2043.7%200%200%200-10.502%204.975l1.98%2011.632a33.3%2033.3%200%200%200-7.288%209.022l-11.79.508A43.7%2043.7%200%200%200%206.39%2044.686l10.336%205.703a33.3%2033.3%200%200%200%202.505%2011.317l-6.955%209.538a44%2044%200%200%200%207.183%209.127l10.905-4.52a33.3%2033.3%200%200%200%2010.415%205.098l3.118%2011.387c3.854.543%207.76.56%2011.615.07l3.259-11.343a33%2033%200%200%200%2010.476-4.966l10.844%204.66a43.5%2043.5%200%200%200%207.296-9.04l-6.832-9.626a33.4%2033.4%200%200%200%202.654-11.282l10.406-5.57A43.8%2043.8%200%200%200%2091.1%2033.894l-11.781-.657a33.2%2033.2%200%200%200-7.174-9.109z%22%2F%3E%3Ccircle%20cx%3D%2250.674%22%20cy%3D%2248.601%22%20r%3D%2227.582%22%20fill%3D%22%23dcedc8%22%2F%3E%3Cg%20fill%3D%22%23aed581%22%3E%3Cpath%20d%3D%22M32.215%2041.215c-7.461.184-6.563%2010.815-1.04%2020.367c7.2%2012.455%2021.742%2016.617%2018.265-9.17a7.28%207.28%200%200%200-3.022-4.976c-6.412-4.515-11.053-6.299-14.203-6.221m16.953-16l.008.008c-14.382.009-25.26%2010.52-1.19%2020.4a7.26%207.26%200%200%200%205.815-.131c23.974-11.098%2011.063-20.286-4.633-20.277%22%2F%3E%3Cpath%20d%3D%22M69.127%2040.814c-3.315-.001-8.1%201.984-14.537%206.955a7.23%207.23%200%200%200-2.795%205.106c-2.374%2026.312%2012.036%2019.727%2019.875%206.132v-.01c4.938-8.568%204.75-18.181-2.543-18.183%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-icon-theme/pkl.svg?color=%231a73e8&size=48