Home/Libraries/Freehand free icons (Iconify)/phone-retro-1

Freehand free icons (Iconify)

PhoneRetro1

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.614 6.053a6.9 6.9 0 0 0-.859-1.888a5.3 5.3 0 0 0-1.468-1.538A16.55 16.55 0 0 0 12.21.001a14.4 14.4 0 0 0-8.928 2.996a8.8 8.8 0 0 0-2.157 2.596a7.6 7.6 0 0 0-.93 3.287a7 7 0 0 0 0 1.368a1 1 0 0 0 .4.74c.452.257.968.378 1.488.349a29 29 0 0 0 3.096-.58a.31.31 0 0 0 .25-.16h.09a.3.3 0 0 0 .319-.279c0-.39.1-1.168.19-1.848q.039-.547.18-1.078a.9.9 0 0 1 .519-.3q.59-.1 1.188-.1a70 70 0 0 1 3.256-.24h2.147l3.146.08h.819a.7.7 0 0 1 .27.06q.009.206 0 .41q-.109.96-.11 1.927a1.4 1.4 0 0 0 .579 1c.267.17.56.295.869.369c.399.1.819.14 1.198.2c.38.06 1.059.21 1.628.239c.3.026.6-.005.889-.09c.29-.101.534-.303.689-.57c.163-.282.281-.588.35-.908a6 6 0 0 0 .189-1.738a8.2 8.2 0 0 0-.22-1.677m-.998 3.165a3 3 0 0 1-.17.52c0 .08-.07.16-.15.19a1.7 1.7 0 0 1-.68 0c-.488 0-.998-.15-1.347-.19a9 9 0 0 1-1.079-.15a1.8 1.8 0 0 1-.56-.21c-.159-.1-.159-.32-.159-.549c0-.57.12-1.228.09-1.618a2.3 2.3 0 0 0-.11-.719a.87.87 0 0 0-.33-.42a1.5 1.5 0 0 0-.589-.2a9 9 0 0 0-1.058 0h-3.136c-.74 0-1.478 0-2.217.07c-1.099.05-2.187.21-3.276.34a6 6 0 0 0-1.538.28a1.44 1.44 0 0 0-.649.51a4.2 4.2 0 0 0-.22 1.048c-.08.659-.15 1.508-.19 1.997a.4.4 0 0 0-.15 0c-.758.09-1.717.4-2.616.49a2.2 2.2 0 0 1-1.448-.24v-.09a1.6 1.6 0 0 1 0-.46V8.92a6.86 6.86 0 0 1 .83-2.926A8 8 0 0 1 3.86 3.696a13.5 13.5 0 0 1 8.36-2.667a15.6 15.6 0 0 1 8.458 2.517c.452.32.836.728 1.129 1.198c.314.478.556 1 .719 1.548q.181.719.23 1.458c.024.494-.027.99-.15 1.468z"/><path d="M22.216 15.25a6.36 6.36 0 0 0-2.147-2.756a5.7 5.7 0 0 0-1.468-.699a20 20 0 0 0-2.207-.52a11 11 0 0 0-1.378-.209c0-.21.08-.43.11-.66a3.5 3.5 0 0 0 .05-.558q.015-.285 0-.57c0-.489-.14-.928-.19-1.328a.299.299 0 0 0-.577-.115a.3.3 0 0 0-.022.115c-.09.38-.22.82-.3 1.308q-.015.285 0 .57v.569c0 .19 0 .45.07.649h-.64c-1.254.04-2.505.16-3.744.36c.07-.28.14-.58.19-.91a3.4 3.4 0 0 0 0-.558q.03-.275 0-.55a7 7 0 0 0-.3-1.288a.3.3 0 1 0-.59 0c0 .36-.14.769-.19 1.248q-.015.265 0 .53v.529c0 .39.07.749.09 1.069c-1.303.144-2.579.48-3.784.998a6 6 0 0 0-2.227 1.828q-.45.617-.77 1.308a15 15 0 0 0-.738 2.107c-.23.879-.45 1.818-.61 2.767a22 22 0 0 0-.35 2.826a.31.31 0 0 0 .28.32a.3.3 0 0 0 .26-.23q.105-1.386.39-2.747c.19-.918.42-1.837.669-2.696q.24-.846.599-1.648a6.8 6.8 0 0 1 .859-1.468a5.1 5.1 0 0 1 1.997-1.518a12.7 12.7 0 0 1 3.795-.899a30 30 0 0 1 4.165-.34c.903-.006 1.804.088 2.686.28c.71.16 1.418.28 2.097.5a4.8 4.8 0 0 1 1.169.569a5.23 5.23 0 0 1 1.758 2.277a18 18 0 0 1 1.108 4.544c.143.814.194 1.641.15 2.467a1.4 1.4 0 0 1-.6.16q-.744.045-1.487 0h-4.245c-2.946 0-5.892-.07-8.848 0a69 69 0 0 0-5.892.249a.34.34 0 0 0-.366.478a.34.34 0 0 0 .366.191c1.947-.1 3.905-.14 5.862-.14c2.936 0 5.882.09 8.808.19l4.265.11q.953.082 1.907 0c.362-.05.706-.19.999-.41c.233-.257.36-.591.36-.938a14.7 14.7 0 0 0-.16-2.477a19 19 0 0 0-1.229-4.884"/><path d="M9.283 21.672c.404.162.827.273 1.259.33a9.7 9.7 0 0 0 1.847 0a5.15 5.15 0 0 0 3.495-1.758a4.18 4.18 0 0 0 .88-3.785a4.8 4.8 0 0 0-.89-1.768a6.4 6.4 0 0 0-1.408-1.298a3 3 0 0 0-.998-.46a1.76 1.76 0 0 0-.82 0a.3.3 0 0 0-.119-.06a2.4 2.4 0 0 0-1.059 0c-.499.091-.98.26-1.428.5a5.6 5.6 0 0 0-1.078.719c-.34.29-.64.627-.89.999a5.46 5.46 0 0 0-.758 4.244a3.35 3.35 0 0 0 1.967 2.337m-.509-6.142q.286-.481.689-.869q.42-.382.909-.669q.475-.278.999-.45c.322-.104.666-.124.998-.06h.07a.34.34 0 0 0 .36.12c.203-.027.41 0 .599.08q.335.131.629.34c.451.337.852.737 1.188 1.188c.322.441.547.945.66 1.478a3.23 3.23 0 0 1-.79 2.897a4.05 4.05 0 0 1-2.786 1.308a8 8 0 0 1-1.358 0a4.6 4.6 0 0 1-1.238-.27a2.53 2.53 0 0 1-1.518-2.167a4.7 4.7 0 0 1 .589-2.926"/></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. PhoneRetro1Icon.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.