Visibility Icon

Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.

Download SVG

Collection: Carbon Icons
Format: SVG, React, Angular, Vue, Web Component, PNG
License: Apache-2.0 - Free for commercial use
Tags: visibility

The Visibility icon is available as a free SVG and is ready to drop into any web or app project.

img tag

<img src="https://proicons.com/icon/320952.svg" alt="Visibility icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/320952.svg" alt="Visibility icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/320952.svg"
  alt="Visibility icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-visibility {
  background-image: url('https://proicons.com/icon/320952.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 26.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
<path id="visibility_00000084530970170608819470000017008815997545327760_" d="M16,25.36c-0.658,0-1.208-0.47-1.333-1.091
	c-7.495-0.782-13.675-7.732-13.938-8.032c-0.119-0.136-0.119-0.339,0-0.475c0.263-0.3,6.443-7.25,13.938-8.033
	C14.792,7.109,15.342,6.64,16,6.64c0.658,0,1.207,0.469,1.333,1.09c7.494,0.782,13.675,7.733,13.938,8.033
	c0.119,0.136,0.119,0.339,0,0.475c-0.263,0.3-6.443,7.25-13.938,8.032C17.207,24.891,16.658,25.36,16,25.36z M16,23.36
	c-0.353,0-0.64,0.287-0.64,0.64s0.287,0.64,0.64,0.64s0.64-0.287,0.64-0.64S16.353,23.36,16,23.36z M16.36,22.688
	c0.425,0.116,0.768,0.436,0.917,0.846c3.65-0.614,6.363-3.797,6.363-7.534c0-3.738-2.713-6.92-6.362-7.534
	c-0.149,0.41-0.492,0.729-0.917,0.845v3.348c1.684,0.18,3,1.61,3,3.341s-1.316,3.161-3,3.341L16.36,22.688L16.36,22.688z
	 M14.722,8.466C11.073,9.08,8.36,12.262,8.36,16c0,3.737,2.713,6.92,6.362,7.534c0.15-0.41,0.493-0.729,0.918-0.846V19.34
	c-1.684-0.18-3-1.609-3-3.341c0-1.731,1.316-3.161,3-3.341V9.312C15.215,9.195,14.873,8.876,14.722,8.466z M21.189,9.446
	C23.13,10.988,24.36,13.368,24.36,16s-1.229,5.013-3.171,6.554c4.696-1.856,8.403-5.579,9.321-6.554
	C29.593,15.025,25.886,11.303,21.189,9.446z M1.489,16c0.918,0.975,4.625,4.697,9.321,6.554C8.87,21.013,7.64,18.632,7.64,16
	s1.229-5.013,3.17-6.554C6.115,11.303,2.407,15.025,1.489,16z M16,13.36c-1.456,0-2.64,1.185-2.64,2.64
	c0,1.456,1.185,2.64,2.64,2.64c1.456,0,2.64-1.184,2.64-2.64S17.456,13.36,16,13.36z M16,7.36c-0.353,0-0.64,0.287-0.64,0.64
	S15.647,8.64,16,8.64c0.353,0,0.64-0.287,0.64-0.64S16.353,7.36,16,7.36z M30.745,10.254C30.677,10.186,23.754,3.36,16,3.36
	c-7.761,0-14.676,6.826-14.746,6.895L0.746,9.746C1.036,9.455,7.943,2.64,16,2.64s14.965,6.815,15.255,7.105L30.745,10.254z"/>
<rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/>
</svg>

Visibility in other icon packs

EOS Icons Outline

EOS Icons

Copied!

Visibility Icon

More from Carbon Icons

Visibility in other icon packs