arrows to eye icon

arrows-to-eye from Font Awesome Solid by Dave Gandy · Solid · CC-BY-4.0 Attribution required.

Name: arrows-to-eye
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

arrows-alt arrows-alt-h arrows-alt-v arrows-down-to-line arrows-down-to-people arrows-h arrows-left-right arrows-left-right-to-line arrows-rotate arrows-spin arrows-split-up-and-left arrows-to-circle arrows-to-dot arrows-turn-right arrows-turn-to-dots arrows-up-down arrows-up-down-left-right arrows-up-to-line arrows-v

Use the arrows to eye icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M176 120c0-13.3-10.7-24-24-24s-24 10.7-24 24v38.1l-63-63c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.5-.1 33.9l63 63H55.9c-13.3 0-24 10.7-24 24s10.7 24 24 24h96c13.3 0 24-10.7 24-24v-96zm0 400v-96c0-13.3-10.7-24-24-24H56c-13.3 0-24 10.7-24 24s10.7 24 24 24h38.1l-63 63c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l63-63V520c0 13.3 10.7 24 24 24s24-10.7 24-24m312 24c13.3 0 24-10.7 24-24v-38.1l63 63c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-63-63H584c13.3 0 24-10.7 24-24s-10.7-24-24-24h-96c-13.3 0-24 10.7-24 24v96c0 13.3 10.7 24 24 24m-24-424v96c0 13.3 10.7 24 24 24h96c13.3 0 24-10.7 24-24s-10.7-24-24-24h-38.1l63-63c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-63 63V120c0-13.3-10.7-24-24-24s-24 10.7-24 24m-144 64c-57.3 0-99.4 34-125.6 64.3c-20 23.1-32.4 45.8-37.6 56.1c-2.5 5-4.9 9.7-4.9 15.6s2.3 10.6 4.9 15.6c5.2 10.3 17.6 33 37.6 56.1C220.6 422 262.6 456 320 456s99.4-34 125.6-64.3c20-23.1 32.4-45.8 37.6-56.1c2.5-5 4.9-9.7 4.9-15.6s-2.3-10.6-4.9-15.6c-5.2-10.3-17.6-33-37.6-56.1C419.4 218 377.4 184 320 184m-64 136c0-35.3 28.7-64 64-64s64 28.7 64 64s-28.7 64-64 64s-64-28.7-64-64"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidArrowsToEye(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="M176 120c0-13.3-10.7-24-24-24s-24 10.7-24 24v38.1l-63-63c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.5-.1 33.9l63 63H55.9c-13.3 0-24 10.7-24 24s10.7 24 24 24h96c13.3 0 24-10.7 24-24v-96zm0 400v-96c0-13.3-10.7-24-24-24H56c-13.3 0-24 10.7-24 24s10.7 24 24 24h38.1l-63 63c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l63-63V520c0 13.3 10.7 24 24 24s24-10.7 24-24m312 24c13.3 0 24-10.7 24-24v-38.1l63 63c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-63-63H584c13.3 0 24-10.7 24-24s-10.7-24-24-24h-96c-13.3 0-24 10.7-24 24v96c0 13.3 10.7 24 24 24m-24-424v96c0 13.3 10.7 24 24 24h96c13.3 0 24-10.7 24-24s-10.7-24-24-24h-38.1l63-63c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-63 63V120c0-13.3-10.7-24-24-24s-24 10.7-24 24m-144 64c-57.3 0-99.4 34-125.6 64.3c-20 23.1-32.4 45.8-37.6 56.1c-2.5 5-4.9 9.7-4.9 15.6s2.3 10.6 4.9 15.6c5.2 10.3 17.6 33 37.6 56.1C220.6 422 262.6 456 320 456s99.4-34 125.6-64.3c20-23.1 32.4-45.8 37.6-56.1c2.5-5 4.9-9.7 4.9-15.6s-2.3-10.6-4.9-15.6c-5.2-10.3-17.6-33-37.6-56.1C419.4 218 377.4 184 320 184m-64 136c0-35.3 28.7-64 64-64s64 28.7 64 64s-28.7 64-64 64s-64-28.7-64-64"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M176 120c0-13.3-10.7-24-24-24s-24 10.7-24 24v38.1l-63-63c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.5-.1 33.9l63 63H55.9c-13.3 0-24 10.7-24 24s10.7 24 24 24h96c13.3 0 24-10.7 24-24v-96zm0 400v-96c0-13.3-10.7-24-24-24H56c-13.3 0-24 10.7-24 24s10.7 24 24 24h38.1l-63 63c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l63-63V520c0 13.3 10.7 24 24 24s24-10.7 24-24m312 24c13.3 0 24-10.7 24-24v-38.1l63 63c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-63-63H584c13.3 0 24-10.7 24-24s-10.7-24-24-24h-96c-13.3 0-24 10.7-24 24v96c0 13.3 10.7 24 24 24m-24-424v96c0 13.3 10.7 24 24 24h96c13.3 0 24-10.7 24-24s-10.7-24-24-24h-38.1l63-63c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-63 63V120c0-13.3-10.7-24-24-24s-24 10.7-24 24m-144 64c-57.3 0-99.4 34-125.6 64.3c-20 23.1-32.4 45.8-37.6 56.1c-2.5 5-4.9 9.7-4.9 15.6s2.3 10.6 4.9 15.6c5.2 10.3 17.6 33 37.6 56.1C220.6 422 262.6 456 320 456s99.4-34 125.6-64.3c20-23.1 32.4-45.8 37.6-56.1c2.5-5 4.9-9.7 4.9-15.6s-2.3-10.6-4.9-15.6c-5.2-10.3-17.6-33-37.6-56.1C419.4 218 377.4 184 320 184m-64 136c0-35.3 28.7-64 64-64s64 28.7 64 64s-28.7 64-64 64s-64-28.7-64-64"/></svg>
</template>

CSS

.icon-arrows-to-eye {
  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%22M176%20120c0-13.3-10.7-24-24-24s-24%2010.7-24%2024v38.1l-63-63c-9.4-9.4-24.6-9.4-33.9%200s-9.4%2024.5-.1%2033.9l63%2063H55.9c-13.3%200-24%2010.7-24%2024s10.7%2024%2024%2024h96c13.3%200%2024-10.7%2024-24v-96zm0%20400v-96c0-13.3-10.7-24-24-24H56c-13.3%200-24%2010.7-24%2024s10.7%2024%2024%2024h38.1l-63%2063c-9.4%209.4-9.4%2024.6%200%2033.9s24.6%209.4%2033.9%200l63-63V520c0%2013.3%2010.7%2024%2024%2024s24-10.7%2024-24m312%2024c13.3%200%2024-10.7%2024-24v-38.1l63%2063c9.4%209.4%2024.6%209.4%2033.9%200s9.4-24.6%200-33.9l-63-63H584c13.3%200%2024-10.7%2024-24s-10.7-24-24-24h-96c-13.3%200-24%2010.7-24%2024v96c0%2013.3%2010.7%2024%2024%2024m-24-424v96c0%2013.3%2010.7%2024%2024%2024h96c13.3%200%2024-10.7%2024-24s-10.7-24-24-24h-38.1l63-63c9.4-9.4%209.4-24.6%200-33.9s-24.6-9.4-33.9%200l-63%2063V120c0-13.3-10.7-24-24-24s-24%2010.7-24%2024m-144%2064c-57.3%200-99.4%2034-125.6%2064.3c-20%2023.1-32.4%2045.8-37.6%2056.1c-2.5%205-4.9%209.7-4.9%2015.6s2.3%2010.6%204.9%2015.6c5.2%2010.3%2017.6%2033%2037.6%2056.1C220.6%20422%20262.6%20456%20320%20456s99.4-34%20125.6-64.3c20-23.1%2032.4-45.8%2037.6-56.1c2.5-5%204.9-9.7%204.9-15.6s-2.3-10.6-4.9-15.6c-5.2-10.3-17.6-33-37.6-56.1C419.4%20218%20377.4%20184%20320%20184m-64%20136c0-35.3%2028.7-64%2064-64s64%2028.7%2064%2064s-28.7%2064-64%2064s-64-28.7-64-64%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%22M176%20120c0-13.3-10.7-24-24-24s-24%2010.7-24%2024v38.1l-63-63c-9.4-9.4-24.6-9.4-33.9%200s-9.4%2024.5-.1%2033.9l63%2063H55.9c-13.3%200-24%2010.7-24%2024s10.7%2024%2024%2024h96c13.3%200%2024-10.7%2024-24v-96zm0%20400v-96c0-13.3-10.7-24-24-24H56c-13.3%200-24%2010.7-24%2024s10.7%2024%2024%2024h38.1l-63%2063c-9.4%209.4-9.4%2024.6%200%2033.9s24.6%209.4%2033.9%200l63-63V520c0%2013.3%2010.7%2024%2024%2024s24-10.7%2024-24m312%2024c13.3%200%2024-10.7%2024-24v-38.1l63%2063c9.4%209.4%2024.6%209.4%2033.9%200s9.4-24.6%200-33.9l-63-63H584c13.3%200%2024-10.7%2024-24s-10.7-24-24-24h-96c-13.3%200-24%2010.7-24%2024v96c0%2013.3%2010.7%2024%2024%2024m-24-424v96c0%2013.3%2010.7%2024%2024%2024h96c13.3%200%2024-10.7%2024-24s-10.7-24-24-24h-38.1l63-63c9.4-9.4%209.4-24.6%200-33.9s-24.6-9.4-33.9%200l-63%2063V120c0-13.3-10.7-24-24-24s-24%2010.7-24%2024m-144%2064c-57.3%200-99.4%2034-125.6%2064.3c-20%2023.1-32.4%2045.8-37.6%2056.1c-2.5%205-4.9%209.7-4.9%2015.6s2.3%2010.6%204.9%2015.6c5.2%2010.3%2017.6%2033%2037.6%2056.1C220.6%20422%20262.6%20456%20320%20456s99.4-34%20125.6-64.3c20-23.1%2032.4-45.8%2037.6-56.1c2.5-5%204.9-9.7%204.9-15.6s-2.3-10.6-4.9-15.6c-5.2-10.3-17.6-33-37.6-56.1C419.4%20218%20377.4%20184%20320%20184m-64%20136c0-35.3%2028.7-64%2064-64s64%2028.7%2064%2064s-28.7%2064-64%2064s-64-28.7-64-64%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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