Home/Libraries/Elusive Icons (Iconify)/asl

Elusive Icons (Iconify)

Asl

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 1200 1200"><path fill="#818cf8" d="M709.516.007c-.548.012-1.095.039-1.638.063c-32.364 1.444-64.713 31.739-70.976 91.666l-7.872 697.99c-5.189 125.227-142.08 167.029-205.81 97.117c-75.037 97.223-204.71 19.813-213.776-91.321c-14.126-83.898-28.781-167.831-41.943-251.815c-2.542-26.818 2.412-54.485 15.744-79.604l-65.591-225.719c-23.02-68.161-128.592-72.87-116.729 24.78l141.636 793.291c12.173 65.205 48.563 138.618 129.828 143.546h434.102c35.847 0 63.164-6.978 81.965-20.896c161.439-121.679 132.631-373.002 353.995-468.794c51.953-31.315 83.29-129 29.631-168.546c-88.635-79.617-317.355 62.572-357.144 205.92l-35.11-653.348C777.494 32.268 744.809.52 711.151.008a47 47 0 0 0-1.635-.001M490.48 388.319a89 89 0 0 0-7.872.438c-34.677 3.444-65.704 27.55-65.969 76.66l27.553 309.24c2.335 52.705 43.063 90.059 80.453 89.817c32.66-.21 62.783-29.105 62.505-101.565L576.632 458.9c-4.699-45.34-46.471-70.979-86.152-70.581m-198.41 68.452c-4.699.062-9.36.59-13.949 1.566c-33.287 7.082-61.577 38.259-54.255 94.517l44.588 266.164c11.993 43.965 41.719 60.28 69.023 54.637c30.867-6.381 58.643-40.821 54.255-95.081l-26.23-257.048c-6.894-43.325-40.535-65.194-73.432-64.755"/></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. AslIcon.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.