enpass logo

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

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

Use the enpass logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.023 1.337c2.691 0 5.383-.008 8.075.004a3.84 3.84 0 0 1 2.963 1.308A3.72 3.72 0 0 1 24 4.947a9.7 9.7 0 0 1-.278 2.319c-.357 2.054-.73 4.104-1.094 6.155c-.315 1.766-.616 3.535-.948 5.3a5.085 5.085 0 0 1-4.195 3.898a6 6 0 0 1-.743.045q-4.719.005-9.437 0a5.066 5.066 0 0 1-4.979-4.184A3553 3553 0 0 0 .421 7.91C.295 7.21.156 6.517.057 5.814A3.796 3.796 0 0 1 3.105 1.43a5 5 0 0 1 .971-.089q3.974-.011 7.947-.004M9.887 18.023a1.17 1.17 0 0 0 1.22 1.22h1.748a1.176 1.176 0 0 0 1.283-1.285q.002-2.066-.006-4.133a.385.385 0 0 1 .218-.385a4.415 4.415 0 0 0 2.015-4.936a4.52 4.52 0 0 0-5.49-3.166a4.21 4.21 0 0 0-3.035 2.5a4.685 4.685 0 0 0 1.888 5.635a.29.29 0 0 1 .164.287c-.007 1.48-.005 2.706-.005 4.263"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsEnpass(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="M12.023 1.337c2.691 0 5.383-.008 8.075.004a3.84 3.84 0 0 1 2.963 1.308A3.72 3.72 0 0 1 24 4.947a9.7 9.7 0 0 1-.278 2.319c-.357 2.054-.73 4.104-1.094 6.155c-.315 1.766-.616 3.535-.948 5.3a5.085 5.085 0 0 1-4.195 3.898a6 6 0 0 1-.743.045q-4.719.005-9.437 0a5.066 5.066 0 0 1-4.979-4.184A3553 3553 0 0 0 .421 7.91C.295 7.21.156 6.517.057 5.814A3.796 3.796 0 0 1 3.105 1.43a5 5 0 0 1 .971-.089q3.974-.011 7.947-.004M9.887 18.023a1.17 1.17 0 0 0 1.22 1.22h1.748a1.176 1.176 0 0 0 1.283-1.285q.002-2.066-.006-4.133a.385.385 0 0 1 .218-.385a4.415 4.415 0 0 0 2.015-4.936a4.52 4.52 0 0 0-5.49-3.166a4.21 4.21 0 0 0-3.035 2.5a4.685 4.685 0 0 0 1.888 5.635a.29.29 0 0 1 .164.287c-.007 1.48-.005 2.706-.005 4.263"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.023 1.337c2.691 0 5.383-.008 8.075.004a3.84 3.84 0 0 1 2.963 1.308A3.72 3.72 0 0 1 24 4.947a9.7 9.7 0 0 1-.278 2.319c-.357 2.054-.73 4.104-1.094 6.155c-.315 1.766-.616 3.535-.948 5.3a5.085 5.085 0 0 1-4.195 3.898a6 6 0 0 1-.743.045q-4.719.005-9.437 0a5.066 5.066 0 0 1-4.979-4.184A3553 3553 0 0 0 .421 7.91C.295 7.21.156 6.517.057 5.814A3.796 3.796 0 0 1 3.105 1.43a5 5 0 0 1 .971-.089q3.974-.011 7.947-.004M9.887 18.023a1.17 1.17 0 0 0 1.22 1.22h1.748a1.176 1.176 0 0 0 1.283-1.285q.002-2.066-.006-4.133a.385.385 0 0 1 .218-.385a4.415 4.415 0 0 0 2.015-4.936a4.52 4.52 0 0 0-5.49-3.166a4.21 4.21 0 0 0-3.035 2.5a4.685 4.685 0 0 0 1.888 5.635a.29.29 0 0 1 .164.287c-.007 1.48-.005 2.706-.005 4.263"/></svg>
</template>

CSS

.icon-enpass {
  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%22M12.023%201.337c2.691%200%205.383-.008%208.075.004a3.84%203.84%200%200%201%202.963%201.308A3.72%203.72%200%200%201%2024%204.947a9.7%209.7%200%200%201-.278%202.319c-.357%202.054-.73%204.104-1.094%206.155c-.315%201.766-.616%203.535-.948%205.3a5.085%205.085%200%200%201-4.195%203.898a6%206%200%200%201-.743.045q-4.719.005-9.437%200a5.066%205.066%200%200%201-4.979-4.184A3553%203553%200%200%200%20.421%207.91C.295%207.21.156%206.517.057%205.814A3.796%203.796%200%200%201%203.105%201.43a5%205%200%200%201%20.971-.089q3.974-.011%207.947-.004M9.887%2018.023a1.17%201.17%200%200%200%201.22%201.22h1.748a1.176%201.176%200%200%200%201.283-1.285q.002-2.066-.006-4.133a.385.385%200%200%201%20.218-.385a4.415%204.415%200%200%200%202.015-4.936a4.52%204.52%200%200%200-5.49-3.166a4.21%204.21%200%200%200-3.035%202.5a4.685%204.685%200%200%200%201.888%205.635a.29.29%200%200%201%20.164.287c-.007%201.48-.005%202.706-.005%204.263%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%22M12.023%201.337c2.691%200%205.383-.008%208.075.004a3.84%203.84%200%200%201%202.963%201.308A3.72%203.72%200%200%201%2024%204.947a9.7%209.7%200%200%201-.278%202.319c-.357%202.054-.73%204.104-1.094%206.155c-.315%201.766-.616%203.535-.948%205.3a5.085%205.085%200%200%201-4.195%203.898a6%206%200%200%201-.743.045q-4.719.005-9.437%200a5.066%205.066%200%200%201-4.979-4.184A3553%203553%200%200%200%20.421%207.91C.295%207.21.156%206.517.057%205.814A3.796%203.796%200%200%201%203.105%201.43a5%205%200%200%201%20.971-.089q3.974-.011%207.947-.004M9.887%2018.023a1.17%201.17%200%200%200%201.22%201.22h1.748a1.176%201.176%200%200%200%201.283-1.285q.002-2.066-.006-4.133a.385.385%200%200%201%20.218-.385a4.415%204.415%200%200%200%202.015-4.936a4.52%204.52%200%200%200-5.49-3.166a4.21%204.21%200%200%200-3.035%202.5a4.685%204.685%200%200%200%201.888%205.635a.29.29%200%200%201%20.164.287c-.007%201.48-.005%202.706-.005%204.263%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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