Home/Libraries/Freehand free icons (Iconify)/product-launch-laptop

Freehand free icons (Iconify)

ProductLaunchLaptop

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.983 21.154c-.14-.999-1.418-2.077-2.047-2.516l-.67-.47c-.678-.509-.428-.738-.828-.738c0-.999.13-1.927.13-2.796v-1.198c0-.39-.08-.799-.14-1.198a40 40 0 0 0-.569-2.766a.39.39 0 0 0-.58-.279a.38.38 0 0 0-.179.39c.07 1.057.07 1.996.11 2.845c0 .639 0 1.258.11 1.887c.11.998.3 1.996.48 3.135h-1.928c-1.198-.05-2.406-.18-3.604-.26c-.819-.05-1.628-.08-2.436-.1c-.999 0-1.947 0-2.916.11c-1.447.11-2.875.3-4.323.48a.34.34 0 1 0 0 .678H7.47c1.427 0 2.845 0 4.283.08c.859 0 1.717.05 2.586.07s1.737 0 2.606 0c.998 0 2.057-.08 3.065-.18l.749.59l.669.518q.544.394.998.89l-4.123-.36h-4.074c-1.997 0-4.064.12-6.09.12c-1.678.06-3.375.289-5.062.349H1.278a5 5 0 0 1 .74-1.268l.678-.61l.999-.658a.34.34 0 0 0 .14-.46a.34.34 0 0 0-.36-.15l.14-1.836c.07-.909.18-1.807.25-2.726c.07-.918.15-1.817.15-2.746c-.11-2.336-.2-1.238.998-1.437l2.366-.43a.39.39 0 0 0-.16-.758l-2.306.2c-.18 0-.999-.07-1.398 0a.78.78 0 0 0-.53.299a1.5 1.5 0 0 0-.199.609c-.07.48 0 1.228 0 1.497c0 .919-.1 1.838-.11 2.746c-.01.909 0 1.837.07 2.756l.09 2.226l-.49.3l-.808.659A5.6 5.6 0 0 0 .1 20.964a1.74 1.74 0 0 0 .63 1.997c.334.22.712.367 1.108.43q.765.105 1.537.08l3.275.139c2.855 0 5.711.17 8.557.18c1.237 0 2.476 0 3.714-.13l2.066-.32l1.278-.33l.849-.359a1.37 1.37 0 0 0 .869-1.497m-1.318.609l-.7.26l-1.167.259l-1.917.18h-2.426c-3.265 0-6.53-.2-9.795-.17H3.365q-.689.06-1.378 0a2 2 0 0 1-.709-.23a.85.85 0 0 1-.299-.998v-.07q1.033.15 2.077.18c1.677.06 3.384 0 5.052 0H12.2c1.997-.05 4.064-.19 6.09-.26h4.623a.528.528 0 0 1-.27.849z"/><path d="M9.416 6.986q.522.484 1.128.859a.389.389 0 1 0 .509-.59q-.405-.36-.749-.778a.87.87 0 0 1-.18-.42l.17-.259c.18-.276.424-.505.71-.669a3.6 3.6 0 0 1 1.067-.42l.43-.07s-.08.1-.11.16a9 9 0 0 0-.998 2.477a2 2 0 0 0 .499 1.917l.769.788a2 2 0 0 0 1.996.52a9.2 9.2 0 0 0 2.486-1.079c.08 0 .15-.11.23-.15l-.09.51a3.6 3.6 0 0 1-.42 1.068c-.167.3-.403.557-.688.749l-.26.17a.87.87 0 0 1-.419-.18a8 8 0 0 1-.779-.749a.39.39 0 0 0-.589.51q.375.604.859 1.128c.196.189.436.326.699.399c.184.04.375.04.559 0a2 2 0 0 0 .639-.25c.468-.278.85-.678 1.108-1.158a4 4 0 0 0 .24-1.488l-.08-.998a1 1 0 0 1 0-.18a9.4 9.4 0 0 0 1.777-1.617a7.6 7.6 0 0 0 1.588-3.415a6 6 0 0 0 0-1.657c-.016-.5-.202-.98-.53-1.358a2.2 2.2 0 0 0-1.258-.53a6.5 6.5 0 0 0-1.637.09a7.7 7.7 0 0 0-3.355 1.678a9.7 9.7 0 0 0-1.627 1.817H13l-.998-.12a4.1 4.1 0 0 0-1.558.3c-.502.254-.918.65-1.198 1.138q-.172.289-.24.62c-.04.18-.04.367 0 .548c.081.259.221.495.41.69m5.99-4.153a6.66 6.66 0 0 1 2.896-1.278q.525-.09 1.058-.07c.245-.02.49.039.699.17c.14.216.203.472.18.728q.035.547-.05 1.089a6.34 6.34 0 0 1-1.199 2.915a8.9 8.9 0 0 1-2.416 2.197c-.67.46-1.403.82-2.176 1.068a1.22 1.22 0 0 1-1.198-.21l-.81-.768a1.28 1.28 0 0 1-.219-1.258A8 8 0 0 1 13.26 5.25a9.1 9.1 0 0 1 2.176-2.396zM8.168 10.86q.141.104.31.16l-.08.11a7.8 7.8 0 0 0-1 1.547c-.138.353-.166.74-.079 1.108a.65.65 0 0 0 .17.27a.7.7 0 0 0 .27.17c.408.13.848.116 1.247-.04a7.7 7.7 0 0 0 1.538-.999l.11-.08q.058.17.16.32a.91.91 0 0 0 1.178.43c.423-.222.744-.597.898-1.049c.109-.32.15-.66.12-.998q-.054-.65-.19-1.288a.37.37 0 0 0-.439-.32a.38.38 0 0 0-.33.43q.084.59.09 1.187c.002.223-.039.443-.12.65c0 .09-.22.17-.319.26l-.05-.66a.64.64 0 0 0-.789-.44l-.28.1l-.728.42c-.24.15-.59.4-.998.6h-.05q.274-.518.609-1L9.825 11q.06-.13.1-.27a.3.3 0 0 0 0-.09a.56.56 0 0 0-.47-.698l-.718.04s0-.05-.06 0s0 .1 0 .09s.27-.33.42-.39c.208-.088.432-.135.658-.14q.597.001 1.188.08a.34.34 0 0 0 .39-.29a.35.35 0 0 0-.33-.429q-.634-.134-1.278-.2a2.7 2.7 0 0 0-.998.11a1.9 1.9 0 0 0-.999.879a.91.91 0 0 0 .44 1.168"/></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. ProductLaunchLaptopIcon.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.