Security Visibility Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Security 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/320678.svg" alt="Security Visibility icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/320678.svg" alt="Security Visibility icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/320678.svg" alt="Security Visibility icon" :width="24" :height="24" />
CSS background
.icon-security-visibility {
background-image: url('https://proicons.com/icon/320678.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 27.5.0, 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="security--visibility_00000103976262825702648140000013609061365819372459_" d="M16,31.36C8.082,31.36,1.64,24.918,1.64,17 V1c0-0.199,0.161-0.36,0.36-0.36h28c0.199,0,0.36,0.161,0.36,0.36v16C30.36,24.918,23.918,31.36,16,31.36z M2.36,1.36V17 c0,7.521,6.119,13.64,13.64,13.64S29.64,24.522,29.64,17V1.36H2.36z M16,22.36c-3.507,0-6.36-2.854-6.36-6.36S12.493,9.64,16,9.64 c3.023,0,5.594,2.093,6.219,5.018c0.646,0.104,1.142,0.667,1.142,1.342c0,0.75-0.61,1.36-1.36,1.36s-1.36-0.61-1.36-1.36 c0-0.573,0.356-1.064,0.858-1.264C20.917,12.181,18.656,10.36,16,10.36c-3.11,0-5.64,2.53-5.64,5.64s2.53,5.64,5.64,5.64 c1.507,0,2.923-0.587,3.987-1.652l0.51,0.51C19.296,21.698,17.699,22.36,16,22.36z M22,15.36c-0.353,0-0.64,0.287-0.64,0.64 s0.287,0.64,0.64,0.64s0.64-0.287,0.64-0.64S22.353,15.36,22,15.36z M16,17.36c-0.75,0-1.36-0.61-1.36-1.36s0.61-1.36,1.36-1.36 s1.36,0.61,1.36,1.36S16.75,17.36,16,17.36z M16,15.36c-0.353,0-0.64,0.287-0.64,0.64s0.287,0.64,0.64,0.64s0.64-0.287,0.64-0.64 S16.353,15.36,16,15.36z"/> <rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/> </svg>
Copied!