IconSearch logoIconsearch
Home/Libraries/Lsicon (Iconify)/integral-filled
← Back to Search
Lsicon (Iconify)

IntegralFilled

License: MITCommercial Safe


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 16 16"><path fill="#818cf8" fill-rule="evenodd" d="M3 11.5c0 .439.202.82.491 1.123c.287.302.679.55 1.124.748c.892.397 2.09.629 3.385.629v-1c-1.19 0-2.242-.215-2.979-.543c-.369-.164-.637-.346-.805-.523C4.05 11.759 4 11.614 4 11.5v-.96q.284.184.615.331c.892.397 2.09.629 3.385.629v-1c-1.19 0-2.242-.215-2.979-.543c-.369-.164-.637-.346-.805-.523C4.05 9.259 4 9.114 4 9v-.96q.284.184.615.331C5.507 8.768 6.705 9 8 9c1.296 0 2.493-.232 3.385-.629q.332-.147.615-.33V9h1V3.919l-.026-.077L12.5 4c.474-.158.474-.16.474-.16l-.001-.003l-.002-.005l-.005-.012a1 1 0 0 0-.052-.116a2 2 0 0 0-.16-.245a2.7 2.7 0 0 0-.747-.638C11.281 2.385 10.058 2 8 2s-3.28.385-4.007.821a2.7 2.7 0 0 0-.747.638a1.7 1.7 0 0 0-.2.33l-.012.03l-.005.013l-.002.005v.003h-.001s0 .002.474.16l-.474-.158L3 3.919zm9-5.96a4.3 4.3 0 0 1-.615.331c-.892.397-2.09.629-3.385.629c-1.296 0-2.493-.232-3.385-.629A4.4 4.4 0 0 1 4 5.54v.96c0 .113.05.26.216.434c.168.177.436.36.805.523C5.758 7.785 6.811 8 8 8s2.242-.215 2.979-.543c.369-.164.637-.346.805-.523c.166-.175.216-.32.216-.434zM10.5 10H9v2.5h3v.5H9v1h1.5v.5h1V14H13v-2.5h-3V11h3v-1h-1.5v-.5h-1z" clip-rule="evenodd"/></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. IntegralFilledIcon.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 Lsicon (Iconify)

Browse all Lsicon (Iconify) icons →
add-chat-filled
add-chat-filled
add-chat-outline
add-chat-outline
add-chat-two-filled
add-chat-two-filled
add-chat-two-outline
add-chat-two-outline
add-one-filled
add-one-filled
add-one-outline
add-one-outline
adjust-hight-filled
adjust-hight-filled
adjust-hight-outline
adjust-hight-outline
adjust-width-filled
adjust-width-filled
adjust-width-outline
adjust-width-outline
align-txt-both-filled
align-txt-both-filled
align-txt-both-outline
align-txt-both-outline