clerk logo

clerk from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name: clerk
Set: Simple Icons
Style: Brand
Viewbox: 24×24
License: CC0 1.0

The same logo in other sets

Use the clerk logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m21.47 20.829l-2.881-2.881a.57.57 0 0 0-.7-.084a6.85 6.85 0 0 1-7.081 0a.576.576 0 0 0-.7.084l-2.881 2.881a.576.576 0 0 0-.103.69a.6.6 0 0 0 .166.186a12 12 0 0 0 14.113 0a.58.58 0 0 0 .239-.423a.58.58 0 0 0-.172-.453m.002-17.668l-2.88 2.88a.57.57 0 0 1-.701.084A6.857 6.857 0 0 0 8.724 8.08a6.86 6.86 0 0 0-1.222 3.692a6.86 6.86 0 0 0 .978 3.764a.57.57 0 0 1-.083.699l-2.881 2.88a.567.567 0 0 1-.864-.063A11.993 11.993 0 0 1 6.771 2.7a11.99 11.99 0 0 1 14.637-.405a.57.57 0 0 1 .232.418a.57.57 0 0 1-.168.448m-7.118 12.261a3.427 3.427 0 1 0 0-6.854a3.427 3.427 0 0 0 0 6.854"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsClerk(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m21.47 20.829l-2.881-2.881a.57.57 0 0 0-.7-.084a6.85 6.85 0 0 1-7.081 0a.576.576 0 0 0-.7.084l-2.881 2.881a.576.576 0 0 0-.103.69a.6.6 0 0 0 .166.186a12 12 0 0 0 14.113 0a.58.58 0 0 0 .239-.423a.58.58 0 0 0-.172-.453m.002-17.668l-2.88 2.88a.57.57 0 0 1-.701.084A6.857 6.857 0 0 0 8.724 8.08a6.86 6.86 0 0 0-1.222 3.692a6.86 6.86 0 0 0 .978 3.764a.57.57 0 0 1-.083.699l-2.881 2.88a.567.567 0 0 1-.864-.063A11.993 11.993 0 0 1 6.771 2.7a11.99 11.99 0 0 1 14.637-.405a.57.57 0 0 1 .232.418a.57.57 0 0 1-.168.448m-7.118 12.261a3.427 3.427 0 1 0 0-6.854a3.427 3.427 0 0 0 0 6.854"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m21.47 20.829l-2.881-2.881a.57.57 0 0 0-.7-.084a6.85 6.85 0 0 1-7.081 0a.576.576 0 0 0-.7.084l-2.881 2.881a.576.576 0 0 0-.103.69a.6.6 0 0 0 .166.186a12 12 0 0 0 14.113 0a.58.58 0 0 0 .239-.423a.58.58 0 0 0-.172-.453m.002-17.668l-2.88 2.88a.57.57 0 0 1-.701.084A6.857 6.857 0 0 0 8.724 8.08a6.86 6.86 0 0 0-1.222 3.692a6.86 6.86 0 0 0 .978 3.764a.57.57 0 0 1-.083.699l-2.881 2.88a.567.567 0 0 1-.864-.063A11.993 11.993 0 0 1 6.771 2.7a11.99 11.99 0 0 1 14.637-.405a.57.57 0 0 1 .232.418a.57.57 0 0 1-.168.448m-7.118 12.261a3.427 3.427 0 1 0 0-6.854a3.427 3.427 0 0 0 0 6.854"/></svg>
</template>

CSS

.icon-clerk {
  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%22currentColor%22%20d%3D%22m21.47%2020.829l-2.881-2.881a.57.57%200%200%200-.7-.084a6.85%206.85%200%200%201-7.081%200a.576.576%200%200%200-.7.084l-2.881%202.881a.576.576%200%200%200-.103.69a.6.6%200%200%200%20.166.186a12%2012%200%200%200%2014.113%200a.58.58%200%200%200%20.239-.423a.58.58%200%200%200-.172-.453m.002-17.668l-2.88%202.88a.57.57%200%200%201-.701.084A6.857%206.857%200%200%200%208.724%208.08a6.86%206.86%200%200%200-1.222%203.692a6.86%206.86%200%200%200%20.978%203.764a.57.57%200%200%201-.083.699l-2.881%202.88a.567.567%200%200%201-.864-.063A11.993%2011.993%200%200%201%206.771%202.7a11.99%2011.99%200%200%201%2014.637-.405a.57.57%200%200%201%20.232.418a.57.57%200%200%201-.168.448m-7.118%2012.261a3.427%203.427%200%201%200%200-6.854a3.427%203.427%200%200%200%200%206.854%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%22currentColor%22%20d%3D%22m21.47%2020.829l-2.881-2.881a.57.57%200%200%200-.7-.084a6.85%206.85%200%200%201-7.081%200a.576.576%200%200%200-.7.084l-2.881%202.881a.576.576%200%200%200-.103.69a.6.6%200%200%200%20.166.186a12%2012%200%200%200%2014.113%200a.58.58%200%200%200%20.239-.423a.58.58%200%200%200-.172-.453m.002-17.668l-2.88%202.88a.57.57%200%200%201-.701.084A6.857%206.857%200%200%200%208.724%208.08a6.86%206.86%200%200%200-1.222%203.692a6.86%206.86%200%200%200%20.978%203.764a.57.57%200%200%201-.083.699l-2.881%202.88a.567.567%200%200%201-.864-.063A11.993%2011.993%200%200%201%206.771%202.7a11.99%2011.99%200%200%201%2014.637-.405a.57.57%200%200%201%20.232.418a.57.57%200%200%201-.168.448m-7.118%2012.261a3.427%203.427%200%201%200%200-6.854a3.427%203.427%200%200%200%200%206.854%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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