Sheet Bold icon
solar:sheet-bold
The Sheet Bold icon (solar:sheet-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
- Tags
- sheetbold
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.583 21.9844C13.8103 21.9965 12.9534 22 12 22C11.0466 22 10.1897 21.9965 9.41699 21.9844V16.083H14.583V21.9844Z"/><path d="M7.91699 21.9385C5.77199 21.825 4.42622 21.4965 3.46484 20.5352C2.50346 19.5738 2.17498 18.228 2.06152 16.083H7.91699V21.9385Z"/><path d="M21.9385 16.083C21.825 18.228 21.4965 19.5738 20.5352 20.5352C19.5738 21.4965 18.228 21.825 16.083 21.9385V16.083H21.9385Z"/><path d="M7.91699 14.583H2.01562C2.00351 13.8103 2 12.9534 2 12C2 11.0462 2.00349 10.189 2.01562 9.41602H7.91699V14.583Z"/><path d="M14.584 14.583H9.41699V9.41602H14.584V14.583Z"/><path d="M21.9844 9.41602C21.9965 10.189 22 11.0462 22 12C22 12.9534 21.9965 13.8103 21.9844 14.583H16.084V9.41602H21.9844Z"/><path d="M12 2C16.714 2 19.0707 2.00038 20.5352 3.46484C21.4964 4.42608 21.825 5.77158 21.9385 7.91602H2.06152C2.17503 5.77158 2.50361 4.42608 3.46484 3.46484C4.92931 2.00038 7.28595 2 12 2Z"/></g></svg>How to use the Sheet Bold icon
React
import { Icon } from "@iconify/react";
<Icon icon="solar:sheet-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:sheet-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:sheet-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--sheet-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:sheet-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:sheet-bold"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/solar/sheet-bold.svg" alt="Sheet Bold icon" width="24" height="24">Related icons in Solar
Sheet Bold icon FAQ
Is the Sheet 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 Sheet Bold icon in React?
Install @iconify/react and render <Icon icon="solar:sheet-bold" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Sheet Bold icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/sheet-bold.svg" alt="Sheet Bold icon">, or paste the SVG code inline to style it with CSS.