info icon
info from Octicons by GitHub · Regular · MIT Free for personal and commercial use.
- Name
- info
- Set
- Octicons
- Style
- Regular
- Viewbox
- 14×16
- License
- MIT
2 other variants in Octicons
The same icon in other sets
infoAkar Iconsinfo-outlinedAnt Design IconsinfoBootstrap IconsinfoCodiconsinfo-fillEva IconsinfoFramework7 IconsinfoFont Awesome 6 SolidinfoFont Awesome SolidinfoFeather Iconsinfo-12-filledFluent UI System Iconsinfocss.gginfoHealth IconsinfoHuge IconsinfoHumbleiconsinfoIconParkinfoIconPark OutlineinfoIconPark SolidinfoIconPark TwoToneinfoJam IconsinfoLine AwesomeinfoLucideinfoMaterial SymbolsinfoMaterial Symbols LightinfoMyna UI Icons
Use the info icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7c.19-.18.42-.28.7-.28c.28 0 .52.09.7.28c.18.19.28.42.28.7c0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69c-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31c-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69c.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31c.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68c0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7s-7-3.12-7-7s3.14-7 7-7z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function OcticonInfo(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 14 16"><path fillRule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7c.19-.18.42-.28.7-.28c.28 0 .52.09.7.28c.18.19.28.42.28.7c0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69c-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31c-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69c.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31c.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68c0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7s-7-3.12-7-7s3.14-7 7-7z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7c.19-.18.42-.28.7-.28c.28 0 .52.09.7.28c.18.19.28.42.28.7c0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69c-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31c-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69c.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31c.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68c0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7s-7-3.12-7-7s3.14-7 7-7z" fill="currentColor"/></svg> </template>
CSS
.icon-info {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2014%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M6.3%205.69a.942.942%200%200%201-.28-.7c0-.28.09-.52.28-.7c.19-.18.42-.28.7-.28c.28%200%20.52.09.7.28c.18.19.28.42.28.7c0%20.28-.09.52-.28.7a1%201%200%200%201-.7.3c-.28%200-.52-.11-.7-.3zM8%207.99c-.02-.25-.11-.48-.31-.69c-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31c-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69c.2.2.42.31.69.31h1c.27%200%20.48-.11.69-.31c.2-.19.3-.42.31-.69H8V7.98v.01zM7%202.3c-3.14%200-5.7%202.54-5.7%205.68c0%203.14%202.56%205.7%205.7%205.7s5.7-2.55%205.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7%20.98c3.86%200%207%203.14%207%207s-3.14%207-7%207s-7-3.12-7-7s3.14-7%207-7z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2014%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M6.3%205.69a.942.942%200%200%201-.28-.7c0-.28.09-.52.28-.7c.19-.18.42-.28.7-.28c.28%200%20.52.09.7.28c.18.19.28.42.28.7c0%20.28-.09.52-.28.7a1%201%200%200%201-.7.3c-.28%200-.52-.11-.7-.3zM8%207.99c-.02-.25-.11-.48-.31-.69c-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31c-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69c.2.2.42.31.69.31h1c.27%200%20.48-.11.69-.31c.2-.19.3-.42.31-.69H8V7.98v.01zM7%202.3c-3.14%200-5.7%202.54-5.7%205.68c0%203.14%202.56%205.7%205.7%205.7s5.7-2.55%205.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7%20.98c3.86%200%207%203.14%207%207s-3.14%207-7%207s-7-3.12-7-7s3.14-7%207-7z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/octicon/info.svg?color=%231a73e8&size=48
