Home/Libraries/Freehand free icons (Iconify)/earpods

Freehand free icons (Iconify)

Earpods

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="M11.119 15.648c-.381-2.874.11-5.637-.822-8.772A5.066 5.066 0 0 0 4.43 3.001a6.9 6.9 0 0 0-2.454.791A4.2 4.2 0 0 0 .124 6.005a8.7 8.7 0 0 0 .18 2.564a8.8 8.8 0 0 0 .34 2.213c.832 2.002 3.826 2.603 6.009 1.792c2.182-.811 1.442-1.362.4-.841a4.95 4.95 0 0 1-4.946-.29c-1.002-.832-.862-1.563-1.002-2.954c-.13-1.753-.51-2.283.691-3.315a4.25 4.25 0 0 1 1.692-.931a4.68 4.68 0 0 1 4.006.42c2.864 1.993 2.072 7.35 2.493 11.135l.5 2.924a4.6 4.6 0 0 0-2.192.3c0-.08-.661-6.098-.751-6.118c.15-.48-.631-.65-.681-.06c0 .35.31 2.944.32 3.004c.541 4.496.24 6.068.781 7.3s3.134 1.081 3.785-.15c.521-.972.01-2.514-.63-7.35m-1.302 7.45c-1.432.16-1.222-.781-1.442-3.274a4 4 0 0 0 2.293-.31c.06.46.31 2.162.31 2.603c.01.66-.51.91-1.161.98M23.855 3.142c-.45-2.003-4.766-4.496-8.01-2.263c-3.435 2.353-2.544 8.16-3.004 11.915c0-.08-.861 5.217-.831 6.469c.07 2.183 3.364 2.433 4.005 1.001c.45-1.001.24-1.652.55-5.066c.441-4.817.842-5.548.251-5.658c-.21 0-.54-.26-.751 3.324c-.27 2.003-.35 2.924-.38 3.235a4.7 4.7 0 0 0-2.233-.25l.5-2.924c.46-3.856-.32-9.143 2.514-11.135c2.252-1.582 6.088-.06 6.538 1.562a8.6 8.6 0 0 1-.13 2.263c-.11 1.382.06 2.123-1.001 3.004a3.7 3.7 0 0 1-1.733.74c-2.433.391-3.424-.81-4.005-.62a.29.29 0 0 0-.06.55c.215-.008.428.048.61.16a5.63 5.63 0 0 0 5.688-.24c1.322-1 1.202-1.942 1.362-3.464c.17-.857.21-1.734.12-2.603m-8.25 13.808c-.21 2.373 0 3.444-1.443 3.274a1.36 1.36 0 0 1-1.07-.55c-.151-.301-.121-.742.22-3.005c.718.322 1.517.42 2.292.28"/><path d="M2.437 9.78a1.322 1.322 0 0 0 2.383.591a4.54 4.54 0 0 0-.65-4.796C2.977 4.303 1.975 8.108 2.436 9.78m1.542-.24c0 .11-.07.25-.18.25c-.31 0-.41-.7-.45-1.001c-.301-2.884.62-3.004.86-1.322a3.9 3.9 0 0 1-.23 2.073M20.16 8.058c1.813 0 1.613-2.423 1.202-4.195a6 6 0 0 0-.2-.852c-.16-.34-1.592-1.211-2.263 1.412c-.35 1.402-.19 3.585 1.261 3.635m-.41-3.475c.07-.48.17-1.291.72-1c0 .18.121.36.121.43c.26 2.553-.42 3.845-.781 2.173a4.6 4.6 0 0 1-.06-1.603"/></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. EarpodsIcon.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.