Download
Download the SVG to use or edit.
Download SVG SVG sprite
Use this code for svg icons.
<svg><use xlink:href="#eye-outline"/></svg>
Icon font
Using the web font with a span element.
<span class="icon icon-eye-outline"/></span>
Embedded
Paste the SVG right into your project's code.
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentcolor" class="icon-eye-outline" viewBox="0 0 24 24">
<path d="M12.5 5.125C9.92188 5.125 7.85156 6.29688 6.25 7.78125C4.72656 9.1875 3.71094 10.8281 3.16406 12C3.71094 13.1719 4.72656 14.8516 6.25 16.2578C7.85156 17.7422 9.92188 18.875 12.5 18.875C15.0391 18.875 17.1094 17.7422 18.7109 16.2578C20.2344 14.8516 21.2891 13.1719 21.7969 12C21.2891 10.8281 20.2344 9.1875 18.75 7.78125C17.1094 6.29688 15.0391 5.125 12.5 5.125ZM4.96094 6.41406C6.79688 4.69531 9.33594 3.25 12.5 3.25C15.625 3.25 18.1641 4.69531 20 6.41406C21.8359 8.13281 23.0469 10.125 23.6328 11.5312C23.75 11.8438 23.75 12.1953 23.6328 12.5078C23.0469 13.875 21.8359 15.9062 20 17.625C18.1641 19.3438 15.625 20.75 12.5 20.75C9.33594 20.75 6.79688 19.3438 4.96094 17.625C3.125 15.9062 1.91406 13.875 1.32812 12.5078C1.21094 12.1953 1.21094 11.8438 1.32812 11.5312C1.91406 10.125 3.125 8.09375 4.96094 6.41406ZM12.5 15.125C14.2188 15.125 15.625 13.7578 15.625 12C15.625 10.2812 14.2188 8.875 12.5 8.875C12.4609 8.875 12.4219 8.875 12.4219 8.875C12.4609 9.10938 12.5 9.30469 12.5 9.5C12.5 10.9062 11.3672 12 10 12C9.76562 12 9.57031 12 9.375 11.9219C9.375 11.9609 9.375 12 9.375 12C9.375 13.7578 10.7422 15.125 12.5 15.125ZM12.5 7C14.2578 7 15.8984 7.97656 16.7969 9.5C17.6953 11.0625 17.6953 12.9766 16.7969 14.5C15.8984 16.0625 14.2578 17 12.5 17C10.7031 17 9.0625 16.0625 8.16406 14.5C7.26562 12.9766 7.26562 11.0625 8.16406 9.5C9.0625 7.97656 10.7031 7 12.5 7Z"/>
</svg>
Code point
Paste the code point into your project.
- Unicode:
U+F197- CSS:
\F197- JS:
\uF197- HTML:
