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

Freehand free icons (Iconify)

InstrumentSaxophone

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"><path fill="#818cf8" d="M18.799 17.71a.29.29 0 0 0-.32.239a4.3 4.3 0 0 1-.738 1.317a5.5 5.5 0 0 1-.618.739a2.84 2.84 0 0 1-1.328.858a.31.31 0 1 0 .07.618c.62.008 1.228-.17 1.746-.509q.323-.227.59-.518q.255-.3.438-.649a3.9 3.9 0 0 0 .39-1.736a.28.28 0 0 0-.117-.318a.3.3 0 0 0-.113-.042"/><path fill="#818cf8" d="M22.9 12.36c-.768-.498-1.536-.997-2.325-1.426c-.34-.19-.688-.38-.998-.549c-.309-.17-.698-.33-1.057-.479c-.839-.36-1.687-.649-2.535-.998a.28.28 0 0 0-.25.5l.54.328a6.3 6.3 0 0 0-1.158 1.916a6.3 6.3 0 0 0-.33.998v-.349q-.075-.96-.09-1.906l.48-.28a.32.32 0 1 0-.18-.608h-.33c0-.47-.06-.998-.129-1.547l.39-.22a.33.33 0 0 0 .229-.389a.32.32 0 0 0-.39-.229h-.339c0-.26-.08-.529-.14-.798c-.06-.27-.06-.27-.1-.4c.27-.15.51-.309.78-.449a.32.32 0 0 0-.26-.469q-.433.041-.858.13a10 10 0 0 0-.938-2.125A4.69 4.69 0 0 0 8.67.456H7.333c-.22 0-.439.39-.07.47a9 9 0 0 0 1.398.239a3.99 3.99 0 0 1 3.392 2.325a9.8 9.8 0 0 1 .809 1.995c-.29.18-.52.39-.789.59a.28.28 0 0 0-.15.368a.27.27 0 0 0 .36.15c.28 0 .549-.09.818-.15q.034.109.05.22c.06.27.11.549.16.818q-.128.045-.24.12a8 8 0 0 0-.698.569a.28.28 0 0 0 .027.513a.27.27 0 0 0 .212-.014c.29 0 .559-.07.858-.14c0 .459.09.878.12 1.267l-.17.07a3.8 3.8 0 0 0-.678.539a.279.279 0 0 0 .25.499c.239 0 .448 0 .678-.07c0 .41.06.828.11 1.247q.11 1.007.329 1.996l.29 1.228c.05.16.159.538.189.648c.579 1.866 1.347 2.525.698-.06q.12-1.224.39-2.425c.13-.598.25-1.217.429-1.796c.169-.55.407-1.076.708-1.566c.52.319.998.618 1.567.908s1.107.538 1.676.788c.4.19.809.36 1.218.539a5 5 0 0 0-.669 1.996c-.21 1.836.539 3.622-.32 5.548a5.22 5.22 0 0 1-4.49 2.993a5.23 5.23 0 0 1-4.8-2.245a9.64 9.64 0 0 1-1.486-4.79c-.17-2.604.3-5.298.13-7.983a9 9 0 0 0-.899-3.702a3.33 3.33 0 0 0-1.736-1.646a.34.34 0 0 0-.23.608a3.3 3.3 0 0 1 1.308 1.368A8.3 8.3 0 0 1 8.8 7.9c.12 3.174-.678 6.327-.21 9.38c.2 1.4.697 2.74 1.458 3.932a6.21 6.21 0 0 0 5.827 2.754a6.08 6.08 0 0 0 5.17-3.722c.837-1.996 0-3.882.189-5.808a4.5 4.5 0 0 1 .559-1.846l.798.35a.3.3 0 0 0 .429-.12a.31.31 0 0 0-.12-.46M6.834 1.085c0-.23.08-.44.08-.679a.27.27 0 0 0-.22-.25c-.408-.07-.388.56-.688 1.937c0 .15 0 .289-.07.419s0 0-.07.06c-.223.05-.455.05-.678 0c-.46 0-.938-.16-1.327-.19h-.52a.8.8 0 0 1-.219-.23c-.17-.209-.319-.458-.499-.648l-.469-.489h.35A6.6 6.6 0 0 1 4.01.805a8.5 8.5 0 0 1 1.507.11a.31.31 0 0 0 .37-.25a.32.32 0 0 0-.25-.369A10.5 10.5 0 0 0 4.01.017a7.8 7.8 0 0 0-1.676.07c-.35.039-.688.144-.998.31a.92.92 0 0 0-.409.618a.57.57 0 0 0 .15.459c.05.06.21.19.23.21l.568.568c.19.21.34.49.529.709q.181.212.419.36q.187.107.4.149q.308.022.618 0c.469 0 1.058.12 1.586.08c.285-.011.564-.083.819-.21c.319-.18.379-.449.588-2.255"/></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. InstrumentSaxophoneIcon.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.