IconSearch logoIconsearch
Home/Libraries/Framework7 Icons (Iconify)/number-square
← Back to Search
Framework7 Icons (Iconify)

NumberSquare

License: MITCommercial Safe


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 56 56"><path fill="#818cf8" d="M13.785 49.574h28.453c4.899 0 7.336-2.437 7.336-7.265V13.69c0-4.828-2.437-7.265-7.336-7.265H13.785c-4.875 0-7.36 2.414-7.36 7.265v28.62c0 4.851 2.485 7.265 7.36 7.265m.07-3.773c-2.343 0-3.656-1.242-3.656-3.68V13.88c0-2.438 1.313-3.68 3.656-3.68h28.313c2.32 0 3.633 1.242 3.633 3.68v28.24c0 2.438-1.313 3.68-3.633 3.68Zm8.133-6.399c.914 0 1.477-.468 1.664-1.336l1.055-5.039h4.36l-.962 4.594c-.21.961.47 1.781 1.43 1.781c.961 0 1.57-.468 1.735-1.336l1.054-5.062h2.438c.914 0 1.57-.68 1.57-1.57c0-.797-.562-1.383-1.336-1.383h-2.039l1.008-4.758h2.484c.89 0 1.547-.68 1.547-1.57c0-.797-.562-1.383-1.336-1.383h-2.086l.914-4.383c.188-.96-.515-1.781-1.476-1.781c-.914 0-1.5.469-1.688 1.36l-1.008 4.804h-4.359l.914-4.383c.188-.937-.469-1.781-1.453-1.781c-.938 0-1.524.469-1.711 1.36l-.984 4.804h-2.485c-.89 0-1.547.68-1.547 1.57c0 .797.563 1.383 1.336 1.383h2.063l-1.008 4.758h-2.508c-.89 0-1.57.68-1.57 1.57c0 .797.562 1.383 1.36 1.383h2.109l-.961 4.617c-.188.961.515 1.781 1.476 1.781m3.164-9.07l1.078-5.273h4.711l-1.101 5.273Z"/></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. NumberSquareIcon.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 Framework7 Icons (Iconify)

Browse all Framework7 Icons (Iconify) icons →
airplane
airplane
alarm
alarm
alarm-fill
alarm-fill
alt
alt
ant
ant
ant-circle
ant-circle
ant-circle-fill
ant-circle-fill
ant-fill
ant-fill
antenna-radiowaves-left-right
antenna-radiowaves-left-right
app
app
app-badge
app-badge
app-badge-fill
app-badge-fill