IconSearch logoIconsearch
Home/Libraries/Freehand free icons (Iconify)/screen-curved
← Back to Search
Freehand free icons (Iconify)

ScreenCurved

License: CC-BY-4.0


<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.565 3.92a1.14 1.14 0 0 0-.55-.86C16.31.84 7.544.278 1.619 3.34a.36.36 0 1 0 .31.65c5.785-2.871 14.21-2.15 20.525 0c0 .081.49.561.41 7.706c0 1.712-.08 3.303-.19 4.303q-.043.266-.13.52c-1-.19-3.773-1.08-6.384-1.57c-3.112-.58-5.614-.64-10.428.65c-1.89.51-3.342 1.05-4.253 1.341q-.3.075-.61.1L.699 4.701a.31.31 0 1 0-.62 0V15.35c0 .54-.24 1.931.12 2.382c.65.82 2.902-.871 8.586-1.782c0 .05.22 3.052.22 3.052c0 1.001.59 1.001 1.66.901h2.212c.395-.02.781-.125 1.131-.31c.24-.16.32-.21.38-1.05s.12-2.242.13-2.743c4.834.68 8.106 2.362 8.857 1.721c.96-.82.64-11.458.19-13.6M13.408 18.692c-.28.11.42.07-2.852.11l-.57.05c-.36-1.69-.521-2.542-.611-3.002a15 15 0 0 1 4.453-.15z"/><path d="M16.86 19.412c-.07-.14-.58-1.141-.67-1.261c-.32-.4-.76-.23-.76.11c.115.32.273.623.47.9c.395.717.653 1.5.76 2.312c-11.198.22-9.256.41-10.007.08v-.22c.7-1.861.46-1.26 1-2.662c.2-.35-.34-.65-.52-.3c-.75 1.4-.43.81-1.31 2.702c-.12.33-.31.55-.17.91s.62.5.88.6c1.17.461 9.787 0 10.297-.18c.75-.22.86-.93.56-1.59c-.14-.45-.32-.941-.53-1.401m4.073-12.599c-.21-2.001-1.521-2.662-3.502-2.642a.302.302 0 1 0-.06.6c1.64.32 2.241 1.061 2.481 2.222c.4 2.001.09 2.642.64 2.642a.34.34 0 0 0 .34-.34c.106-.823.14-1.654.101-2.482m-.52 4.883c-.23 0-.67.78-.59 1.331c.03.271.13.53.29.75c.15.17.25.28.38.24c.33 0 .36-.35.45-1q.03-.195 0-.39c-.02-.13-.25-.93-.53-.93"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

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. ScreenCurvedIcon.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.

Related Icons in Freehand free icons (Iconify)

Browse all Freehand free icons (Iconify) icons →
accessories-remote-shutter
accessories-remote-shutter
accessories-retro-film-1
accessories-retro-film-1
accounting-abacus
accounting-abacus
accounting-calculator
accounting-calculator
accounting-invoice
accounting-invoice
accounting-invoice-mail
accounting-invoice-mail
add-sign-bold
add-sign-bold
advertising-ad-browser
advertising-ad-browser
advertising-money-idea
advertising-money-idea
airplane-mode-rectangle
airplane-mode-rectangle
alert-alarm-bell
alert-alarm-bell
alert-alarm-clock
alert-alarm-clock