tools icon
tools from Font Awesome Solid by Dave Gandy · Solid · Construction · CC-BY-4.0 Attribution required.
- Name
- tools
- Set
- Font Awesome Solid
- Style
- Solid
- Category
- Construction
- Viewbox
- 640×640
- License
- CC BY 4.0
The same icon in other sets
More construction icons from Font Awesome Solid
Use the tools icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M102.8 57.3c5.4-5.4 13.8-6.2 20.2-2l118.9 79.2c8.9 5.9 14.2 15.9 14.2 26.6v49.6l90.8 90.8c33.3-15 73.9-8.9 101.2 18.5l126.1 126.1c18.7 18.7 18.7 49.1 0 67.9l-60.1 60.1c-18.7 18.7-49.1 18.7-67.9 0L320.1 448c-27.4-27.4-33.5-67.9-18.5-101.2L210.8 256h-49.6c-10.7 0-20.7-5.3-26.6-14.2L55.4 122.9c-4.2-6.3-3.4-14.8 2-20.2zm145 303.5c-6.3 36.9 2.3 75.9 26.2 107.2l-94.9 95c-28.1 28.1-73.7 28.1-101.8 0s-28.1-73.7 0-101.8l135.4-135.5l35.2 35.1zM416.1 64c20.1 0 39.4 3.7 57.1 10.5c10 3.8 11.8 16.5 4.3 24.1l-56.7 56.7c-3 3-4.7 7.1-4.7 11.3V208c0 8.8 7.2 16 16 16h41.4c4.2 0 8.3-1.7 11.3-4.7l56.7-56.7c7.6-7.5 20.3-5.7 24.1 4.3c6.8 17.7 10.5 37 10.5 57.1c0 43.2-17.2 82.3-45 111.1L482 286c-33.1-33-78.5-45.7-121.1-38.4l-56.8-56.8v-29.7l-.2-5c-.8-12.4-4.4-24.3-10.5-34.9c29.4-35 73.4-57.2 122.7-57.3z"/></svg>
React
import type { SVGProps } from "react";
export function Fa7SolidTools(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M102.8 57.3c5.4-5.4 13.8-6.2 20.2-2l118.9 79.2c8.9 5.9 14.2 15.9 14.2 26.6v49.6l90.8 90.8c33.3-15 73.9-8.9 101.2 18.5l126.1 126.1c18.7 18.7 18.7 49.1 0 67.9l-60.1 60.1c-18.7 18.7-49.1 18.7-67.9 0L320.1 448c-27.4-27.4-33.5-67.9-18.5-101.2L210.8 256h-49.6c-10.7 0-20.7-5.3-26.6-14.2L55.4 122.9c-4.2-6.3-3.4-14.8 2-20.2zm145 303.5c-6.3 36.9 2.3 75.9 26.2 107.2l-94.9 95c-28.1 28.1-73.7 28.1-101.8 0s-28.1-73.7 0-101.8l135.4-135.5l35.2 35.1zM416.1 64c20.1 0 39.4 3.7 57.1 10.5c10 3.8 11.8 16.5 4.3 24.1l-56.7 56.7c-3 3-4.7 7.1-4.7 11.3V208c0 8.8 7.2 16 16 16h41.4c4.2 0 8.3-1.7 11.3-4.7l56.7-56.7c7.6-7.5 20.3-5.7 24.1 4.3c6.8 17.7 10.5 37 10.5 57.1c0 43.2-17.2 82.3-45 111.1L482 286c-33.1-33-78.5-45.7-121.1-38.4l-56.8-56.8v-29.7l-.2-5c-.8-12.4-4.4-24.3-10.5-34.9c29.4-35 73.4-57.2 122.7-57.3z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M102.8 57.3c5.4-5.4 13.8-6.2 20.2-2l118.9 79.2c8.9 5.9 14.2 15.9 14.2 26.6v49.6l90.8 90.8c33.3-15 73.9-8.9 101.2 18.5l126.1 126.1c18.7 18.7 18.7 49.1 0 67.9l-60.1 60.1c-18.7 18.7-49.1 18.7-67.9 0L320.1 448c-27.4-27.4-33.5-67.9-18.5-101.2L210.8 256h-49.6c-10.7 0-20.7-5.3-26.6-14.2L55.4 122.9c-4.2-6.3-3.4-14.8 2-20.2zm145 303.5c-6.3 36.9 2.3 75.9 26.2 107.2l-94.9 95c-28.1 28.1-73.7 28.1-101.8 0s-28.1-73.7 0-101.8l135.4-135.5l35.2 35.1zM416.1 64c20.1 0 39.4 3.7 57.1 10.5c10 3.8 11.8 16.5 4.3 24.1l-56.7 56.7c-3 3-4.7 7.1-4.7 11.3V208c0 8.8 7.2 16 16 16h41.4c4.2 0 8.3-1.7 11.3-4.7l56.7-56.7c7.6-7.5 20.3-5.7 24.1 4.3c6.8 17.7 10.5 37 10.5 57.1c0 43.2-17.2 82.3-45 111.1L482 286c-33.1-33-78.5-45.7-121.1-38.4l-56.8-56.8v-29.7l-.2-5c-.8-12.4-4.4-24.3-10.5-34.9c29.4-35 73.4-57.2 122.7-57.3z"/></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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M102.8%2057.3c5.4-5.4%2013.8-6.2%2020.2-2l118.9%2079.2c8.9%205.9%2014.2%2015.9%2014.2%2026.6v49.6l90.8%2090.8c33.3-15%2073.9-8.9%20101.2%2018.5l126.1%20126.1c18.7%2018.7%2018.7%2049.1%200%2067.9l-60.1%2060.1c-18.7%2018.7-49.1%2018.7-67.9%200L320.1%20448c-27.4-27.4-33.5-67.9-18.5-101.2L210.8%20256h-49.6c-10.7%200-20.7-5.3-26.6-14.2L55.4%20122.9c-4.2-6.3-3.4-14.8%202-20.2zm145%20303.5c-6.3%2036.9%202.3%2075.9%2026.2%20107.2l-94.9%2095c-28.1%2028.1-73.7%2028.1-101.8%200s-28.1-73.7%200-101.8l135.4-135.5l35.2%2035.1zM416.1%2064c20.1%200%2039.4%203.7%2057.1%2010.5c10%203.8%2011.8%2016.5%204.3%2024.1l-56.7%2056.7c-3%203-4.7%207.1-4.7%2011.3V208c0%208.8%207.2%2016%2016%2016h41.4c4.2%200%208.3-1.7%2011.3-4.7l56.7-56.7c7.6-7.5%2020.3-5.7%2024.1%204.3c6.8%2017.7%2010.5%2037%2010.5%2057.1c0%2043.2-17.2%2082.3-45%20111.1L482%20286c-33.1-33-78.5-45.7-121.1-38.4l-56.8-56.8v-29.7l-.2-5c-.8-12.4-4.4-24.3-10.5-34.9c29.4-35%2073.4-57.2%20122.7-57.3z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M102.8%2057.3c5.4-5.4%2013.8-6.2%2020.2-2l118.9%2079.2c8.9%205.9%2014.2%2015.9%2014.2%2026.6v49.6l90.8%2090.8c33.3-15%2073.9-8.9%20101.2%2018.5l126.1%20126.1c18.7%2018.7%2018.7%2049.1%200%2067.9l-60.1%2060.1c-18.7%2018.7-49.1%2018.7-67.9%200L320.1%20448c-27.4-27.4-33.5-67.9-18.5-101.2L210.8%20256h-49.6c-10.7%200-20.7-5.3-26.6-14.2L55.4%20122.9c-4.2-6.3-3.4-14.8%202-20.2zm145%20303.5c-6.3%2036.9%202.3%2075.9%2026.2%20107.2l-94.9%2095c-28.1%2028.1-73.7%2028.1-101.8%200s-28.1-73.7%200-101.8l135.4-135.5l35.2%2035.1zM416.1%2064c20.1%200%2039.4%203.7%2057.1%2010.5c10%203.8%2011.8%2016.5%204.3%2024.1l-56.7%2056.7c-3%203-4.7%207.1-4.7%2011.3V208c0%208.8%207.2%2016%2016%2016h41.4c4.2%200%208.3-1.7%2011.3-4.7l56.7-56.7c7.6-7.5%2020.3-5.7%2024.1%204.3c6.8%2017.7%2010.5%2037%2010.5%2057.1c0%2043.2-17.2%2082.3-45%20111.1L482%20286c-33.1-33-78.5-45.7-121.1-38.4l-56.8-56.8v-29.7l-.2-5c-.8-12.4-4.4-24.3-10.5-34.9c29.4-35%2073.4-57.2%20122.7-57.3z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/tools.svg?color=%231a73e8&size=48
