tools icon

tools-f from Jam Icons by Michael Amprimo · Filled · MIT Free for personal and commercial use.

Name: tools-f
Set: Jam Icons
Style: Filled
Viewbox: 24×24
License: MIT

1 other variant in Jam Icons

The same icon in other sets

toolsBootstrap Icons toolsCarbon toolsCodicons toolsElement Plus toolsFont Awesome Solid tools-outlineFlowbite Icons toolsHuge Icons toolsIconoir toolsLine Awesome toolsMaterial Design Icons toolsOcticons toolsPixelarticons tools-fillRemix Icon toolsTabler Icons toolsTDesign Icons

Use the tools icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 -1.5 24 24"><path fill="currentColor" d="M2.131 5.668a1.5 1.5 0 0 1 .294-1.708l1.414-1.414a1.5 1.5 0 0 1 1.707-.293L7.021.778a2 2 0 0 1 2.828 0l2.829 2.829a2 2 0 0 1 0 2.828l-1.415 1.414l-.05-.05l-3.535 3.536l.05.05l-1.414 1.414a2 2 0 0 1-2.829 0L.657 9.971a2 2 0 0 1 0-2.829zm6.96 7.08l3.536-3.535l3.586 3.586l-3.535 3.536l-3.586-3.586zm5 5l3.536-3.535l1.768 1.768a2.5 2.5 0 0 1-3.535 3.536l-1.768-1.768zm2.83-15.556l4.242 4.243l-3.839 3.839c-.613.613-1.744.478-2.525-.303l-1.414-1.415c-.781-.78-.917-1.911-.303-2.525zM18.334.778l.303-.303c.613-.614 1.744-.478 2.525.303l1.414 1.414c.781.781.917 1.912.303 2.526l-.303.303L18.335.778zM5.607 16.335l2.12-2.122a1 1 0 1 1 1.415 1.414L7.021 17.75a1 1 0 0 1 0 1.414l-1.414 1.414a1 1 0 0 1-1.415 0l-1.414-1.414a1 1 0 0 1 0-1.414l1.414-1.414a1 1 0 0 1 1.415 0z"/></svg>

React

import type { SVGProps } from "react";

export function JamToolsF(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 -1.5 24 24"><path fill="currentColor" d="M2.131 5.668a1.5 1.5 0 0 1 .294-1.708l1.414-1.414a1.5 1.5 0 0 1 1.707-.293L7.021.778a2 2 0 0 1 2.828 0l2.829 2.829a2 2 0 0 1 0 2.828l-1.415 1.414l-.05-.05l-3.535 3.536l.05.05l-1.414 1.414a2 2 0 0 1-2.829 0L.657 9.971a2 2 0 0 1 0-2.829zm6.96 7.08l3.536-3.535l3.586 3.586l-3.535 3.536l-3.586-3.586zm5 5l3.536-3.535l1.768 1.768a2.5 2.5 0 0 1-3.535 3.536l-1.768-1.768zm2.83-15.556l4.242 4.243l-3.839 3.839c-.613.613-1.744.478-2.525-.303l-1.414-1.415c-.781-.78-.917-1.911-.303-2.525zM18.334.778l.303-.303c.613-.614 1.744-.478 2.525.303l1.414 1.414c.781.781.917 1.912.303 2.526l-.303.303L18.335.778zM5.607 16.335l2.12-2.122a1 1 0 1 1 1.415 1.414L7.021 17.75a1 1 0 0 1 0 1.414l-1.414 1.414a1 1 0 0 1-1.415 0l-1.414-1.414a1 1 0 0 1 0-1.414l1.414-1.414a1 1 0 0 1 1.415 0z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 -1.5 24 24"><path fill="currentColor" d="M2.131 5.668a1.5 1.5 0 0 1 .294-1.708l1.414-1.414a1.5 1.5 0 0 1 1.707-.293L7.021.778a2 2 0 0 1 2.828 0l2.829 2.829a2 2 0 0 1 0 2.828l-1.415 1.414l-.05-.05l-3.535 3.536l.05.05l-1.414 1.414a2 2 0 0 1-2.829 0L.657 9.971a2 2 0 0 1 0-2.829zm6.96 7.08l3.536-3.535l3.586 3.586l-3.535 3.536l-3.586-3.586zm5 5l3.536-3.535l1.768 1.768a2.5 2.5 0 0 1-3.535 3.536l-1.768-1.768zm2.83-15.556l4.242 4.243l-3.839 3.839c-.613.613-1.744.478-2.525-.303l-1.414-1.415c-.781-.78-.917-1.911-.303-2.525zM18.334.778l.303-.303c.613-.614 1.744-.478 2.525.303l1.414 1.414c.781.781.917 1.912.303 2.526l-.303.303L18.335.778zM5.607 16.335l2.12-2.122a1 1 0 1 1 1.415 1.414L7.021 17.75a1 1 0 0 1 0 1.414l-1.414 1.414a1 1 0 0 1-1.415 0l-1.414-1.414a1 1 0 0 1 0-1.414l1.414-1.414a1 1 0 0 1 1.415 0z"/></svg>
</template>

CSS

.icon-tools-f {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%20-1.5%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.131%205.668a1.5%201.5%200%200%201%20.294-1.708l1.414-1.414a1.5%201.5%200%200%201%201.707-.293L7.021.778a2%202%200%200%201%202.828%200l2.829%202.829a2%202%200%200%201%200%202.828l-1.415%201.414l-.05-.05l-3.535%203.536l.05.05l-1.414%201.414a2%202%200%200%201-2.829%200L.657%209.971a2%202%200%200%201%200-2.829zm6.96%207.08l3.536-3.535l3.586%203.586l-3.535%203.536l-3.586-3.586zm5%205l3.536-3.535l1.768%201.768a2.5%202.5%200%200%201-3.535%203.536l-1.768-1.768zm2.83-15.556l4.242%204.243l-3.839%203.839c-.613.613-1.744.478-2.525-.303l-1.414-1.415c-.781-.78-.917-1.911-.303-2.525zM18.334.778l.303-.303c.613-.614%201.744-.478%202.525.303l1.414%201.414c.781.781.917%201.912.303%202.526l-.303.303L18.335.778zM5.607%2016.335l2.12-2.122a1%201%200%201%201%201.415%201.414L7.021%2017.75a1%201%200%200%201%200%201.414l-1.414%201.414a1%201%200%200%201-1.415%200l-1.414-1.414a1%201%200%200%201%200-1.414l1.414-1.414a1%201%200%200%201%201.415%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%20-1.5%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.131%205.668a1.5%201.5%200%200%201%20.294-1.708l1.414-1.414a1.5%201.5%200%200%201%201.707-.293L7.021.778a2%202%200%200%201%202.828%200l2.829%202.829a2%202%200%200%201%200%202.828l-1.415%201.414l-.05-.05l-3.535%203.536l.05.05l-1.414%201.414a2%202%200%200%201-2.829%200L.657%209.971a2%202%200%200%201%200-2.829zm6.96%207.08l3.536-3.535l3.586%203.586l-3.535%203.536l-3.586-3.586zm5%205l3.536-3.535l1.768%201.768a2.5%202.5%200%200%201-3.535%203.536l-1.768-1.768zm2.83-15.556l4.242%204.243l-3.839%203.839c-.613.613-1.744.478-2.525-.303l-1.414-1.415c-.781-.78-.917-1.911-.303-2.525zM18.334.778l.303-.303c.613-.614%201.744-.478%202.525.303l1.414%201.414c.781.781.917%201.912.303%202.526l-.303.303L18.335.778zM5.607%2016.335l2.12-2.122a1%201%200%201%201%201.415%201.414L7.021%2017.75a1%201%200%200%201%200%201.414l-1.414%201.414a1%201%200%200%201-1.415%200l-1.414-1.414a1%201%200%200%201%200-1.414l1.414-1.414a1%201%200%200%201%201.415%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/jam/tools-f.svg?color=%231a73e8&size=48