Tooljet icon
thesvg-color:tooljet
The Tooljet icon (thesvg-color:tooljet) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 131 × 22 grid. theSVG Color 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
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 131 × 22
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="131" height="22" viewBox="0 0 131 22"><g fill="none"><g clip-path="url(#SVG3LbICbVO)"><path fill="#4368e3" d="m34.537 11l-3.353 4.796l-.495.704l-2.858 4.087v.005L26.84 22H13.418l.99-1.413L17.27 16.5h6.706l.495-.704L27.831 11l-3.359-4.796l-.495-.704h-5.722l2.864-4.086v-.006L22.109 0h4.732l.99 1.408v.006L30.689 5.5l.495.704zm-20.13 0l-3.353 4.796l-.495.704L6.713 22H0l3.848-5.5L7.696 11L3.848 5.5L0 0h6.712l3.848 5.5l.494.704z"/><path fill="#fff" d="M45.498 20.63V4.07h-5.332V1.375h13.632v2.7h-5.332v16.556zm14.732.33q-2.036 0-3.617-.841a6.14 6.14 0 0 1-2.49-2.41q-.908-1.567-.908-3.712v-.412q0-2.145.907-3.696a6.3 6.3 0 0 1 2.49-2.41q1.583-.85 3.617-.852q2.037.001 3.628.853a6.3 6.3 0 0 1 2.507 2.409c.61 1.04.907 2.266.907 3.696v.412q0 2.145-.907 3.713a6.15 6.15 0 0 1-2.507 2.409c-1.06.555-2.27.841-3.628.841m0-2.535c1.242 0 2.259-.396 3.04-1.2q1.17-1.197 1.17-3.31v-.248q0-2.113-1.154-3.31c-.775-.804-1.787-1.2-3.051-1.2s-2.232.396-3.012 1.2q-1.17 1.197-1.171 3.31v.248c0 1.413.39 2.513 1.17 3.31c.781.798 1.782 1.2 3.013 1.2zm16.403 2.535q-2.035 0-3.617-.841a6.14 6.14 0 0 1-2.49-2.41q-.907-1.567-.907-3.712v-.412q0-2.145.907-3.696a6.3 6.3 0 0 1 2.49-2.41q1.583-.85 3.617-.852q2.037.001 3.628.853a6.3 6.3 0 0 1 2.507 2.409c.61 1.04.907 2.266.907 3.696v.412q0 2.145-.907 3.713a6.15 6.15 0 0 1-2.507 2.409c-1.06.555-2.27.841-3.628.841m0-2.535c1.242 0 2.26-.396 3.04-1.2q1.17-1.197 1.17-3.31v-.248q0-2.113-1.154-3.31c-.775-.804-1.786-1.2-3.05-1.2c-1.265 0-2.232.396-3.013 1.2q-1.17 1.197-1.17 3.31v.248c0 1.413.39 2.513 1.17 3.31s1.781 1.2 3.013 1.2zm9.68 2.266V1.381h2.837v19.31zm12.033.325c-1.924 0-3.452-.534-4.596-1.606q-1.705-1.61-1.704-4.549v-1.655h2.969v1.655q0 1.542.84 2.459c.556.616 1.37.918 2.43.918s1.787-.302 2.282-.907c.494-.6.742-1.43.742-2.476V4.07H97.24V1.375h9.185v2.7h-2.149v10.78c0 2.003-.517 3.52-1.556 4.576c-1.033 1.056-2.501 1.579-4.386 1.579zm15.562 0c-1.375 0-2.579-.292-3.601-.87a6.1 6.1 0 0 1-2.408-2.447q-.867-1.582-.868-3.669v-.33q.001-2.12.852-3.695a6.04 6.04 0 0 1 2.38-2.448c1.017-.578 2.199-.869 3.535-.869c1.335 0 2.44.291 3.424.869a6 6 0 0 1 2.292 2.409q.825 1.542.825 3.603v1.072h-10.422c.033 1.194.44 2.14 1.198 2.844q1.14 1.056 2.847 1.056c1.138 0 1.864-.237 2.408-.715a5 5 0 0 0 1.248-1.645l2.342 1.21c-.253.512-.633 1.056-1.116 1.623q-.734.85-1.913 1.43c-.792.384-1.798.577-3.029.577h.006zm-3.958-8.553h7.509c-.072-1.028-.446-1.831-1.1-2.409c-.659-.578-1.523-.869-2.583-.869q-1.593.001-2.6.869q-1.007.866-1.221 2.409zm16.815 8.227c-.825 0-1.484-.247-1.963-.742c-.489-.495-.725-1.155-.725-1.98V9.08h-2.232V6.688h2.232V4.075l2.836-1.479v4.092h4.046V9.08h-4.046v8.393c0 .55.253.825.775.825h3.271v2.393z"/></g><defs><clipPath id="SVG3LbICbVO"><rect width="100%" height="100%" fill="#fff"/></clipPath></defs></g></svg>How to use the Tooljet icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:tooljet" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:tooljet" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:tooljet" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--tooljet]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:tooljet"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:tooljet"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/tooljet.svg" alt="Tooljet icon" width="24" height="24">Tooljet icon in other icon sets
Tooljet icon FAQ
Is the Tooljet icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Tooljet icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:tooljet" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Tooljet icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/tooljet.svg" alt="Tooljet icon">, or paste the SVG code inline to style it with CSS.