Info Icon
Free SVG icon from the Skware collection. Download or copy for use in any project.
The Info icon is commonly used in tooltips, help sections and onboarding flows. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/312499.svg" alt="Info icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/312499.svg" alt="Info icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/312499.svg" alt="Info icon" :width="24" :height="24" />
CSS background
.icon-info {
background-image: url('https://proicons.com/icon/312499.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> <rect x="11" y="6" width="2" height="2"/> <rect x="11" y="10" width="2" height="8"/> <path d="M21,5V4h-1V3h-1V2H5v1H4v1H3v1H2v14h1v1h1v1h1v1h14v-1h1v-1h1v-1h1V5H21z M20,17h-1v1h-1v1h-1v1H7v-1H6v-1H5v-1H4V7h1V6h1 V5h1V4h10v1h1v1h1v1h1V17z"/> </g> </svg>
Info in other icon packs
Copied!