users viewfinder icon

users-viewfinder from Font Awesome Solid by Dave Gandy · Solid · CC-BY-4.0 Attribution required.

Name: users-viewfinder
Set: Font Awesome Solid
Style: Solid
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

Related icons in Font Awesome Solid

users-between-lines users-cog users-gear users-line users-rays users-rectangle users-slash

Use the users viewfinder icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M96 64c-35.3 0-64 28.7-64 64v72c0 13.3 10.7 24 24 24s24-10.7 24-24v-72c0-8.8 7.2-16 16-16h72c13.3 0 24-10.7 24-24s-10.7-24-24-24zm376 0c-13.3 0-24 10.7-24 24s10.7 24 24 24h72c8.8 0 16 7.2 16 16v72c0 13.3 10.7 24 24 24s24-10.7 24-24v-72c0-35.3-28.7-64-64-64zM80 440c0-13.3-10.7-24-24-24s-24 10.7-24 24v72c0 35.3 28.7 64 64 64h72c13.3 0 24-10.7 24-24s-10.7-24-24-24H96c-8.8 0-16-7.2-16-16zm528 0c0-13.3-10.7-24-24-24s-24 10.7-24 24v72c0 8.8-7.2 16-16 16h-72c-13.3 0-24 10.7-24 24s10.7 24 24 24h72c35.3 0 64-28.7 64-64zM320 280c30.9 0 56-25.1 56-56s-25.1-56-56-56s-56 25.1-56 56s25.1 56 56 56m0 40c-53 0-96 43-96 96v24c0 13.3 10.7 24 24 24h144c13.3 0 24-10.7 24-24v-24c0-53-43-96-96-96m192-64c0-26.5-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48s48-21.5 48-48m-312 80.3c-49.3 4.1-88 45.3-88 95.7v10.7c0 11.8 9.6 21.3 21.3 21.3h46.8c-2.7-7.5-4.1-15.6-4.1-24v-24c0-29.5 8.8-56.9 24-79.7M459.9 464h46.8c11.8 0 21.3-9.6 21.3-21.3V432c0-50.3-38.7-91.6-88-95.7c15.2 22.8 24 50.2 24 79.7v24c0 8.4-1.4 16.5-4.1 24M224 256c0-26.5-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48s48-21.5 48-48"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidUsersViewfinder(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M96 64c-35.3 0-64 28.7-64 64v72c0 13.3 10.7 24 24 24s24-10.7 24-24v-72c0-8.8 7.2-16 16-16h72c13.3 0 24-10.7 24-24s-10.7-24-24-24zm376 0c-13.3 0-24 10.7-24 24s10.7 24 24 24h72c8.8 0 16 7.2 16 16v72c0 13.3 10.7 24 24 24s24-10.7 24-24v-72c0-35.3-28.7-64-64-64zM80 440c0-13.3-10.7-24-24-24s-24 10.7-24 24v72c0 35.3 28.7 64 64 64h72c13.3 0 24-10.7 24-24s-10.7-24-24-24H96c-8.8 0-16-7.2-16-16zm528 0c0-13.3-10.7-24-24-24s-24 10.7-24 24v72c0 8.8-7.2 16-16 16h-72c-13.3 0-24 10.7-24 24s10.7 24 24 24h72c35.3 0 64-28.7 64-64zM320 280c30.9 0 56-25.1 56-56s-25.1-56-56-56s-56 25.1-56 56s25.1 56 56 56m0 40c-53 0-96 43-96 96v24c0 13.3 10.7 24 24 24h144c13.3 0 24-10.7 24-24v-24c0-53-43-96-96-96m192-64c0-26.5-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48s48-21.5 48-48m-312 80.3c-49.3 4.1-88 45.3-88 95.7v10.7c0 11.8 9.6 21.3 21.3 21.3h46.8c-2.7-7.5-4.1-15.6-4.1-24v-24c0-29.5 8.8-56.9 24-79.7M459.9 464h46.8c11.8 0 21.3-9.6 21.3-21.3V432c0-50.3-38.7-91.6-88-95.7c15.2 22.8 24 50.2 24 79.7v24c0 8.4-1.4 16.5-4.1 24M224 256c0-26.5-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48s48-21.5 48-48"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M96 64c-35.3 0-64 28.7-64 64v72c0 13.3 10.7 24 24 24s24-10.7 24-24v-72c0-8.8 7.2-16 16-16h72c13.3 0 24-10.7 24-24s-10.7-24-24-24zm376 0c-13.3 0-24 10.7-24 24s10.7 24 24 24h72c8.8 0 16 7.2 16 16v72c0 13.3 10.7 24 24 24s24-10.7 24-24v-72c0-35.3-28.7-64-64-64zM80 440c0-13.3-10.7-24-24-24s-24 10.7-24 24v72c0 35.3 28.7 64 64 64h72c13.3 0 24-10.7 24-24s-10.7-24-24-24H96c-8.8 0-16-7.2-16-16zm528 0c0-13.3-10.7-24-24-24s-24 10.7-24 24v72c0 8.8-7.2 16-16 16h-72c-13.3 0-24 10.7-24 24s10.7 24 24 24h72c35.3 0 64-28.7 64-64zM320 280c30.9 0 56-25.1 56-56s-25.1-56-56-56s-56 25.1-56 56s25.1 56 56 56m0 40c-53 0-96 43-96 96v24c0 13.3 10.7 24 24 24h144c13.3 0 24-10.7 24-24v-24c0-53-43-96-96-96m192-64c0-26.5-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48s48-21.5 48-48m-312 80.3c-49.3 4.1-88 45.3-88 95.7v10.7c0 11.8 9.6 21.3 21.3 21.3h46.8c-2.7-7.5-4.1-15.6-4.1-24v-24c0-29.5 8.8-56.9 24-79.7M459.9 464h46.8c11.8 0 21.3-9.6 21.3-21.3V432c0-50.3-38.7-91.6-88-95.7c15.2 22.8 24 50.2 24 79.7v24c0 8.4-1.4 16.5-4.1 24M224 256c0-26.5-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48s48-21.5 48-48"/></svg>
</template>

CSS

.icon-users-viewfinder {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M96%2064c-35.3%200-64%2028.7-64%2064v72c0%2013.3%2010.7%2024%2024%2024s24-10.7%2024-24v-72c0-8.8%207.2-16%2016-16h72c13.3%200%2024-10.7%2024-24s-10.7-24-24-24zm376%200c-13.3%200-24%2010.7-24%2024s10.7%2024%2024%2024h72c8.8%200%2016%207.2%2016%2016v72c0%2013.3%2010.7%2024%2024%2024s24-10.7%2024-24v-72c0-35.3-28.7-64-64-64zM80%20440c0-13.3-10.7-24-24-24s-24%2010.7-24%2024v72c0%2035.3%2028.7%2064%2064%2064h72c13.3%200%2024-10.7%2024-24s-10.7-24-24-24H96c-8.8%200-16-7.2-16-16zm528%200c0-13.3-10.7-24-24-24s-24%2010.7-24%2024v72c0%208.8-7.2%2016-16%2016h-72c-13.3%200-24%2010.7-24%2024s10.7%2024%2024%2024h72c35.3%200%2064-28.7%2064-64zM320%20280c30.9%200%2056-25.1%2056-56s-25.1-56-56-56s-56%2025.1-56%2056s25.1%2056%2056%2056m0%2040c-53%200-96%2043-96%2096v24c0%2013.3%2010.7%2024%2024%2024h144c13.3%200%2024-10.7%2024-24v-24c0-53-43-96-96-96m192-64c0-26.5-21.5-48-48-48s-48%2021.5-48%2048s21.5%2048%2048%2048s48-21.5%2048-48m-312%2080.3c-49.3%204.1-88%2045.3-88%2095.7v10.7c0%2011.8%209.6%2021.3%2021.3%2021.3h46.8c-2.7-7.5-4.1-15.6-4.1-24v-24c0-29.5%208.8-56.9%2024-79.7M459.9%20464h46.8c11.8%200%2021.3-9.6%2021.3-21.3V432c0-50.3-38.7-91.6-88-95.7c15.2%2022.8%2024%2050.2%2024%2079.7v24c0%208.4-1.4%2016.5-4.1%2024M224%20256c0-26.5-21.5-48-48-48s-48%2021.5-48%2048s21.5%2048%2048%2048s48-21.5%2048-48%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M96%2064c-35.3%200-64%2028.7-64%2064v72c0%2013.3%2010.7%2024%2024%2024s24-10.7%2024-24v-72c0-8.8%207.2-16%2016-16h72c13.3%200%2024-10.7%2024-24s-10.7-24-24-24zm376%200c-13.3%200-24%2010.7-24%2024s10.7%2024%2024%2024h72c8.8%200%2016%207.2%2016%2016v72c0%2013.3%2010.7%2024%2024%2024s24-10.7%2024-24v-72c0-35.3-28.7-64-64-64zM80%20440c0-13.3-10.7-24-24-24s-24%2010.7-24%2024v72c0%2035.3%2028.7%2064%2064%2064h72c13.3%200%2024-10.7%2024-24s-10.7-24-24-24H96c-8.8%200-16-7.2-16-16zm528%200c0-13.3-10.7-24-24-24s-24%2010.7-24%2024v72c0%208.8-7.2%2016-16%2016h-72c-13.3%200-24%2010.7-24%2024s10.7%2024%2024%2024h72c35.3%200%2064-28.7%2064-64zM320%20280c30.9%200%2056-25.1%2056-56s-25.1-56-56-56s-56%2025.1-56%2056s25.1%2056%2056%2056m0%2040c-53%200-96%2043-96%2096v24c0%2013.3%2010.7%2024%2024%2024h144c13.3%200%2024-10.7%2024-24v-24c0-53-43-96-96-96m192-64c0-26.5-21.5-48-48-48s-48%2021.5-48%2048s21.5%2048%2048%2048s48-21.5%2048-48m-312%2080.3c-49.3%204.1-88%2045.3-88%2095.7v10.7c0%2011.8%209.6%2021.3%2021.3%2021.3h46.8c-2.7-7.5-4.1-15.6-4.1-24v-24c0-29.5%208.8-56.9%2024-79.7M459.9%20464h46.8c11.8%200%2021.3-9.6%2021.3-21.3V432c0-50.3-38.7-91.6-88-95.7c15.2%2022.8%2024%2050.2%2024%2079.7v24c0%208.4-1.4%2016.5-4.1%2024M224%20256c0-26.5-21.5-48-48-48s-48%2021.5-48%2048s21.5%2048%2048%2048s48-21.5%2048-48%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/users-viewfinder.svg?color=%231a73e8&size=48