tools icon
tools from Line Awesome by Icons8 · Line · Objects · Apache-2.0 Free for personal and commercial use.
- Name
- tools
- Set
- Line Awesome
- Style
- Line
- Category
- Objects
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- tools-solid
The same icon in other sets
More objects icons from Line Awesome
Use the tools icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m5.25 2.75l-.563.531l-1.406 1.406l-.531.563l.406.656l2.094 3.5l.281.5H8.47l4 3.969c-3.574 3.59-8.121 8.152-8.281 8.313c-1.567 1.566-1.57 4.132.03 5.625c1.563 1.542 4.11 1.582 5.595 0l.03-.032L16 21.594l6.188 6.218l.093.063c1.57 1.48 4.067 1.5 5.532-.063v-.03h.03c1.532-1.567 1.548-4.114-.03-5.595l-.032-.03l-5.218-5.188c3.511-.328 6.261-3.293 6.312-6.875h.031c.004-.02 0-.043 0-.063V10c.098-1.156-.152-2.262-.75-3.219L27.47 5.72l-4.657 4.656l-1.406-1.469l4.75-4.75l-1.375-.562A7 7 0 0 0 22 3c-3.844 0-7 3.156-7 7c0 .418.09.781.156 1.156c-.437.438-.765.797-1.281 1.313L9.906 8.5V5.531l-.5-.281l-3.5-2.094zM22 5c.14 0 .238.082.375.094l-3.781 3.781l.687.719l2.813 2.906l.687.719L26.75 9.25c.02.23.184.398.156.656V10c0 2.754-2.246 5-5 5c-.367 0-.812-.086-1.312-.188l-.532-.093l-.375.375l-11.28 11.312h-.032v.032c-.71.777-1.953.796-2.781-.032v-.031h-.032c-.777-.71-.796-1.953.032-2.781c.379-.38 7.718-7.782 11.312-11.375l.407-.406l-.157-.563A6 6 0 0 1 17 10c0-2.754 2.246-5 5-5m-16.438.25l2.344 1.438v1l-.218.218h-1L5.25 5.563zm14.625 12.156l6.22 6.188v.031h.03c.778.71.797 1.953-.03 2.781h-.032v.032c-.71.777-1.953.796-2.781-.032l-6.188-6.218z"/></svg>
React
import type { SVGProps } from "react";
export function LaTools(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m5.25 2.75l-.563.531l-1.406 1.406l-.531.563l.406.656l2.094 3.5l.281.5H8.47l4 3.969c-3.574 3.59-8.121 8.152-8.281 8.313c-1.567 1.566-1.57 4.132.03 5.625c1.563 1.542 4.11 1.582 5.595 0l.03-.032L16 21.594l6.188 6.218l.093.063c1.57 1.48 4.067 1.5 5.532-.063v-.03h.03c1.532-1.567 1.548-4.114-.03-5.595l-.032-.03l-5.218-5.188c3.511-.328 6.261-3.293 6.312-6.875h.031c.004-.02 0-.043 0-.063V10c.098-1.156-.152-2.262-.75-3.219L27.47 5.72l-4.657 4.656l-1.406-1.469l4.75-4.75l-1.375-.562A7 7 0 0 0 22 3c-3.844 0-7 3.156-7 7c0 .418.09.781.156 1.156c-.437.438-.765.797-1.281 1.313L9.906 8.5V5.531l-.5-.281l-3.5-2.094zM22 5c.14 0 .238.082.375.094l-3.781 3.781l.687.719l2.813 2.906l.687.719L26.75 9.25c.02.23.184.398.156.656V10c0 2.754-2.246 5-5 5c-.367 0-.812-.086-1.312-.188l-.532-.093l-.375.375l-11.28 11.312h-.032v.032c-.71.777-1.953.796-2.781-.032v-.031h-.032c-.777-.71-.796-1.953.032-2.781c.379-.38 7.718-7.782 11.312-11.375l.407-.406l-.157-.563A6 6 0 0 1 17 10c0-2.754 2.246-5 5-5m-16.438.25l2.344 1.438v1l-.218.218h-1L5.25 5.563zm14.625 12.156l6.22 6.188v.031h.03c.778.71.797 1.953-.03 2.781h-.032v.032c-.71.777-1.953.796-2.781-.032l-6.188-6.218z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m5.25 2.75l-.563.531l-1.406 1.406l-.531.563l.406.656l2.094 3.5l.281.5H8.47l4 3.969c-3.574 3.59-8.121 8.152-8.281 8.313c-1.567 1.566-1.57 4.132.03 5.625c1.563 1.542 4.11 1.582 5.595 0l.03-.032L16 21.594l6.188 6.218l.093.063c1.57 1.48 4.067 1.5 5.532-.063v-.03h.03c1.532-1.567 1.548-4.114-.03-5.595l-.032-.03l-5.218-5.188c3.511-.328 6.261-3.293 6.312-6.875h.031c.004-.02 0-.043 0-.063V10c.098-1.156-.152-2.262-.75-3.219L27.47 5.72l-4.657 4.656l-1.406-1.469l4.75-4.75l-1.375-.562A7 7 0 0 0 22 3c-3.844 0-7 3.156-7 7c0 .418.09.781.156 1.156c-.437.438-.765.797-1.281 1.313L9.906 8.5V5.531l-.5-.281l-3.5-2.094zM22 5c.14 0 .238.082.375.094l-3.781 3.781l.687.719l2.813 2.906l.687.719L26.75 9.25c.02.23.184.398.156.656V10c0 2.754-2.246 5-5 5c-.367 0-.812-.086-1.312-.188l-.532-.093l-.375.375l-11.28 11.312h-.032v.032c-.71.777-1.953.796-2.781-.032v-.031h-.032c-.777-.71-.796-1.953.032-2.781c.379-.38 7.718-7.782 11.312-11.375l.407-.406l-.157-.563A6 6 0 0 1 17 10c0-2.754 2.246-5 5-5m-16.438.25l2.344 1.438v1l-.218.218h-1L5.25 5.563zm14.625 12.156l6.22 6.188v.031h.03c.778.71.797 1.953-.03 2.781h-.032v.032c-.71.777-1.953.796-2.781-.032l-6.188-6.218z"/></svg> </template>
CSS
.icon-tools {
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%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m5.25%202.75l-.563.531l-1.406%201.406l-.531.563l.406.656l2.094%203.5l.281.5H8.47l4%203.969c-3.574%203.59-8.121%208.152-8.281%208.313c-1.567%201.566-1.57%204.132.03%205.625c1.563%201.542%204.11%201.582%205.595%200l.03-.032L16%2021.594l6.188%206.218l.093.063c1.57%201.48%204.067%201.5%205.532-.063v-.03h.03c1.532-1.567%201.548-4.114-.03-5.595l-.032-.03l-5.218-5.188c3.511-.328%206.261-3.293%206.312-6.875h.031c.004-.02%200-.043%200-.063V10c.098-1.156-.152-2.262-.75-3.219L27.47%205.72l-4.657%204.656l-1.406-1.469l4.75-4.75l-1.375-.562A7%207%200%200%200%2022%203c-3.844%200-7%203.156-7%207c0%20.418.09.781.156%201.156c-.437.438-.765.797-1.281%201.313L9.906%208.5V5.531l-.5-.281l-3.5-2.094zM22%205c.14%200%20.238.082.375.094l-3.781%203.781l.687.719l2.813%202.906l.687.719L26.75%209.25c.02.23.184.398.156.656V10c0%202.754-2.246%205-5%205c-.367%200-.812-.086-1.312-.188l-.532-.093l-.375.375l-11.28%2011.312h-.032v.032c-.71.777-1.953.796-2.781-.032v-.031h-.032c-.777-.71-.796-1.953.032-2.781c.379-.38%207.718-7.782%2011.312-11.375l.407-.406l-.157-.563A6%206%200%200%201%2017%2010c0-2.754%202.246-5%205-5m-16.438.25l2.344%201.438v1l-.218.218h-1L5.25%205.563zm14.625%2012.156l6.22%206.188v.031h.03c.778.71.797%201.953-.03%202.781h-.032v.032c-.71.777-1.953.796-2.781-.032l-6.188-6.218z%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%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m5.25%202.75l-.563.531l-1.406%201.406l-.531.563l.406.656l2.094%203.5l.281.5H8.47l4%203.969c-3.574%203.59-8.121%208.152-8.281%208.313c-1.567%201.566-1.57%204.132.03%205.625c1.563%201.542%204.11%201.582%205.595%200l.03-.032L16%2021.594l6.188%206.218l.093.063c1.57%201.48%204.067%201.5%205.532-.063v-.03h.03c1.532-1.567%201.548-4.114-.03-5.595l-.032-.03l-5.218-5.188c3.511-.328%206.261-3.293%206.312-6.875h.031c.004-.02%200-.043%200-.063V10c.098-1.156-.152-2.262-.75-3.219L27.47%205.72l-4.657%204.656l-1.406-1.469l4.75-4.75l-1.375-.562A7%207%200%200%200%2022%203c-3.844%200-7%203.156-7%207c0%20.418.09.781.156%201.156c-.437.438-.765.797-1.281%201.313L9.906%208.5V5.531l-.5-.281l-3.5-2.094zM22%205c.14%200%20.238.082.375.094l-3.781%203.781l.687.719l2.813%202.906l.687.719L26.75%209.25c.02.23.184.398.156.656V10c0%202.754-2.246%205-5%205c-.367%200-.812-.086-1.312-.188l-.532-.093l-.375.375l-11.28%2011.312h-.032v.032c-.71.777-1.953.796-2.781-.032v-.031h-.032c-.777-.71-.796-1.953.032-2.781c.379-.38%207.718-7.782%2011.312-11.375l.407-.406l-.157-.563A6%206%200%200%201%2017%2010c0-2.754%202.246-5%205-5m-16.438.25l2.344%201.438v1l-.218.218h-1L5.25%205.563zm14.625%2012.156l6.22%206.188v.031h.03c.778.71.797%201.953-.03%202.781h-.032v.032c-.71.777-1.953.796-2.781-.032l-6.188-6.218z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/tools.svg?color=%231a73e8&size=48
