Home/Libraries/Ligature Symbols (Iconify)/sqale

Ligature Symbols (Iconify)

Sqale

License: OFL-1.1

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 1932 701"><path fill="#818cf8" d="M178 55C92 55 10 84 10 191c0 55 30 103 113 163c85 61 110 85 110 128c0 60-50 76-105 76c-26 0-64-2-95-8c-23-4-33 16-33 30c0 13 4 21 11 26c23 14 88 18 117 18c110 0 183-46 183-149c0-63-32-104-117-163c-70-48-105-86-105-126c0-53 34-66 103-66c38 0 59 3 82 5c26 3 34-11 34-27c0-12-4-21-17-28c-18-10-53-15-113-15m960 446l20 83c6 27 18 35 38 35c38 0 47-13 47-32c0-7-2-20-9-45c-25-99-80-313-114-434c-12-41-35-53-81-53c-41 0-67 15-77 47c-33 108-96 343-122 440c-6 20-9 38-9 45c0 23 20 32 45 32c15 0 25-5 32-30l21-88c8-28 17-34 35-34h135c24 0 33 8 39 34m-119-351c5-16 9-20 19-20c9 0 14 4 19 20c17 55 55 220 55 235c0 16-8 19-30 19h-92c-20 0-29-3-29-19s42-180 58-235m381 378V91c0-26-18-31-40-31c-17 0-39 5-39 31v463c0 41 23 62 74 62h149c19 0 24-15 24-34c0-16-5-33-24-33h-121c-19 0-23-4-23-21m339-398h157c18 0 23-16 23-34c0-17-5-33-23-33h-186c-50 0-74 23-74 62v429c0 41 24 62 74 62h199c18 0 23-15 23-34c0-16-5-33-23-33h-170c-20 0-23-4-23-21V384c0-18 3-22 23-22h145c19 0 24-13 24-32c0-16-5-30-24-30h-145c-20 0-23-4-23-21V165c0-28 3-35 23-35M746 345c33 0 41 14 40 35c-1 2-1 4-1 7c-8 102-34 160-76 195c-7 6-6 12-3 15c18 20 37 41 43 46c12 14 14 32-2 48c-19 17-36 9-47-2c-7-7-37-42-59-67c-3-3-10-8-20-8c-24 3-54 3-76 0c-80-11-137-57-157-171c-3-16-5-30-6-46c0-3 0-6-1-10v-7c-1-20 7-35 40-35c32 0 42 15 42 29c0 3 0 6 1 10v16c1 7 2 32 6 50c14 83 50 100 116 100c86 0 115-23 120-167v-9c0-14 8-29 40-29m47-86c2 22-1 43-41 43c-16 0-93-23-166-23c-80 0-155 23-169 23c-44 0-42-28-40-41c2-15 4-30 7-43c20-103 71-153 156-167c11-2 15-9 16-13c1-9 4-18 8-25c5-10 15-13 27-13c10 0 21 4 25 13c4 8 6 17 8 26c0 4 2 11 15 13c94 18 142 85 154 207"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

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. SqaleIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **OFL-1.1** 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 Ligature Symbols (Iconify)

Browse all Ligature Symbols (Iconify) icons →

a-upper-case