Color

Advanced editing in SVG Editor

Skware

Hide Icon

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

Download SVG

Collection: Skware
Format: SVG, PNG
License: CC BY 4.0 - Free for commercial use
Tags: hide

The Hide 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/312495.svg" alt="Hide icon" width="24" height="24">

React JSX

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

Vue template

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

CSS background

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

SVG markup

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 25.4.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 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
<g>
	<polygon points="9,19 9,17 7,17 7,16 6,16 6,15 5,15 5,13 3,13 3,11 5,11 5,9 1,9 1,15 3,15 3,17 4,17 4,18 5,18 5,19 7,19 7,21 
		15,21 15,19 	"/>
	<polygon points="21,9 21,7 20,7 20,6 19,6 19,5 17,5 17,3 9,3 9,5 15,5 15,7 17,7 17,8 18,8 18,9 19,9 19,11 21,11 21,13 19,13 
		19,15 23,15 23,9 	"/>
	<polygon points="21,20 21,18 19,18 19,16 17,16 17,14 15,14 15,12 13,12 13,10 11,10 11,8 9,8 9,6 7,6 7,4 5,4 5,2 3,2 3,1 1,1 
		1,4 3,4 3,6 5,6 5,8 7,8 7,10 9,10 9,12 11,12 11,14 13,14 13,16 15,16 15,18 17,18 17,20 19,20 19,22 21,22 21,23 23,23 23,20 	
		"/>
</g>
</svg>

Hide in other icon packs

Element Plus Icons

coolicons

Streamline Vectors Outline

Copied!

Hide Icon

More from Skware

Hide in other icon packs