Home/Libraries/Font Awesome Brands (Iconify)/screenpal

Font Awesome Brands (Iconify)

Screenpal

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 640 640"><path fill="#818cf8" d="M342.6 86.5c0 12.4-10.1 22.5-22.5 22.5s-22.5-10.1-22.5-22.5S307.7 64 320.1 64s22.5 10.1 22.5 22.5M262.7 323c0-31.7 25.7-57.4 57.4-57.4s57.4 25.7 57.4 57.4s-25.7 57.4-57.4 57.4s-57.4-25.7-57.4-57.4m138.6 91c22.3-19.9 36.5-47.3 39.9-77h119.5c-3.5 61.4-30.4 119.2-75.2 161.4c-44.7 42.2-103.9 65.8-165.4 65.8s-120.7-23.6-165.4-65.8c-44.8-42.2-71.6-100-75.2-161.4h119.7c3.4 29.7 17.6 57.1 39.9 77s51.2 30.9 81.1 30.9c29 0 58.7-11 81.1-30.9m-309-208.3c-.4-12.4 9.4-22.8 21.8-23.2s22.8 9.4 23.2 21.8s-9.4 22.8-21.8 23.2s-22.8-9.4-23.2-21.8m455.6-.7c0 12.4-10.1 22.5-22.4 22.5c-12.4 0-22.5-10.1-22.5-22.5s10.1-22.4 22.5-22.4c12.3 0 22.4 10 22.4 22.4M382 159.3c-17.3 13.8-39.2 22.8-61.9 22.8s-44.6-9-61.9-22.8a95.34 95.34 0 0 1-32.4-57.5c15.1-6.4 30.8-11.3 46.9-14.5c0 12.6 5 24.6 13.9 33.5s20.9 13.9 33.5 13.9s24.6-5 33.5-13.9s13.9-20.9 13.9-33.5c16.1 3.2 31.8 8.1 46.9 14.5a95.34 95.34 0 0 1-32.4 57.5M146.9 295c-21.4 7.6-44.7 7.4-65.9-.6c2-16.3 5.6-32.3 10.8-47.9c5.4 3.1 11.3 5.1 17.5 6c6.2.8 12.4.4 18.5-1.2c6-1.7 11.6-4.4 16.6-8.2s9.1-8.5 12.2-13.9s5.1-11.4 6-17.5c.8-6.2.4-12.5-1.2-18.5s-4.4-11.6-8.2-16.6c-3.8-4.9-8.5-9.1-13.9-12.2c10.8-12.3 22.9-23.5 36-33.3c17.6 14.3 29.5 34.5 33.6 56.8s.1 45.4-11.2 65c-11.4 19.6-29.4 34.5-50.7 42.1zm346.4.1c-21.3-7.6-39.3-22.6-50.7-42.2c-11.3-19.6-15.2-42.7-11.1-65c4.1-22.2 16-42.4 33.5-56.7c13.1 9.8 25.2 21 36 33.3c-10.7 6.4-18.4 16.7-21.5 28.8c-3.2 12-2.3 24.8 4.8 35.6c6.2 10.8 16.4 18.7 28.4 22s24.9 1.7 35.7-4.3c5.3 15.5 8.9 31.6 10.9 47.8c-22.1 8.1-44.6 8.3-66 .7"/></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. ScreenpalIcon.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 Font Awesome Brands (Iconify)

Browse all Font Awesome Brands (Iconify) icons →

adn