Home/Libraries/Freehand free icons (Iconify)/phone-actions-24-hours-call

Freehand free icons (Iconify)

PhoneActions24HoursCall

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="M21.991 18.145q-.33-.075-.669-.09a5 5 0 0 0-.669 0q-.767.079-1.508.29a9.74 9.74 0 0 0 3.086-7.31a11.46 11.46 0 0 0-2.886-8.028A10.26 10.26 0 0 0 11.606.011a11.36 11.36 0 0 0-7.529 3.296A12 12 0 0 0 2.18 5.763A12.6 12.6 0 0 0 .932 8.589a.34.34 0 0 0 .22.41a.36.36 0 0 0 .439-.22a11.65 11.65 0 0 1 3.125-4.773a10.58 10.58 0 0 1 6.93-2.716a9.23 9.23 0 0 1 6.79 2.626a10.36 10.36 0 0 1 2.706 7.15a9.17 9.17 0 0 1-2.147 6.24v-.39a4.6 4.6 0 0 0-.07-.738a6 6 0 0 0-.17-.72c-.638-1.886-.918-1.886-1.128-1.826s-.33 0-.1 2.096c0 .22.06.45.1.68s.1.459.16.688c.12.54.28 1.049.38 1.598c0 .2-.18.39 2.446.62q.497.066.999.069c1.997 0 2.057-.14 2.097-.35s.03-.499-1.718-.888"/><path d="M12.805 18.524q-.566-.588-1.209-1.088a8 8 0 0 0-.789-.6a.83.83 0 0 0-.589-.119c-.328.084-.621.27-.838.53q-.486.664-.9 1.377c-.458.769-.339.33-.938-.08l-.699-.559a6 6 0 0 1-.799-.929a4.8 4.8 0 0 1-.569-1.068s-.1-.16-.17-.3c.34-.21.9-.31 1.249-.509c.222-.12.405-.3.529-.519a.59.59 0 0 0 0-.57a8 8 0 0 0-.61-.928a13.6 13.6 0 0 0-1.297-1.538a14 14 0 0 0-1.258-1.068c-.49-.38-.29-.56-1.698 1.068a6.8 6.8 0 0 0-.969 1.368a8.8 8.8 0 0 0-.888 2.766a6.2 6.2 0 0 0 .25 2.996a8.1 8.1 0 0 0 3.165 3.774a9 9 0 0 0 2.995 1.249a6.91 6.91 0 0 0 7.32-2.607a.4.4 0 0 0 .07-.28h.13a.38.38 0 0 0 0-.548c-.44-.64-.94-1.248-1.489-1.818m-5.732 4.094a8.4 8.4 0 0 1-2.576-1.158a7.17 7.17 0 0 1-2.716-3.155a5.1 5.1 0 0 1-.33-2.417a7.8 7.8 0 0 1 .57-2.506q.28-.692.728-1.288q.37-.464.829-.839q.527.471.999.999q.609.717 1.088 1.527s.1.34.21.56c-.34.13-.75.22-1.069.369c-.211.09-.404.22-.569.38a.73.73 0 0 0-.16.569q.075.432.24.838c.174.471.41.918.699 1.328c.286.416.621.795.998 1.129l.87.689q.478.325.998.579c.222.103.474.12.709.05c.316-.124.585-.344.769-.63c.29-.389.529-.998.808-1.397q.087-.187.2-.36c.214.162.454.287.709.37q.614.428 1.168.928c.51.47.999.999 1.438 1.478c0 0-.08 0-.11.07a5.99 5.99 0 0 1-6.5 1.887M11.496 8.15c.308-.557.41-1.204.29-1.828a2.23 2.23 0 0 0-1.178-1.518a2.18 2.18 0 0 0-1.848-.08c-.282.117-.537.29-.748.51q-.409.415-.72.908a.35.35 0 0 0 .07.49a.35.35 0 0 0 .48-.07q.313-.4.709-.72c.145-.123.315-.215.499-.269a1.2 1.2 0 0 1 .998.19a1.08 1.08 0 0 1 .48.769c.043.348-.034.7-.22.998A6.8 6.8 0 0 1 9.07 9.098c-.08.09-.759.739-.999.999a.69.69 0 0 0-.15.629a.57.57 0 0 0 .48.39h.679l2.207-.06a.4.4 0 0 0 .41-.38a.4.4 0 0 0-.38-.4l-1.798-.13c.19-.12.37-.21.4-.23a7.6 7.6 0 0 0 1.577-1.767m6.261.251a.41.41 0 0 0-.41-.4l-.998-.08v-.66c0-.718-.16-1.417-.25-2.136a.34.34 0 0 0-.339-.34a.34.34 0 0 0-.35.34c-.1.709-.229 1.388-.319 2.107v.539h-.37a1.06 1.06 0 0 1-.898-.769a7.2 7.2 0 0 1-.37-1.687a.34.34 0 0 0-.466-.286a.35.35 0 0 0-.222.326c-.18.823-.15 1.678.09 2.486a2.14 2.14 0 0 0 1.607 1.158q.27.015.54 0c0 .72.1 1.408.14 2.127a.39.39 0 0 0 .378.4a.4.4 0 0 0 .4-.37c.11-.699.24-1.398.32-2.107a1 1 0 0 1 0-.17l1.058-.12a.41.41 0 0 0 .46-.359"/></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. PhoneActions24HoursCallIcon.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.