IconSearch logoIconsearch
Home/Libraries/Flagpack (Iconify)/li
← Back to Search
Flagpack (Iconify)

Li

License: MITCommercial Safe


1.5px
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 32 24"><g fill="none"><path fill="#818cf8" fill-rule="evenodd" d="M0 0v24h32V0z" clip-rule="evenodd"/><mask id="SVGcFaS5cXn" width="32" height="24" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:luminance; color: #818cf8"><path fill="#818cf8" fill-rule="evenodd" d="M0 0v24h32V0z" clip-rule="evenodd"/></mask><g mask="url(#SVGcFaS5cXn)"><path fill="#818cf8" fill-rule="evenodd" d="M0 0v12h32V0z" clip-rule="evenodd"/><path fill="#818cf8" fill-rule="evenodd" d="M4.798 11.053s1.207.751 4.003.751s4.28-.75 4.28-.75s-2.192-1.276-4.153-1.276s-4.13 1.275-4.13 1.275" clip-rule="evenodd"/><path fill="#818cf8" stroke="#818cf8" stroke-width="1.5" d="m4.87 6.742l-.216.126l.073.124h8.652l.055-.174l-.238-.076l.238.075l.001-.002l.002-.006l.006-.02l.02-.071q.025-.095.061-.257c.046-.215.095-.514.109-.845c.026-.648-.08-1.493-.71-2.04c-.64-.558-1.454-.471-2.156-.296c-.24.06-.483.135-.71.205l-.311.095c-.322.094-.59.156-.805.156s-.451-.057-.729-.145q-.126-.04-.266-.087c-.2-.067-.416-.139-.633-.196c-.66-.173-1.42-.239-2.262.239c-.44.248-.69.594-.81.974c-.116.372-.101.76-.04 1.102A4.1 4.1 0 0 0 4.6 6.764l.04.075l.01.02l.004.006v.002h.001z"/><path fill="#818cf8" stroke="#818cf8" stroke-width="1.5" d="m3.886 6.906l.117.221l-.117-.221h.001l.002-.001l.005-.003l.017-.009l.064-.03a5 5 0 0 1 .243-.103c.214-.084.532-.195.955-.305c.846-.22 2.11-.437 3.802-.437s2.957.217 3.802.437c.423.11.74.221.955.305a5 5 0 0 1 .307.133l.018.009l.005.003h.002l-.116.222l.116-.221l.195.103l-.077.206l-1.185 3.168l-.083.22zm0 0l-.193.102l.075.205L4.92 10.38l.08.221l.226-.067zm8.803 3.628l-7.462.001l.004-.001l.016-.005l.061-.017l.238-.063c.205-.052.5-.122.854-.192c.71-.14 1.652-.28 2.594-.28s1.866.14 2.558.28a15 15 0 0 1 1.059.254l.06.018l.014.004l.003.001zM8.874 4.265c.56 0 .922-.547.922-1.095c0-.549-.362-1.095-.922-1.095s-.922.546-.922 1.095s.362 1.095.922 1.095Z"/><mask id="SVGFRVJ2Ddf" width="4" height="5" x="7.118" y="-1" fill="#818cf8" maskUnits="userSpaceOnUse"><path fill="#818cf8" d="M7.118-1h4v5h-4z"/><path fill-rule="evenodd" d="M9.126 0h-.504l.065.923l-.57-.078v.634l.578-.08l-.073 1.454h.504l-.075-1.456l.58.082V.845l-.57.082z" clip-rule="evenodd"/></mask><path fill="#818cf8" fill-rule="evenodd" d="M9.126 0h-.504l.065.923l-.57-.078v.634l.578-.08l-.073 1.454h.504l-.075-1.456l.58.082V.845l-.57.082z" clip-rule="evenodd"/><path fill="#818cf8" d="M8.622 0v-.5h-.537l.038.535zm.504 0l.499.035l.037-.535h-.536zm-.44.923l-.067.495l.61.083l-.044-.613zM8.119.845L8.185.35L7.618.273v.572zm0 .634h-.5v.574l.568-.078zm.577-.08l.5.026l.03-.603l-.598.082zm-.073 1.454l-.5-.025l-.026.525h.526zm.504 0v.5h.526l-.027-.526zm-.075-1.456l.07-.495l-.6-.085l.031.606zm.58.082l-.071.495l.57.081V1.48zm0-.634h.5V.268L9.558.35zm-.57.082L8.564.892l-.043.618l.613-.088zM8.622.5h.505v-1h-.504zm.564.388l-.064-.923l-.998.07l.065.923zM8.05 1.34l.57.077l.134-.99L8.185.35zm.568.138V.845h-1v.634zm.01-.575l-.579.08l.137.99l.578-.079zm.493 1.974l.074-1.453l-.999-.05l-.074 1.453zm.005-.525h-.504v1h.504zm-.574-.93l.075 1.455l.998-.05l-.074-1.456zM9.7.984L9.121.902l-.14.99l.579.082zM9.13.845v.634h1V.845zm.003.577L9.7 1.34L9.56.35l-.568.082zM8.627-.035l-.064.927l.998.07l.064-.927z" mask="url(#SVGFRVJ2Ddf)"/></g></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px
16px
24px
32px
48px

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. LiIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in Flagpack (Iconify)

Browse all Flagpack (Iconify) icons →
ad
ad
ae
ae
af
af
ag
ag
ai
ai
al
al
am
am
ao
ao
aq
aq
ar
ar
as
as
at
at