Unit icon
formkit:unit
The Unit icon (formkit:unit) is a free SVG icon from the FormKit Icons set by FormKit, Inc. It is drawn on a 23 × 26 grid. FormKit 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
- FormKit Icons
- Author
- FormKit, Inc
- License
- MIT
- Size
- 23 × 26
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="26" viewBox="0 0 23 26"><path fill="currentColor" d="M0 17.5v8.2h23.3v-8.2zm22.3 7.2H1v-6.2h1V20h1v-1.6h1v3.1h1v-3.1h1.5V20h1v-1.6h1.2v3.1h1v-3.1h1.4V20h1v-1.6h1.4v3.1h1v-3.1h1.2V20h1v-1.6h1.5v3.1h1v-3.1h1.1V20h1v-1.6h1zm-3-22.1H13V0h-2.7v2.6H4L1.4 15.9H22zm-8-1.6h.7v1.6h-.7zM4.8 3.6h13.7l2.2 11.3H2.6z"/><path fill="currentColor" d="M11 6.9h-1L8.6 8.6c-.2.1-.3.3-.5.5V4.7h-.8v7h.9V9.9l.4-.5l1.7 2.3h1.1L9.2 8.9zm4.2.7c-.2-.4-.7-.8-1.5-.8c-1.1 0-2.2.9-2.2 2.5c0 1.3.9 2.3 2 2.3c.7 0 1.3-.4 1.5-.8v.5c0 1.2-.7 1.7-1.5 1.7c-.6 0-1.1-.2-1.4-.4l-.1.8c.4.3 1 .4 1.6.4s1.3-.1 1.7-.6c.5-.4.7-1.1.7-2.2V6.9h-.8zm-.1 2c0 .1 0 .3-.1.5c-.2.6-.7.9-1.2.9c-.9 0-1.4-.8-1.4-1.7c0-1.1.6-1.8 1.4-1.8c.6 0 1.1.4 1.2.9v1.2z"/></svg>How to use the Unit icon
React
import { Icon } from "@iconify/react";
<Icon icon="formkit:unit" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="formkit:unit" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="formkit:unit" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[formkit--unit]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/formkit -->
<div class="i-formkit:unit"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="formkit:unit"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/formkit/unit.svg" alt="Unit icon" width="24" height="24">Unit icon FAQ
Is the Unit icon free for commercial use?
Yes. FormKit Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Unit icon in React?
Install @iconify/react and render <Icon icon="formkit:unit" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Unit icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/formkit/unit.svg" alt="Unit icon">, or paste the SVG code inline to style it with CSS.