Home/Libraries/Freehand free icons (Iconify)/desktop-computer-pc

Freehand free icons (Iconify)

DesktopComputerPc

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="M18.107 13.699a1 1 0 0 1 .48-.12c.11 0 .24 0 .29.09a.29.29 0 0 0 .38.17a.28.28 0 0 0 .17-.37a.81.81 0 0 0-.6-.54a1.8 1.8 0 0 0-1 0a2 2 0 0 0-1.39 1.28a1.67 1.67 0 0 0 .22 1.39c.245.38.592.686 1 .88a1.86 1.86 0 0 0 1.39.13a1.8 1.8 0 0 0 1.13-1.12a1.4 1.4 0 0 0-.42-1.49a.332.332 0 1 0-.47.47a.67.67 0 0 1 .07.74a.88.88 0 0 1-.61.46a.92.92 0 0 1-.62-.15a1.44 1.44 0 0 1-.53-.52a.68.68 0 0 1-.11-.66a1.28 1.28 0 0 1 .62-.64m3.06-8.449a15.8 15.8 0 0 0-6 .09a.29.29 0 0 0 0 .58c1.99.287 4.01.287 6 0a.34.34 0 0 0 0-.67m.06 3.75a7.2 7.2 0 0 0-3.95.1a.3.3 0 0 0 0 .59a8.25 8.25 0 0 0 3.92 0a.345.345 0 1 0 .03-.69M9.719 18.838c1.7 0 3.229-.09 4.119-.15c1.09-.09 1.57.15 1.87-3c.24-2.536.268-5.087.08-7.628a1.77 1.77 0 0 0-.48-1C13.728 5.84 3 6.57 1.55 6.88a.34.34 0 1 0 .13.66c1.47-.28 11.828-.67 12.998.3c0 0 0 .12.06.22c.29 1.18 0 5.999-.14 7.259a.36.36 0 0 0-.23-.13a56.7 56.7 0 0 0-12.568.26a.3.3 0 0 0 0 .59c1.24 0 3.08.07 5 .06c2.749 0 6.558-.31 7.458-.25a.31.31 0 0 0 .25-.08a8 8 0 0 1-.33 1.78c-.46 0-8.999.46-12.408.15c-.37 0-.71-.24-.81-.16c-.35-.89-.09-8.8-.03-9.66a.3.3 0 0 0-.16-.39a.37.37 0 0 0-.43.32c-.1.7-.35 6-.34 8.08s.09 2.429 1.15 2.629a35 35 0 0 0 4.75.32a10 10 0 0 0-.52 2.41a.82.82 0 0 0 .69.52c5.748.74 4.198-.36 3.669-2.89a.1.1 0 0 1-.02-.04m-3.39 1.93a7.6 7.6 0 0 1 .14-1.77c.07-.23-.52-.11 2.61-.14c-.06.21.23 1.48.27 2c-.35.03-1.94-.09-3.02-.09"/><path d="M23.536 3.35c-.6-1.759-6.119-1.39-7.818-1.1c-2.31.4-3.06.48-3 2.77c0 .1 0 .54.13.64a.31.31 0 0 0 .33.09c.4-.1.06-.31.19-1.39s.39-1.07 2.5-1.36c1.49-.2 4.999-.22 6.348.39c.18.08.33.15.37.27c.63 2 .14 8.85.15 12.278c0 .7 0 1.83-.07 2.82c-.19 1.68-.46 1.62-1 1.75c-1.61.38-6.688.53-7.668-.39a.34.34 0 0 0-.47.48c1.17 1.16 6.459 1.17 8.338.79c1-.2 1.44-.53 1.73-2a20.7 20.7 0 0 0 .23-3.44c-.05-3.479.58-10.028-.29-12.597"/></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. DesktopComputerPcIcon.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.