Tools icon
andrsrxn:tools
The Tools icon (andrsrxn:tools) is a free SVG icon from the andrsrxn/icons set by Andrés Raxón. It is drawn on a 24 × 24 grid. andrsrxn/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
- andrsrxn/icons
- Author
- Andrés Raxón
- License
- MIT
- Size
- 24 × 24
- Category
- Tools
- Tags
- tool
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" d="M14.82 4.13c1.42-1.42 2.7-1.51 3.54-1.33c.59.13.66.82.23 1.25l-.88.88a1 1 0 0 0 0 1.41l.02.03a1 1 0 0 0 1.42 0l.86-.86c.43-.43 1.14-.34 1.23.27c.12.82-.04 2.02-1.36 3.34c-.85.85-2.1.97-2.8.96c-.32 0-.64.11-.86.34l-5 5.22a3 3 0 0 0-.77 1.49l-.46 2.27a1 1 0 0 1-.38.6l-1.64 1.23a1 1 0 0 1-.74.18l-.54-.07A1 1 0 0 1 6 19.8l.7-1.09a1 1 0 0 0-.13-1.23l-.11-.12a1 1 0 0 0-1.29-.12l-.66.45a1 1 0 0 1-1.56-.82v-.96a1 1 0 0 1 .35-.76l1.85-1.57a1 1 0 0 1 .64-.24h.9a3 3 0 0 0 2.06-.81l4.74-4.48c.23-.21.34-.52.34-.83c0-.76.12-2.23 1-3.1" opacity=".2"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m8.02 13.21l5.51-5.4q.24-.2.28-.32c.04-.1.05-.22.05-.47c.01-.8.16-2.48 1.18-3.4a4.2 4.2 0 0 1 3.32-1.15c.53.05.8.08.9.38c.11.3-.1.51-.54.95l-1.16 1.14c-.33.34-.5.5-.5.71s.17.38.5.7l.13.14c.33.33.5.5.7.5c.21 0 .38-.17.71-.5l1.2-1.2c.43-.42.64-.63.93-.53s.33.35.4.85c.13.9.01 2.13-1.12 3.26c-.98.98-2.7 1.18-3.5 1.22c-.24 0-.36.01-.45.05s-.16.12-.31.27l-5.44 5.6"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m8.53 12.68l-.4.4a1 1 0 0 1-.32.27c-.1.04-.21.04-.46.04c-.84.01-2.62.16-3.6 1.24a4.4 4.4 0 0 0-1.2 3.55c.06.54.1.8.4.9c.29.11.5-.1.94-.55l1.29-1.29c.33-.33.5-.5.7-.5c.21 0 .38.17.71.5l.2.2c.34.33.5.5.5.7c0 .21-.16.38-.5.71L5.46 20.2c-.42.42-.63.63-.54.92c.1.3.35.33.86.41c.94.15 2.27.05 3.48-1.16c1.04-1.04 1.24-2.88 1.28-3.71q0-.33.05-.43c.04-.09.11-.16.26-.31l.48-.48"/><path fill="currentColor" d="M20.86 20.82c.9-.89.9-2.34 0-3.23l-4.11-4.07c-.2-.2-.3-.3-.4-.38a2 2 0 0 0-2.48.02c-.1.08-.2.18-.4.4c-.2.2-.3.3-.37.4a2 2 0 0 0 .03 2.46c.08.1.18.2.38.4l4.15 4.03c.9.87 2.32.86 3.2-.03" opacity=".2"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m15.06 11.77l5.82 5.83a2.27 2.27 0 0 1-3.22 3.2l-5.78-5.78M5 2.79l1.33.86c.78.5 1.17.75 1.27 1.12a1 1 0 0 1 .04.32c-.02.38-.35.7-1 1.37l-.26.25c-.63.64-.95.96-1.32.99a1 1 0 0 1-.34-.04c-.36-.1-.6-.47-1.11-1.21l-.9-1.33a1.67 1.67 0 0 1 2.3-2.33m5.46 7.81L6.54 6.65"/></g></svg>
How to use the Tools icon
React
import { Icon } from "@iconify/react";
<Icon icon="andrsrxn:tools" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="andrsrxn:tools" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="andrsrxn:tools" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[andrsrxn--tools]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/andrsrxn -->
<div class="i-andrsrxn:tools"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="andrsrxn:tools"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/andrsrxn/tools.svg" alt="Tools icon" width="24" height="24">
Tools icon in other icon sets
Tools icon FAQ
Is the Tools icon free for commercial use?
Yes. andrsrxn/icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Tools icon in React?
Install @iconify/react and render <Icon icon="andrsrxn:tools" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Tools icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/andrsrxn/tools.svg" alt="Tools icon">, or paste the SVG code inline to style it with CSS.
Browse all andrsrxn/icons →
ICONYZ
