Compile icon
vaadin:compile
The Compile icon (vaadin:compile) is a free SVG icon from the Vaadin Icons set by Vaadin. It is drawn on a 24 × 24 grid. Vaadin Icons are released under the Apache 2.0 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
- Vaadin Icons
- Author
- Vaadin
- License
- Apache-2.0
- Size
- 24 × 24
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M1 12h4v4H1zm5 0h4v4H6zm5 0h4v4h-4zM1 7h4v4H1zm0-5h4v4H1zm5 5h4v4H6zm1-6h4v4H7zm4 6h4v4h-4zm2-7h3v3h-3z"/></svg>How to use the Compile icon
React
import { Icon } from "@iconify/react";
<Icon icon="vaadin:compile" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vaadin:compile" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vaadin:compile" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vaadin--compile]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vaadin -->
<div class="i-vaadin:compile"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vaadin:compile"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/vaadin/compile.svg" alt="Compile icon" width="24" height="24">Compile icon in other icon sets
Compile icon FAQ
Is the Compile icon free for commercial use?
Yes. Vaadin Icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Compile icon in React?
Install @iconify/react and render <Icon icon="vaadin:compile" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Compile icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/vaadin/compile.svg" alt="Compile icon">, or paste the SVG code inline to style it with CSS.