{
 "name": "info-mark",
 "title": "Info mark",
 "component": "InfoMarkIcon",
 "url": "https://gentleface.com/icons/info-mark",
 "category": "notifications",
 "motif": "status",
 "added": "2026-11-07",
 "since": "0.5.0",
 "history": [
  {
   "date": "2026-11-07",
   "what": [
    "20 px drawn",
    "24 px drawn",
    "added",
    "released in 0.5.0"
   ]
  }
 ],
 "geometry_hash": "9343e7bf3676",
 "use_for": [
  "info",
  "details",
  "about"
 ],
 "also_fits": [
  {
   "concept": "info",
   "owner": "info",
   "why": "the bare i without the circle; use inline or inside another control"
  }
 ],
 "variant_of": "info",
 "family": [
  "info",
  "alert-circle",
  "alert-octagon",
  "alert-triangle",
  "check-circle",
  "check-circle-dashed",
  "check-circle-off",
  "help-circle",
  "help-mark",
  "x-circle"
 ],
 "tags": [
  "info",
  "information",
  "i",
  "details",
  "about",
  "help",
  "tooltip",
  "hint",
  "inline"
 ],
 "size": 16,
 "styles": [
  "line-round",
  "line-soft",
  "line-sharp",
  "solid-round",
  "solid-soft",
  "solid-sharp"
 ],
 "default_style": "line-round",
 "svg": {
  "line-round": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M6.97 1.97C7.116 1.823 7.293 1.75 7.5 1.75C7.707 1.75 7.884 1.823 8.03 1.97C8.177 2.116 8.25 2.293 8.25 2.5C8.25 2.707 8.177 2.884 8.03 3.03C7.884 3.177 7.707 3.25 7.5 3.25C7.293 3.25 7.116 3.177 6.97 3.03C6.823 2.884 6.75 2.707 6.75 2.5C6.75 2.293 6.823 2.116 6.97 1.97ZM7.856 12.856C7.759 12.952 7.641 13 7.5 13C7.359 13 7.241 12.952 7.144 12.856C7.048 12.759 7 12.641 7 12.5L7 5.5C7 5.359 7.048 5.241 7.144 5.144C7.241 5.048 7.359 5 7.5 5C7.641 5 7.759 5.048 7.856 5.144C7.952 5.241 8 5.359 8 5.5L8 12.5C8 12.641 7.952 12.759 7.856 12.856Z\"/></svg>",
  "line-soft": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M6.97 1.97C7.116 1.823 7.293 1.75 7.5 1.75C7.707 1.75 7.884 1.823 8.03 1.97C8.177 2.116 8.25 2.293 8.25 2.5C8.25 2.707 8.177 2.884 8.03 3.03C7.884 3.177 7.707 3.25 7.5 3.25C7.293 3.25 7.116 3.177 6.97 3.03C6.823 2.884 6.75 2.707 6.75 2.5C6.75 2.293 6.823 2.116 6.97 1.97ZM7.856 12.856C7.759 12.952 7.641 13 7.5 13C7.359 13 7.241 12.952 7.144 12.856C7.048 12.759 7 12.641 7 12.5L7 5.5C7 5.359 7.048 5.241 7.144 5.144C7.241 5.048 7.359 5 7.5 5C7.641 5 7.759 5.048 7.856 5.144C7.952 5.241 8 5.359 8 5.5L8 12.5C8 12.641 7.952 12.759 7.856 12.856Z\"/></svg>",
  "line-sharp": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M6.75 2.5C6.75 2.086 7.086 1.75 7.5 1.75C7.914 1.75 8.25 2.086 8.25 2.5C8.25 2.914 7.914 3.25 7.5 3.25C7.086 3.25 6.75 2.914 6.75 2.5ZM8 5L8 13L7 13L7 5L8 5Z\"/></svg>",
  "solid-round": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M7.5 1.75C7.707 1.75 7.884 1.823 8.03 1.97C8.177 2.116 8.25 2.293 8.25 2.5C8.25 2.707 8.177 2.884 8.03 3.03C7.884 3.177 7.707 3.25 7.5 3.25C7.293 3.25 7.116 3.177 6.97 3.03C6.823 2.884 6.75 2.707 6.75 2.5C6.75 2.293 6.823 2.116 6.97 1.97C7.116 1.823 7.293 1.75 7.5 1.75ZM7 5.5C7 5.359 7.048 5.241 7.144 5.144C7.241 5.048 7.359 5 7.5 5C7.641 5 7.759 5.048 7.856 5.144C7.952 5.241 8 5.359 8 5.5L8 12.5C8 12.641 7.952 12.759 7.856 12.856C7.759 12.952 7.641 13 7.5 13C7.359 13 7.241 12.952 7.144 12.856C7.048 12.759 7 12.641 7 12.5L7 5.5Z\"/></svg>",
  "solid-soft": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M7.5 1.75C7.707 1.75 7.884 1.823 8.03 1.97C8.177 2.116 8.25 2.293 8.25 2.5C8.25 2.707 8.177 2.884 8.03 3.03C7.884 3.177 7.707 3.25 7.5 3.25C7.293 3.25 7.116 3.177 6.97 3.03C6.823 2.884 6.75 2.707 6.75 2.5C6.75 2.293 6.823 2.116 6.97 1.97C7.116 1.823 7.293 1.75 7.5 1.75ZM7 5.5C7 5.359 7.048 5.241 7.144 5.144C7.241 5.048 7.359 5 7.5 5C7.641 5 7.759 5.048 7.856 5.144C7.952 5.241 8 5.359 8 5.5L8 12.5C8 12.641 7.952 12.759 7.856 12.856C7.759 12.952 7.641 13 7.5 13C7.359 13 7.241 12.952 7.144 12.856C7.048 12.759 7 12.641 7 12.5L7 5.5Z\"/></svg>",
  "solid-sharp": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M8.25 2.5C8.25 2.914 7.914 3.25 7.5 3.25C7.086 3.25 6.75 2.914 6.75 2.5C6.75 2.086 7.086 1.75 7.5 1.75C7.914 1.75 8.25 2.086 8.25 2.5ZM7 5L8 5L8 13L7 13L7 5Z\"/></svg>"
 },
 "svg_url": {
  "line-round": "https://gentleface.com/svg/line-round/16/info-mark.svg",
  "line-soft": "https://gentleface.com/svg/line-soft/16/info-mark.svg",
  "line-sharp": "https://gentleface.com/svg/line-sharp/16/info-mark.svg",
  "solid-round": "https://gentleface.com/svg/solid-round/16/info-mark.svg",
  "solid-soft": "https://gentleface.com/svg/solid-soft/16/info-mark.svg",
  "solid-sharp": "https://gentleface.com/svg/solid-sharp/16/info-mark.svg"
 },
 "png_url": {
  "line-round": {
   "16": "https://gentleface.com/png/line-round/16/info-mark.png",
   "32": "https://gentleface.com/png/line-round/32/info-mark.png",
   "48": "https://gentleface.com/png/line-round/48/info-mark.png"
  },
  "line-soft": {
   "16": "https://gentleface.com/png/line-soft/16/info-mark.png",
   "32": "https://gentleface.com/png/line-soft/32/info-mark.png",
   "48": "https://gentleface.com/png/line-soft/48/info-mark.png"
  },
  "line-sharp": {
   "16": "https://gentleface.com/png/line-sharp/16/info-mark.png",
   "32": "https://gentleface.com/png/line-sharp/32/info-mark.png",
   "48": "https://gentleface.com/png/line-sharp/48/info-mark.png"
  },
  "solid-round": {
   "16": "https://gentleface.com/png/solid-round/16/info-mark.png",
   "32": "https://gentleface.com/png/solid-round/32/info-mark.png",
   "48": "https://gentleface.com/png/solid-round/48/info-mark.png"
  },
  "solid-soft": {
   "16": "https://gentleface.com/png/solid-soft/16/info-mark.png",
   "32": "https://gentleface.com/png/solid-soft/32/info-mark.png",
   "48": "https://gentleface.com/png/solid-soft/48/info-mark.png"
  },
  "solid-sharp": {
   "16": "https://gentleface.com/png/solid-sharp/16/info-mark.png",
   "32": "https://gentleface.com/png/solid-sharp/32/info-mark.png",
   "48": "https://gentleface.com/png/solid-sharp/48/info-mark.png"
  }
 },
 "npm": {
  "react": "import { InfoMarkIcon } from '@gentleface/react';",
  "svg": "@gentleface/icons/svg/line-round/16/info-mark.svg",
  "cdn": "https://cdn.jsdelivr.net/npm/@gentleface/icons@0.6.0/svg/line-round/16/info-mark.svg",
  "version": "0.6.0"
 },
 "license": "MIT",
 "author": "Alexander Kiselev"
}