Home/Libraries/File Icons (Iconify)/composer

File Icons (Iconify)

Composer

License: ISCCommercial Safe

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 396 512"><path fill="#818cf8" d="M352.496 394.763c-1.589-2.542 2.065-20.64 5.403-27.138c1.906-3.813 4.45-12.694 5.562-19.687c4.608-27.614 10.31-49.985 16.667-65.221c13.49-31.905 14.76-36.654 12.694-45.554c-1.112-4.29-1.588-9.834-.952-12.535c.476-2.543.158-6.515-.636-8.722c-1.112-3.02-1.112-4.926.158-6.356c1.43-1.908.478-3.974-4.926-10.312c-3.654-4.29-6.514-8.086-6.197-8.245c.318-.318 3.179-1.589 6.197-2.86l5.562-2.543l1.59-21.735c.953-11.9 1.43-21.594 1.43-21.594c-.16 0-7.133 2.066-15.715 4.768c-8.563 2.542-16.349 4.767-17.462 4.767c-2.224 0-4.29-4.131-11.105-23.165c-4.45-12.059-5.244-15.872-4.45-23.8c.954-10.947-2.86-36.178-7.609-50.303c-6.357-19.05-20.032-49.915-26.548-52.776c-5.561-2.7-9.516-2.066-11.582 1.59c-2.066 3.972-1.907 4.45 5.561 21.735l5.72 13.33l-9.833-7.787C279.972 13.476 258.696 1.893 246.637.463c-7.627-.952-7.928-.794-9.676 3.974c-1.112 2.7-3.178 5.243-4.766 5.561c-2.066.636-2.86 2.384-2.86 6.815c0 5.562 1.27 7.15 16.349 21.576c8.88 8.404 15.554 15.396 14.92 15.555c-.636 0-6.834-3.655-13.49-8.245c-9.993-6.674-13.49-8.246-19.21-8.405c-13.33 0-13.013 9.199.635 18.892c4.768 3.496 14.284 11.9 20.958 18.892l12.377 12.695l-11.105 1.908c-17.462 3.178-24.437 5.402-26.185 8.88c-3.336 6.198-1.27 7.928 17.145 13.967c9.834 3.336 19.368 7.45 21.417 9.199c6.356 5.88 14.488 10.559 23.052 13.42c5.561 1.748 9.039 3.972 10.151 6.356c.954 2.066 3.338 4.45 5.403 5.402c2.543 1.112 4.45 4.132 6.356 10.47c1.43 4.926 2.225 9.358 1.748 9.835c-.476.318-6.991 2.702-14.442 4.926l-13.649 4.29l11.583 20.623c10.629 19.21 11.74 20.64 15.873 20.163c5.243-.477 5.243-.477.795 6.992l-3.496 5.88l3.654 6.673c2.384 4.61 3.178 8.087 2.542 10.312c-.952 3.019-1.588 2.542-4.766-4.291c-4.132-8.881-15.396-23.642-22.211-29.362c-11.742-9.516-16.668-11.424-31.905-11.582l-14.284-.318l-7.451-7.151c-3.973-3.973-11.423-9.2-16.509-11.741c-8.722-4.29-10.31-4.608-29.045-4.608h-19.844l-15.079 7.927c-19.37 9.994-39.356 29.68-51.892 50.78c-4.608 7.768-8.404 13.33-8.404 12.535c-.159-.794-.795-4.449-1.43-8.087c-1.27-6.497-1.27-6.655 3.495-7.15c4.61-.476 4.926-.954 8.247-14.76c1.906-7.929 3.972-15.873 4.608-17.621c.953-3.178 0-3.656-13.33-6.992c-10.79-2.702-14.285-4.132-14.285-6.198c0-4.925 4.608-19.528 6.815-22.211c1.272-1.43 2.702-3.973 3.02-5.721c.317-1.748 3.655-4.926 7.768-7.15c11.107-6.04 11.741-6.815 23.324-29.204c8.404-16.35 13.012-23.324 22.053-33.016c6.356-6.817 11.582-13.013 11.582-13.649c0-2.702-6.515-9.834-8.88-9.834l62.38-44.209l-6.993-8.264s-89.023 61.97-89.5 61.97s-2.383-4.766-4.29-10.468l-3.337-10.311L113.52 46.07c11.582-10.947 14.125-15.237 11.106-18.893c-1.431-1.748-4.291-.952-16.35 4.926c-8.087 3.974-20.48 8.882-27.773 11.265c-12.219 3.814-13.33 3.814-16.032 1.431c-6.674-6.04-10.947-2.384-27.456 23.164c-3.336 5.086-6.515 9.199-7.132 9.199c-.795 0-4.768-6.197-9.04-13.965c-4.291-7.61-9.2-15.397-10.948-17.463c-4.29-4.608-8.403-4.45-9.675.318c-1.59 6.356 5.562 35.401 16.985 70.466c3.655 10.946 3.814 11.582 1.112 13.012c-2.542 1.272-2.7 2.226-1.112 6.357c1.272 3.496 2.543 4.449 4.61 3.814c2.382-.636 3.812 1.112 7.45 9.357c4.608 10.153 4.608 10.311 2.065 19.528c-1.43 5.244-2.542 9.517-2.7 9.675c0 .16-3.974-.635-8.723-1.906c-14.443-3.814-13.49-4.926-15.555 18.574c-1.112 11.583-1.907 22.212-1.907 23.642c0 1.906 2.065 3.02 7.292 3.814l7.291.953l-1.112 9.517c-.952 7.61-.636 10.151 1.43 12.377c2.702 2.86 3.496 20.163 3.974 82.207l.158 22.37l6.04 1.907c7.467 2.542 11.422 5.879 11.422 10.152c0 2.066 2.542 5.085 6.815 8.086c3.656 2.544 17.62 12.695 30.793 22.53C91 403.155 96.8 407.557 98.732 410.22c31.405 21.957 98.442 60.675 98.442 60.675l-2.7 5.879c-4.291 8.722-11.424 33.494-10.312 35.225l68.842-42.605z"/></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. ComposerIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **ISC** 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 File Icons (Iconify)

Browse all File Icons (Iconify) icons →

1c-alt

3d-model

3ds-max

ada