wrench screwdriver icon
wrench-screwdriver-20-regular from Fluent UI System Icons by Microsoft Corporation · 20 Regular · MIT Free for personal and commercial use.
- Name
- wrench-screwdriver-20-regular
- Set
- Fluent UI System Icons
- Style
- 20 Regular
- Viewbox
- 20×20
- License
- MIT
8 other variants in Fluent UI System Icons
The same icon in other sets
Related icons in Fluent UI System Icons
Use the wrench screwdriver icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M17 15.555V10.5a.6.6 0 0 0-.07-.273a.37.37 0 0 0-.172-.149a1 1 0 0 0-.235-.062a2 2 0 0 0-.257-.016H16V5.117q.047-.101.133-.242t.164-.312q.078-.173.14-.32A.7.7 0 0 0 16.5 4a2 2 0 0 0-.07-.32a7 7 0 0 0-.157-.493l-.18-.5a6 6 0 0 1-.116-.343a.57.57 0 0 0-.188-.25A.47.47 0 0 0 15.5 2h-2a.55.55 0 0 0-.297.102a.46.46 0 0 0-.18.242q-.039.117-.125.351a14 14 0 0 0-.171.5q-.087.265-.157.493q-.07.226-.07.312q0 .11.063.25q.061.14.148.313a17 17 0 0 0 .289.554V10h-.266q-.14 0-.265.016a.7.7 0 0 0-.235.07a.44.44 0 0 0-.171.148a.5.5 0 0 0-.063.266v5.055q0 .507.203.953t.547.781A2.5 2.5 0 0 0 14.5 18q.5 0 .953-.195a2.7 2.7 0 0 0 .797-.524q.345-.327.547-.773a2.3 2.3 0 0 0 .203-.953M15 10h-1V5a.5.5 0 0 0-.055-.227l-.406-.812l.32-.961h1.282l.32.96l-.406.813A.5.5 0 0 0 15 5zm-2 2v-1h3v1zm3 1v2.5q.008.297-.117.578a1.6 1.6 0 0 1-.328.485A1.5 1.5 0 0 1 14.5 17a1.3 1.3 0 0 1-.578-.117A1.5 1.5 0 0 1 13 15.5V13zM6 2.542a.5.5 0 0 0-.688-.464A4.501 4.501 0 0 0 5 10.283V16a2 2 0 0 0 4 0v-5.716a4.5 4.5 0 0 0-.312-8.205a.5.5 0 0 0-.688.464V6a1 1 0 1 1-2 0zm-2.5 3.71c0-1.19.593-2.24 1.5-2.874v2.62a2 2 0 1 0 4 0v-2.62a3.501 3.501 0 0 1-.688 6.119A.5.5 0 0 0 8 9.96V16a1 1 0 1 1-2 0V9.96a.5.5 0 0 0-.312-.463A3.5 3.5 0 0 1 3.5 6.25"/></svg>
React
import type { SVGProps } from "react";
export function FluentWrenchScrewdriver20Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M17 15.555V10.5a.6.6 0 0 0-.07-.273a.37.37 0 0 0-.172-.149a1 1 0 0 0-.235-.062a2 2 0 0 0-.257-.016H16V5.117q.047-.101.133-.242t.164-.312q.078-.173.14-.32A.7.7 0 0 0 16.5 4a2 2 0 0 0-.07-.32a7 7 0 0 0-.157-.493l-.18-.5a6 6 0 0 1-.116-.343a.57.57 0 0 0-.188-.25A.47.47 0 0 0 15.5 2h-2a.55.55 0 0 0-.297.102a.46.46 0 0 0-.18.242q-.039.117-.125.351a14 14 0 0 0-.171.5q-.087.265-.157.493q-.07.226-.07.312q0 .11.063.25q.061.14.148.313a17 17 0 0 0 .289.554V10h-.266q-.14 0-.265.016a.7.7 0 0 0-.235.07a.44.44 0 0 0-.171.148a.5.5 0 0 0-.063.266v5.055q0 .507.203.953t.547.781A2.5 2.5 0 0 0 14.5 18q.5 0 .953-.195a2.7 2.7 0 0 0 .797-.524q.345-.327.547-.773a2.3 2.3 0 0 0 .203-.953M15 10h-1V5a.5.5 0 0 0-.055-.227l-.406-.812l.32-.961h1.282l.32.96l-.406.813A.5.5 0 0 0 15 5zm-2 2v-1h3v1zm3 1v2.5q.008.297-.117.578a1.6 1.6 0 0 1-.328.485A1.5 1.5 0 0 1 14.5 17a1.3 1.3 0 0 1-.578-.117A1.5 1.5 0 0 1 13 15.5V13zM6 2.542a.5.5 0 0 0-.688-.464A4.501 4.501 0 0 0 5 10.283V16a2 2 0 0 0 4 0v-5.716a4.5 4.5 0 0 0-.312-8.205a.5.5 0 0 0-.688.464V6a1 1 0 1 1-2 0zm-2.5 3.71c0-1.19.593-2.24 1.5-2.874v2.62a2 2 0 1 0 4 0v-2.62a3.501 3.501 0 0 1-.688 6.119A.5.5 0 0 0 8 9.96V16a1 1 0 1 1-2 0V9.96a.5.5 0 0 0-.312-.463A3.5 3.5 0 0 1 3.5 6.25"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M17 15.555V10.5a.6.6 0 0 0-.07-.273a.37.37 0 0 0-.172-.149a1 1 0 0 0-.235-.062a2 2 0 0 0-.257-.016H16V5.117q.047-.101.133-.242t.164-.312q.078-.173.14-.32A.7.7 0 0 0 16.5 4a2 2 0 0 0-.07-.32a7 7 0 0 0-.157-.493l-.18-.5a6 6 0 0 1-.116-.343a.57.57 0 0 0-.188-.25A.47.47 0 0 0 15.5 2h-2a.55.55 0 0 0-.297.102a.46.46 0 0 0-.18.242q-.039.117-.125.351a14 14 0 0 0-.171.5q-.087.265-.157.493q-.07.226-.07.312q0 .11.063.25q.061.14.148.313a17 17 0 0 0 .289.554V10h-.266q-.14 0-.265.016a.7.7 0 0 0-.235.07a.44.44 0 0 0-.171.148a.5.5 0 0 0-.063.266v5.055q0 .507.203.953t.547.781A2.5 2.5 0 0 0 14.5 18q.5 0 .953-.195a2.7 2.7 0 0 0 .797-.524q.345-.327.547-.773a2.3 2.3 0 0 0 .203-.953M15 10h-1V5a.5.5 0 0 0-.055-.227l-.406-.812l.32-.961h1.282l.32.96l-.406.813A.5.5 0 0 0 15 5zm-2 2v-1h3v1zm3 1v2.5q.008.297-.117.578a1.6 1.6 0 0 1-.328.485A1.5 1.5 0 0 1 14.5 17a1.3 1.3 0 0 1-.578-.117A1.5 1.5 0 0 1 13 15.5V13zM6 2.542a.5.5 0 0 0-.688-.464A4.501 4.501 0 0 0 5 10.283V16a2 2 0 0 0 4 0v-5.716a4.5 4.5 0 0 0-.312-8.205a.5.5 0 0 0-.688.464V6a1 1 0 1 1-2 0zm-2.5 3.71c0-1.19.593-2.24 1.5-2.874v2.62a2 2 0 1 0 4 0v-2.62a3.501 3.501 0 0 1-.688 6.119A.5.5 0 0 0 8 9.96V16a1 1 0 1 1-2 0V9.96a.5.5 0 0 0-.312-.463A3.5 3.5 0 0 1 3.5 6.25"/></svg> </template>
CSS
.icon-wrench-screwdriver-20-regular {
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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17%2015.555V10.5a.6.6%200%200%200-.07-.273a.37.37%200%200%200-.172-.149a1%201%200%200%200-.235-.062a2%202%200%200%200-.257-.016H16V5.117q.047-.101.133-.242t.164-.312q.078-.173.14-.32A.7.7%200%200%200%2016.5%204a2%202%200%200%200-.07-.32a7%207%200%200%200-.157-.493l-.18-.5a6%206%200%200%201-.116-.343a.57.57%200%200%200-.188-.25A.47.47%200%200%200%2015.5%202h-2a.55.55%200%200%200-.297.102a.46.46%200%200%200-.18.242q-.039.117-.125.351a14%2014%200%200%200-.171.5q-.087.265-.157.493q-.07.226-.07.312q0%20.11.063.25q.061.14.148.313a17%2017%200%200%200%20.289.554V10h-.266q-.14%200-.265.016a.7.7%200%200%200-.235.07a.44.44%200%200%200-.171.148a.5.5%200%200%200-.063.266v5.055q0%20.507.203.953t.547.781A2.5%202.5%200%200%200%2014.5%2018q.5%200%20.953-.195a2.7%202.7%200%200%200%20.797-.524q.345-.327.547-.773a2.3%202.3%200%200%200%20.203-.953M15%2010h-1V5a.5.5%200%200%200-.055-.227l-.406-.812l.32-.961h1.282l.32.96l-.406.813A.5.5%200%200%200%2015%205zm-2%202v-1h3v1zm3%201v2.5q.008.297-.117.578a1.6%201.6%200%200%201-.328.485A1.5%201.5%200%200%201%2014.5%2017a1.3%201.3%200%200%201-.578-.117A1.5%201.5%200%200%201%2013%2015.5V13zM6%202.542a.5.5%200%200%200-.688-.464A4.501%204.501%200%200%200%205%2010.283V16a2%202%200%200%200%204%200v-5.716a4.5%204.5%200%200%200-.312-8.205a.5.5%200%200%200-.688.464V6a1%201%200%201%201-2%200zm-2.5%203.71c0-1.19.593-2.24%201.5-2.874v2.62a2%202%200%201%200%204%200v-2.62a3.501%203.501%200%200%201-.688%206.119A.5.5%200%200%200%208%209.96V16a1%201%200%201%201-2%200V9.96a.5.5%200%200%200-.312-.463A3.5%203.5%200%200%201%203.5%206.25%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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17%2015.555V10.5a.6.6%200%200%200-.07-.273a.37.37%200%200%200-.172-.149a1%201%200%200%200-.235-.062a2%202%200%200%200-.257-.016H16V5.117q.047-.101.133-.242t.164-.312q.078-.173.14-.32A.7.7%200%200%200%2016.5%204a2%202%200%200%200-.07-.32a7%207%200%200%200-.157-.493l-.18-.5a6%206%200%200%201-.116-.343a.57.57%200%200%200-.188-.25A.47.47%200%200%200%2015.5%202h-2a.55.55%200%200%200-.297.102a.46.46%200%200%200-.18.242q-.039.117-.125.351a14%2014%200%200%200-.171.5q-.087.265-.157.493q-.07.226-.07.312q0%20.11.063.25q.061.14.148.313a17%2017%200%200%200%20.289.554V10h-.266q-.14%200-.265.016a.7.7%200%200%200-.235.07a.44.44%200%200%200-.171.148a.5.5%200%200%200-.063.266v5.055q0%20.507.203.953t.547.781A2.5%202.5%200%200%200%2014.5%2018q.5%200%20.953-.195a2.7%202.7%200%200%200%20.797-.524q.345-.327.547-.773a2.3%202.3%200%200%200%20.203-.953M15%2010h-1V5a.5.5%200%200%200-.055-.227l-.406-.812l.32-.961h1.282l.32.96l-.406.813A.5.5%200%200%200%2015%205zm-2%202v-1h3v1zm3%201v2.5q.008.297-.117.578a1.6%201.6%200%200%201-.328.485A1.5%201.5%200%200%201%2014.5%2017a1.3%201.3%200%200%201-.578-.117A1.5%201.5%200%200%201%2013%2015.5V13zM6%202.542a.5.5%200%200%200-.688-.464A4.501%204.501%200%200%200%205%2010.283V16a2%202%200%200%200%204%200v-5.716a4.5%204.5%200%200%200-.312-8.205a.5.5%200%200%200-.688.464V6a1%201%200%201%201-2%200zm-2.5%203.71c0-1.19.593-2.24%201.5-2.874v2.62a2%202%200%201%200%204%200v-2.62a3.501%203.501%200%200%201-.688%206.119A.5.5%200%200%200%208%209.96V16a1%201%200%201%201-2%200V9.96a.5.5%200%200%200-.312-.463A3.5%203.5%200%200%201%203.5%206.25%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/wrench-screwdriver-20-regular.svg?color=%231a73e8&size=48
