2fas logo

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

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

Use the 2fas logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0c-.918 0-1.833.12-2.72.355L4.07 1.748a2.64 2.64 0 0 0-1.96 2.547v9.115a7.91 7.91 0 0 0 3.552 6.606l5.697 3.765a1.32 1.32 0 0 0 1.467-.008l5.572-3.752a7.93 7.93 0 0 0 3.493-6.57V4.295a2.64 2.64 0 0 0-1.961-2.547L14.72.355A10.6 10.6 0 0 0 12 0M7.383 5.4h9.228c.726 0 1.32.594 1.32 1.32c0 .734-.587 1.32-1.32 1.32H7.383c-.727 0-1.32-.593-1.32-1.32c0-.726.593-1.32 1.32-1.32M7.38 9.357h3.299c.727 0 1.32.595 1.32 1.32a1.32 1.32 0 0 1-1.318 1.32H7.38c-.726 0-1.32-.592-1.32-1.32c0-.725.594-1.32 1.32-1.32m0 3.96c.727 0 1.32.593 1.32 1.32s-.586 1.318-1.32 1.318c-.726 0-1.32-.592-1.32-1.318s.594-1.32 1.32-1.32"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIcons2fas(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 0c-.918 0-1.833.12-2.72.355L4.07 1.748a2.64 2.64 0 0 0-1.96 2.547v9.115a7.91 7.91 0 0 0 3.552 6.606l5.697 3.765a1.32 1.32 0 0 0 1.467-.008l5.572-3.752a7.93 7.93 0 0 0 3.493-6.57V4.295a2.64 2.64 0 0 0-1.961-2.547L14.72.355A10.6 10.6 0 0 0 12 0M7.383 5.4h9.228c.726 0 1.32.594 1.32 1.32c0 .734-.587 1.32-1.32 1.32H7.383c-.727 0-1.32-.593-1.32-1.32c0-.726.593-1.32 1.32-1.32M7.38 9.357h3.299c.727 0 1.32.595 1.32 1.32a1.32 1.32 0 0 1-1.318 1.32H7.38c-.726 0-1.32-.592-1.32-1.32c0-.725.594-1.32 1.32-1.32m0 3.96c.727 0 1.32.593 1.32 1.32s-.586 1.318-1.32 1.318c-.726 0-1.32-.592-1.32-1.318s.594-1.32 1.32-1.32"/></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 0c-.918 0-1.833.12-2.72.355L4.07 1.748a2.64 2.64 0 0 0-1.96 2.547v9.115a7.91 7.91 0 0 0 3.552 6.606l5.697 3.765a1.32 1.32 0 0 0 1.467-.008l5.572-3.752a7.93 7.93 0 0 0 3.493-6.57V4.295a2.64 2.64 0 0 0-1.961-2.547L14.72.355A10.6 10.6 0 0 0 12 0M7.383 5.4h9.228c.726 0 1.32.594 1.32 1.32c0 .734-.587 1.32-1.32 1.32H7.383c-.727 0-1.32-.593-1.32-1.32c0-.726.593-1.32 1.32-1.32M7.38 9.357h3.299c.727 0 1.32.595 1.32 1.32a1.32 1.32 0 0 1-1.318 1.32H7.38c-.726 0-1.32-.592-1.32-1.32c0-.725.594-1.32 1.32-1.32m0 3.96c.727 0 1.32.593 1.32 1.32s-.586 1.318-1.32 1.318c-.726 0-1.32-.592-1.32-1.318s.594-1.32 1.32-1.32"/></svg>
</template>

CSS

.icon-2fas {
  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%200c-.918%200-1.833.12-2.72.355L4.07%201.748a2.64%202.64%200%200%200-1.96%202.547v9.115a7.91%207.91%200%200%200%203.552%206.606l5.697%203.765a1.32%201.32%200%200%200%201.467-.008l5.572-3.752a7.93%207.93%200%200%200%203.493-6.57V4.295a2.64%202.64%200%200%200-1.961-2.547L14.72.355A10.6%2010.6%200%200%200%2012%200M7.383%205.4h9.228c.726%200%201.32.594%201.32%201.32c0%20.734-.587%201.32-1.32%201.32H7.383c-.727%200-1.32-.593-1.32-1.32c0-.726.593-1.32%201.32-1.32M7.38%209.357h3.299c.727%200%201.32.595%201.32%201.32a1.32%201.32%200%200%201-1.318%201.32H7.38c-.726%200-1.32-.592-1.32-1.32c0-.725.594-1.32%201.32-1.32m0%203.96c.727%200%201.32.593%201.32%201.32s-.586%201.318-1.32%201.318c-.726%200-1.32-.592-1.32-1.318s.594-1.32%201.32-1.32%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%200c-.918%200-1.833.12-2.72.355L4.07%201.748a2.64%202.64%200%200%200-1.96%202.547v9.115a7.91%207.91%200%200%200%203.552%206.606l5.697%203.765a1.32%201.32%200%200%200%201.467-.008l5.572-3.752a7.93%207.93%200%200%200%203.493-6.57V4.295a2.64%202.64%200%200%200-1.961-2.547L14.72.355A10.6%2010.6%200%200%200%2012%200M7.383%205.4h9.228c.726%200%201.32.594%201.32%201.32c0%20.734-.587%201.32-1.32%201.32H7.383c-.727%200-1.32-.593-1.32-1.32c0-.726.593-1.32%201.32-1.32M7.38%209.357h3.299c.727%200%201.32.595%201.32%201.32a1.32%201.32%200%200%201-1.318%201.32H7.38c-.726%200-1.32-.592-1.32-1.32c0-.725.594-1.32%201.32-1.32m0%203.96c.727%200%201.32.593%201.32%201.32s-.586%201.318-1.32%201.318c-.726%200-1.32-.592-1.32-1.318s.594-1.32%201.32-1.32%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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