Laptop 3 Bold icon

solar:laptop-3-bold

The Laptop 3 Bold icon (solar:laptop-3-bold) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: Devices
Tags: laptopbold

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M14.5 2H9.5C6.67157 2 5.25736 2 4.37868 2.87868C3.5 3.75736 3.5 5.17157 3.5 8V11.5C3.5 13.3856 3.5 14.3284 4.08579 14.9142C4.67157 15.5 5.61438 15.5 7.5 15.5H16.5C18.3856 15.5 19.3284 15.5 19.9142 14.9142C20.5 14.3284 20.5 13.3856 20.5 11.5V8C20.5 5.17157 20.5 3.75736 19.6213 2.87868C18.7426 2 17.3284 2 14.5 2Z"/><path d="M5 22H19C20.6569 22 22 20.6569 22 19V18C22 17.4477 21.5523 17 21 17H16.6667C16.2339 17 15.8129 17.1404 15.4667 17.4L14.5333 18.1C14.1871 18.3596 13.7661 18.5 13.3333 18.5H10.6667C10.2339 18.5 9.81286 18.3596 9.46667 18.1L8.53333 17.4C8.18714 17.1404 7.76607 17 7.33333 17H3C2.44772 17 2 17.4477 2 18V19C2 20.6569 3.34315 22 5 22Z"/></g></svg>

How to use the Laptop 3 Bold icon

React

import { Icon } from "@iconify/react";

<Icon icon="solar:laptop-3-bold" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:laptop-3-bold" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:laptop-3-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--laptop-3-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:laptop-3-bold"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:laptop-3-bold"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/laptop-3-bold.svg" alt="Laptop 3 Bold icon" width="24" height="24">

Related icons in Solar

Laptop 3 Bold icon FAQ

Is the Laptop 3 Bold icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Laptop 3 Bold icon in React?

Install @iconify/react and render <Icon icon="solar:laptop-3-bold" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Laptop 3 Bold icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/laptop-3-bold.svg" alt="Laptop 3 Bold icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →