ICONYZ
English
Toolbox Sharp Fill icon from Keyline Icons

Toolbox Sharp Fill icon

keyline-icons:toolbox-sharp-fill

The Toolbox Sharp Fill icon (keyline-icons:toolbox-sharp-fill) is a free SVG icon from the Keyline Icons set. It is drawn on a 24 × 24 grid. Keyline 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
Keyline Icons
Author
Keyline Icons
License
MIT
Size
24 × 24
Tags
toolboxsharp, sharpfill, toolboxsharpfill
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-rule="evenodd" d="M5 7L19 7C19.2652 7 19.5196 7.1054 19.7071 7.2929L22.7071 10.2929C22.8946 10.4804 23 10.7348 23 11L23 21C23 21.5523 22.5523 22 22 22L2 22C1.4477 22 1 21.5523 1 21L1 11C1 10.7348 1.1054 10.4804 1.2929 10.2929L4.2929 7.2929C4.4804 7.1054 4.7348 7 5 7ZM3 13L7 13L7 11L9 11L9 13L15 13L15 11L17 11L17 13L21 13L21 15L17 15L17 17L15 17L15 15L9 15L9 17L7 17L7 15L3 15L3 13Z" clip-rule="evenodd" stroke="none"/><path d="M8 9L8 3L16 3L16 9"/></g></svg>

How to use the Toolbox Sharp Fill icon

React

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

<Icon icon="keyline-icons:toolbox-sharp-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:toolbox-sharp-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:toolbox-sharp-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--toolbox-sharp-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:toolbox-sharp-fill"></div>

Web component

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

<iconify-icon icon="keyline-icons:toolbox-sharp-fill"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/keyline-icons/toolbox-sharp-fill.svg" alt="Toolbox Sharp Fill icon" width="24" height="24">

Related icons in Keyline Icons

Toolbox Sharp Fill icon FAQ

Is the Toolbox Sharp Fill icon free for commercial use?

Yes. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Toolbox Sharp Fill icon in React?

Install @iconify/react and render <Icon icon="keyline-icons:toolbox-sharp-fill" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Toolbox Sharp Fill icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/keyline-icons/toolbox-sharp-fill.svg" alt="Toolbox Sharp Fill icon">, or paste the SVG code inline to style it with CSS.

Browse all Keyline Icons →