Home/Libraries/Freehand free icons (Iconify)/phone-actions-ringing

Freehand free icons (Iconify)

PhoneActionsRinging

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="M17.82 19.837c-.17-.24-.4-.47-.57-.68c-.37-.471-.751-.942-1.152-1.382a12 12 0 0 0-.87-.871a5.4 5.4 0 0 0-.762-.641a1.7 1.7 0 0 0-.82-.3a1.25 1.25 0 0 0-.671.18c-.47.27-1.111.91-1.702 1.311q-.18.125-.38.21c-.07 0-.15.07-.2 0L7.477 13.93c-.43-.47-1-1-1.541-1.642a3.6 3.6 0 0 1-.701-1.171c-.05-.16.08-.33.23-.52c.41-.521 1.131-1.062 1.542-1.592c.242-.235.412-.534.49-.861a.77.77 0 0 0-.1-.5c-.12-.201-.33-.391-.43-.532L5.216 4.83a.31.31 0 1 0-.48.38l1.721 2.303l.4.53c-.14.33-.368.614-.66.821q-.775.64-1.442 1.392a1.26 1.26 0 0 0-.28 1.091c.176.531.451 1.024.811 1.452c.49.64 1.101 1.231 1.532 1.722l3.093 3.804a1.1 1.1 0 0 0 1.252.34a6.4 6.4 0 0 0 1.722-1.12c.19-.15.38-.301.54-.401s.17 0 .17-.07a.76.76 0 0 1 .35.19c.191.14.361.32.521.46s.531.531.781.811s.741.881 1.091 1.332c.14.17.32.35.471.55q.09.114.14.25c.14.431-.24.772-.63 1.072a5.3 5.3 0 0 1-1.602.801a8.56 8.56 0 0 1-6.007-.5a15 15 0 0 1-4.936-3.935a10.93 10.93 0 0 1-2.913-6.858C.751 8.094 2.203 5.511 3.784 4.74a.35.35 0 0 0 .16-.46a.34.34 0 0 0-.46-.17C1.712 4.94 0 7.752 0 11.266a11.9 11.9 0 0 0 3.003 7.489A15.9 15.9 0 0 0 8.21 23.02a9.53 9.53 0 0 0 6.808.61a6 6 0 0 0 2.373-1.311a1.94 1.94 0 0 0 .66-2.002a2 2 0 0 0-.23-.481m-3.395-7.688a.35.35 0 0 0 .42-.26a3.4 3.4 0 0 0 0-2.343a2.9 2.9 0 0 0-.54-.91a2.7 2.7 0 0 0-.86-.631a3.3 3.3 0 0 0-2.333-.25a.303.303 0 0 0 .07.6c.61.014 1.2.224 1.682.6q.295.213.54.481a2.8 2.8 0 0 1 .771 2.333a.34.34 0 0 0 .25.38"/><path d="M18.02 6.802a6.8 6.8 0 0 0-2.462-2.162a5.95 5.95 0 0 0-3.004-.571a6.3 6.3 0 0 0-2.813.861a.304.304 0 1 0 .28.54a5.5 5.5 0 0 1 2.553-.54a5 5 0 0 1 2.433.7a6 6 0 0 1 2.002 1.843a7.2 7.2 0 0 1 1.011 1.632a4.87 4.87 0 0 1-.24 4.475a.34.34 0 0 0 .09.48a.35.35 0 0 0 .48-.08a5.67 5.67 0 0 0 .672-5.226a7.4 7.4 0 0 0-1.002-1.952"/><path d="M23.897 7.463a7.3 7.3 0 0 0-.46-1.622a9.3 9.3 0 0 0-.771-1.472a9.6 9.6 0 0 0-2.794-2.823A9.7 9.7 0 0 0 16.179.135A12.56 12.56 0 0 0 8.63 1.396a.31.31 0 0 0 .018.57a.3.3 0 0 0 .232-.01a11.9 11.9 0 0 1 7.138-.83a9.2 9.2 0 0 1 3.244 1.381A8.9 8.9 0 0 1 21.695 5q.41.603.7 1.272q.294.657.44 1.361a10.8 10.8 0 0 1 .111 3.174a10.2 10.2 0 0 1-.81 3.083l-1.252 2.123a.35.35 0 0 0 .14.47a.35.35 0 0 0 .47-.14l1.352-2.112a10.9 10.9 0 0 0 1.001-3.304a11.9 11.9 0 0 0 .05-3.464"/></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. PhoneActionsRingingIcon.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.