Home/Libraries/Freehand free icons (Iconify)/instrument-accordian

Freehand free icons (Iconify)

InstrumentAccordian

License: CC-BY-4.0

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 24 24"><g fill="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="M16.23 5.236c-.49-.23-.58-.65-1.349-.62c-.37 0-.839.25-1.078.19s-.81-.999-1.928-.48c-.39.19-.81.56-.939.54c-.51 0-1.298-1.488-2.857-.47c-.509.33-1.468 1.389-1.128 1.818a.3.3 0 0 0 .42.06c.209-.16.07-.589.998-1.108s.999-.15 1.518.29c-.41 1.867-.23 2.327.13 4.544a.34.34 0 1 0 .68 0c.17-1.326.17-2.67 0-3.995c.898.22 1.468-.59 1.837-.62c.37-.03.55.63 1.429.56a9.16 9.16 0 0 0-.82 3.995a.34.34 0 1 0 .67.13c.33-.823.568-1.681.709-2.557q.06-.879 0-1.758c.859-.35.719 0 1.398.29c.5.18.75-.09 1.109.18c.36.269.53-.36.22-.57s-.58-.22-1.02-.42"/><path d="M9.598 14.475c-.41-1.608-1.758-4.844-2.917-8.99c-.13-.44-.28-1.168-.77-1.278a.33.33 0 0 0-.409.24c-.06.23.52 1.158.52 1.238L7.47 11c.43 1.458 1.279 3.666 1.159 5.423S7.16 18.78 5.353 18.79c-1.808.01-1.998-1.478-2.507-3.077a46 46 0 0 1-1.818-6.242c-.47-2.967-.23-3.606 2.367-4.315c.08 0 1.628-.15 1.688-.15a.3.3 0 0 0 .14-.41c-.22-.669-3.266.15-4.145.77a2.73 2.73 0 0 0-1.05 2.566c0 2.657 1.22 6.333 1.759 8.121a7.9 7.9 0 0 0 1.328 2.996c.999 1.08 2.507 1 3.996.67a3.246 3.246 0 0 0 2.616-3.257a6.3 6.3 0 0 0-.13-1.987m3.347-.66c-1.389-.15-1.898 1.189-2.997.76c-.24.07-.24.859.12.948l.24.05c1.318.28 2.047-.739 2.607-.759c.24 0 .47.24.879.43c.29 0 .37-.54.24-.83a1.66 1.66 0 0 0-1.09-.599M23.85 7.083a3 3 0 0 0-1.228-1.498a8.7 8.7 0 0 0-4.125-1.099c-.999.21-5.304 11.846-4.664 13.844c.45 1.398 4.664 1.698 5.643 1.618a2.57 2.57 0 0 0 1.808-.889c.929-1.059 1.638-4.145 1.938-5.523c.44-2.038 1.068-5.154.629-6.453m-1.627 6.223c-.25.999-.53 1.998-.86 2.997c-.609 1.837-.928 2.626-2.696 2.497a20 20 0 0 1-2.997-.5c-.769-.24-.998-.47-.948-.999c.368-2.06.923-4.083 1.658-6.043c0-.08 1.997-6.202 2.746-6.192c1.06.2 2.075.589 2.997 1.148c1.448 1.01 1.278 2.258.1 7.092"/><path d="M18.947 9.24a1.28 1.28 0 0 0 .479 1.76a1.458 1.458 0 0 0 2.148-1.7c-.88-2.048-2.338-.59-2.627-.06m1.468.83c-.39.14-.86-.22-.34-.79c.52-.569.5-.469.71.19c.14.44-.17.53-.37.6m-3.146 3.156a1.518 1.518 0 0 0 2.257 1.998a1.47 1.47 0 0 0 .36-2.058c-.05-.09-1.649-1.518-2.617.06m1.887 1.069a.585.585 0 1 1-.998-.61c.39-.898 1.608-.02.998.61M4.823 7.233a3 3 0 0 0-2.307.9c0 .159-.06.279 0 .339c.72.45 2.147-.42 2.457-.6a.34.34 0 1 0-.15-.639M6.192 9.65a4.3 4.3 0 0 0-1.918.42c-.999.6-.999.53-1.059.769a.43.43 0 0 0 .47.29a4.32 4.32 0 0 0 2.706-.83a.34.34 0 0 0-.2-.649m.619 2.797c-.079 0-2.676.22-2.936.939c-.27.44.9.43 1.419.41a4.1 4.1 0 0 0 1.728-.7a.341.341 0 1 0-.21-.649m-1.788 3.616a.3.3 0 0 0-.17.39c0 .11.12.15.29.239c.65.36 1.228 0 1.798-.47a.34.34 0 0 0-.24-.629c-1.538.09-.909.19-1.678.47"/></g></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. InstrumentAccordianIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** 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.