Artboard Filled icon
tabler:artboard-filled
The Artboard Filled icon (tabler:artboard-filled) is a free SVG icon from the Tabler Icons set by Paweł Kuna. It is drawn on a 24 × 24 grid. Tabler Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Tabler Icons
- Author
- Paweł Kuna
- License
- MIT
- Size
- 24 × 24
- Tags
- graphics, drawing, design, art, canvas, artboard, creative, artistic, visual, aesthetic, artboardfilled
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M15 7H9a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2M4 7a1 1 0 0 1 .117 1.993L4 9H3a1 1 0 0 1-.117-1.993L3 7zm0 8a1 1 0 0 1 .117 1.993L4 17H3a1 1 0 0 1-.117-1.993L3 15zM8 2a1 1 0 0 1 .993.883L9 3v1a1 1 0 0 1-1.993.117L7 4V3a1 1 0 0 1 1-1m8 0a1 1 0 0 1 .993.883L17 3v1a1 1 0 0 1-1.993.117L15 4V3a1 1 0 0 1 1-1m5 5a1 1 0 0 1 .117 1.993L21 9h-1a1 1 0 0 1-.117-1.993L20 7zm0 8a1 1 0 0 1 .117 1.993L21 17h-1a1 1 0 0 1-.117-1.993L20 15zM8 19a1 1 0 0 1 .993.883L9 20v1a1 1 0 0 1-1.993.117L7 21v-1a1 1 0 0 1 1-1m8 0a1 1 0 0 1 .993.883L17 20v1a1 1 0 0 1-1.993.117L15 21v-1a1 1 0 0 1 1-1"/></svg>How to use the Artboard Filled icon
React
import { Icon } from "@iconify/react";
<Icon icon="tabler:artboard-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="tabler:artboard-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="tabler:artboard-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[tabler--artboard-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/tabler -->
<div class="i-tabler:artboard-filled"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="tabler:artboard-filled"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/tabler/artboard-filled.svg" alt="Artboard Filled icon" width="24" height="24">Related icons in Tabler Icons
Artboard Filled icon FAQ
Is the Artboard Filled icon free for commercial use?
Yes. Tabler Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Artboard Filled icon in React?
Install @iconify/react and render <Icon icon="tabler:artboard-filled" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Artboard Filled icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/tabler/artboard-filled.svg" alt="Artboard Filled icon">, or paste the SVG code inline to style it with CSS.