Home/Libraries/Freehand free icons (Iconify)/radio-stereo

Freehand free icons (Iconify)

RadioStereo

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="M23.514 12.15a26 26 0 0 0-.52-2.646c-.498-1.817 0-1.946-1.996-2.166c-1.327-.16-2.685-.08-3.992-.16c.22-.726.373-1.471.459-2.226a2 2 0 0 0-.32-1.167a1.07 1.07 0 0 0-.459-.38a3.2 3.2 0 0 0-.888-.22c-.569-.1-1.128-.189-1.697-.249c-.379 0-.768-.06-1.168-.07c-.778 0-1.587 0-2.375.06c-.53 0-1.068.11-1.597.2c-.405.05-.801.154-1.178.31c-.306.13-.57.344-.759.618c-.202.334-.325.71-.359 1.098a11 11 0 0 0 .06 2.196c-1.583.204-3.15.514-4.691.928a.34.34 0 0 0-.45.19a17.4 17.4 0 0 0-.948 3.174a30 30 0 0 0-.599 4.89q-.075.964 0 1.927c.042.503.21.987.49 1.408c.307.418.74.727 1.237.878a7.7 7.7 0 0 0 1.927.29c.998.06 3.573.11 6.358.1c3.703 0 7.845-.1 9.482-.13a5.84 5.84 0 0 0 2.605-.56a3.05 3.05 0 0 0 1.338-1.387a6.46 6.46 0 0 0 .519-2.855a29 29 0 0 0-.48-4.052M7.544 5.58a2.3 2.3 0 0 1 .339-.998a.9.9 0 0 1 .489-.25q.39-.09.788-.11l3.853-.08h1.348c.449 0 .898.06 1.357.1l.669.09c.172.252.247.557.21.859c0 .629-.22 1.308-.28 1.817v.11c-.848-.03-1.677-.12-2.505-.12c-1.497 0-2.995 0-4.512.06c-.619 0-1.228.14-1.836.21q-.035-.847.07-1.688zm14.972 12.976a2 2 0 0 1-1.198.998a5.2 5.2 0 0 1-1.777.24l-15.77.05a6.4 6.4 0 0 1-1.637-.17a1.3 1.3 0 0 1-.71-.45a2 2 0 0 1-.339-.897q-.09-.892-.05-1.787a30 30 0 0 1 .2-3.993c.152-1.212.436-2.403.849-3.553a40 40 0 0 1 5.789-.599c1.477-.06 2.994-.06 4.432 0c1.437.06 2.994 0 4.451 0c1.458 0 2.835-.11 4.262-.11h.72q.276.714.458 1.458q.282 1.276.43 2.575c.21 1.284.334 2.581.369 3.882a5.3 5.3 0 0 1-.46 2.366z"/><path d="M20.809 12.688a3 3 0 0 0-.789-.938a5 5 0 0 0-.998-.58a3.3 3.3 0 0 0-.838-.249a3.2 3.2 0 0 0-.879 0a5.54 5.54 0 0 0-2.415.759a3.47 3.47 0 0 0-1.298 1.567c-.34-.07-.678-.14-.998-.18a4 4 0 0 0-.579-.08a4 4 0 0 0-.609.05a6.7 6.7 0 0 0-1.088.28a4 4 0 0 0-.23-.589A2.8 2.8 0 0 0 9.3 11.8a4.6 4.6 0 0 0-.998-.59a3.3 3.3 0 0 0-.878-.219a3.2 3.2 0 0 0-.869 0a5.54 5.54 0 0 0-2.415.759a3.47 3.47 0 0 0-1.567 2.136A3.04 3.04 0 0 0 3.7 17.09c.13.1 1.157 1.108 5.3.998c.758 0 1.507-.1 2.266-.11c.439-.05.868-.06 1.307-.09c.998-.08 5.15 0 5.41 0q.391-.032.769-.14a3.4 3.4 0 0 0 2.176-1.996a3.54 3.54 0 0 0-.12-3.064M6.685 16.9a4.14 4.14 0 0 1-2.395-.549a2 2 0 0 1-.62-2.186a2.835 2.835 0 0 1 2.995-1.916c1.737.09 1.996.629 2.326 1.088a2.45 2.45 0 0 1 .2 2.086c-.38 1.098-1.168 1.387-2.506 1.477m5.84-.27c-.46 0-.92 0-1.368.05a7 7 0 0 0-.819.12l-.998.21c.35-.351.629-.769.819-1.228c.218-.513.31-1.07.27-1.627l.997.14h.6l.588-.05l.729-.1a3.07 3.07 0 0 0 .868 2.536c-.589-.02-1.138-.05-1.687-.05M20 15.374c-.718 1.996-3.853 1.917-4.92.928a2 2 0 0 1-.61-2.186a2.37 2.37 0 0 1 1.129-1.357a2.8 2.8 0 0 1 1.876-.559a2.57 2.57 0 0 1 1.807.549c.207.144.383.327.519.539a2.48 2.48 0 0 1 .2 2.086"/><path d="M13.013 11.8c.26 0 .4-.12.65-.999a1.2 1.2 0 0 0 .049-.269q.015-.135 0-.27c-.27-.998-.48-.998-.579-.998c-.31 0-.619.779-.669.998a.8.8 0 0 0 0 .27q-.015.135 0 .27c.18.958.33.988.55.998m-1.997 0c.19 0 .36 0 .639-.999q.04-.132.05-.269q.015-.135 0-.27c-.26-.998-.48-.998-.57-.998c-.319 0-.618.779-.678.998q-.015.135 0 .27a2 2 0 0 0 0 .27c.19.958.35.988.559.998"/></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. RadioStereoIcon.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.