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

Freehand free icons (Iconify)

EarpodsAttention

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="M15.988 16.273a1.59 1.59 0 0 0 .509 1.237a1.316 1.316 0 0 0 1.936-.21c1.048-1.357-.54-2.175-.759-2.235a1.6 1.6 0 0 0-.858.08a1.33 1.33 0 0 0-.828 1.128m1.187-.29a.8.8 0 0 1 .37-.17c.449 0 .499.49.309.79c-.19.299-.42.368-.589.169a.62.62 0 0 1-.22-.42a.37.37 0 0 1 .13-.369m-6.907 2.586c-1.437-2.266-3.263-4.911-3.942-6.199A6.9 6.9 0 0 0 9 12.28a8.6 8.6 0 0 0 3.054-1.467a4.25 4.25 0 0 0 1.827-2.884a7.76 7.76 0 0 0-1.368-4.721a10 10 0 0 0-.748-1.078c-.41-.52-.849-.998-1.268-1.428A2.3 2.3 0 0 0 9.061.014a10 10 0 0 0-3.054.31a7.06 7.06 0 0 0-3.993 2.325A7.9 7.9 0 0 0 .148 7a5.6 5.6 0 0 0 .21 2.196a18.4 18.4 0 0 0 1.207 2.895a55 55 0 0 0 2.166 4.082c1.148 1.996 2.375 3.923 3.583 5.879a.29.29 0 1 0 .5-.3l-.3-.499a.33.33 0 0 0 .32 0c.398-.13.738-.2 1.077-.319l.43-.19c.139-.07.269-.15.398-.23l.57-.378q.57.9.998 1.876l-.05.06q-.136.132-.3.23c-.439.269-.998.498-1.307.678a1.24 1.24 0 0 1-.998.32a1.07 1.07 0 0 1-.65-.7a.32.32 0 0 0-.408-.209a.33.33 0 0 0-.22.41a1.87 1.87 0 0 0 1.178 1.167a1.85 1.85 0 0 0 1.527-.4a9.6 9.6 0 0 0 1.757-.997a.77.77 0 0 0 .19-.829a22 22 0 0 0-1.758-3.173m-.998.998q-.24.074-.469.18q-.22.104-.419.249a10 10 0 0 0-.878.748a.31.31 0 0 0-.15.29c-.998-1.737-2.066-3.474-2.994-5.23c-.729-1.328-1.428-2.685-1.997-4.072a18.6 18.6 0 0 1-1.147-2.815a4.8 4.8 0 0 1-.13-1.847a7 7 0 0 1 1.657-3.743a6.1 6.1 0 0 1 3.513-1.936c.757-.17 1.53-.26 2.306-.27c.4-.036.8.082 1.118.33c.409.44.818.878 1.217 1.367q.364.48.669.999a8 8 0 0 1 1.248 3.333a3.16 3.16 0 0 1-1.408 2.845a7.4 7.4 0 0 1-2.655 1.337a6 6 0 0 1-2.655 0a.88.88 0 0 0-.728.12a.57.57 0 0 0-.18.45c.07.429.234.837.48 1.197c.838 1.457 2.774 4.102 4.181 6.268a4 4 0 0 0-.539.17z"/><path fill="#818cf8" d="m8.212 7.38l.3.419c.27.33.998 1.198 1.477 1.347s.998 0 1.198-.758l.08-.46V7.25a3.6 3.6 0 0 0-.07-.549a4 4 0 0 0-.14-.549a4.5 4.5 0 0 0-.32-.758c-.12-.23-.259-.47-.399-.69a5 5 0 0 0-.768-.937a6.3 6.3 0 0 0-.928-.759a.33.33 0 0 0-.41 0a.28.28 0 0 0-.16-.16a.3.3 0 0 0-.379.16c-.3.698-.39 1.468-.26 2.216c.12.762.383 1.494.78 2.156m0-3.883a.5.5 0 0 0 .1.1q.427.303.769.699q.34.382.569.838q.174.313.299.649q.135.315.21.649l.09.868v.729l-.27-.3c-.22-.23-.42-.479-.529-.609l-.28-.33a4.6 4.6 0 0 1-.838-1.656a3.4 3.4 0 0 1-.16-1.637zm15.63 13.973a9.2 9.2 0 0 0-.66-1.816a32 32 0 0 0-1.317-2.685c-.708-1.297-1.467-2.565-2.165-3.843a6.4 6.4 0 0 0-1.348-1.906a1.49 1.49 0 0 0-1.277-.36a1.8 1.8 0 0 0-.939.75q-.568.87-.998 1.816c-.938 1.667-1.996 3.244-2.914 4.9c-.4.72-.789 1.448-1.138 2.196a.3.3 0 0 0 .249.42a.29.29 0 0 0 .28-.16c.36-.739.758-1.427 1.178-2.116c.998-1.627 2.116-3.154 3.114-4.791c.17-.28.499-.938.868-1.477c.18-.26.34-.52.52-.55c.179-.029.408.14.588.34c.352.448.647.937.878 1.457c.799 1.488 1.697 2.995 2.495 4.492c.34.649.66 1.288.949 1.996q.337.658.579 1.357c.084.2.101.42.05.63a.77.77 0 0 1-.48.319a5 5 0 0 1-.878.15a19 19 0 0 1-1.996.09c-.998 0-2.046-.05-3.064-.05q-1.457.031-2.905-.14a8.3 8.3 0 0 1-1.866-.51a.33.33 0 0 0-.452.308a.33.33 0 0 0 .212.301a9 9 0 0 0 1.996.53q1.49.22 2.995.239c1.198 0 2.385.14 3.583.15h1.567a4.5 4.5 0 0 0 1.308-.24a1.66 1.66 0 0 0 .858-.699c.165-.34.21-.727.13-1.097"/><path fill="#818cf8" d="M17.545 14.606a.3.3 0 0 0 .27-.32c0-.439.129-.848.169-1.287v-.559q.015-.274 0-.549c0-.439-.12-.868-.19-1.307a.32.32 0 0 0-.195-.304a.3.3 0 0 0-.124-.026a.33.33 0 0 0-.34.33c-.06.439-.15.868-.19 1.307q-.021.285 0 .569q-.015.285 0 .569q.124.663.32 1.308a.29.29 0 0 0 .28.269"/></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. EarpodsAttentionIcon.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.