wrench screwdriver icon
wrench-screwdriver-20-filled from Fluent UI System Icons by Microsoft Corporation · 20 Filled · MIT Free for personal and commercial use.
- Name
- wrench-screwdriver-20-filled
- Set
- Fluent UI System Icons
- Style
- 20 Filled
- 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 12v-1.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.266V12zm0 1h-5v2.555q0 .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-.953zM5.78 2.126a.5.5 0 0 1 .22.415v3.457a1 1 0 0 0 2 0V2.541a.5.5 0 0 1 .688-.463A4.501 4.501 0 0 1 9 10.282v5.716a2 2 0 1 1-4 0v-5.716a4.5 4.5 0 0 1 .312-8.204a.5.5 0 0 1 .467.048"/></svg>
React
import type { SVGProps } from "react";
export function FluentWrenchScrewdriver20Filled(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 12v-1.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.266V12zm0 1h-5v2.555q0 .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-.953zM5.78 2.126a.5.5 0 0 1 .22.415v3.457a1 1 0 0 0 2 0V2.541a.5.5 0 0 1 .688-.463A4.501 4.501 0 0 1 9 10.282v5.716a2 2 0 1 1-4 0v-5.716a4.5 4.5 0 0 1 .312-8.204a.5.5 0 0 1 .467.048"/></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 12v-1.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.266V12zm0 1h-5v2.555q0 .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-.953zM5.78 2.126a.5.5 0 0 1 .22.415v3.457a1 1 0 0 0 2 0V2.541a.5.5 0 0 1 .688-.463A4.501 4.501 0 0 1 9 10.282v5.716a2 2 0 1 1-4 0v-5.716a4.5 4.5 0 0 1 .312-8.204a.5.5 0 0 1 .467.048"/></svg> </template>
CSS
.icon-wrench-screwdriver-20-filled {
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%2012v-1.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.266V12zm0%201h-5v2.555q0%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-.953zM5.78%202.126a.5.5%200%200%201%20.22.415v3.457a1%201%200%200%200%202%200V2.541a.5.5%200%200%201%20.688-.463A4.501%204.501%200%200%201%209%2010.282v5.716a2%202%200%201%201-4%200v-5.716a4.5%204.5%200%200%201%20.312-8.204a.5.5%200%200%201%20.467.048%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%2012v-1.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.266V12zm0%201h-5v2.555q0%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-.953zM5.78%202.126a.5.5%200%200%201%20.22.415v3.457a1%201%200%200%200%202%200V2.541a.5.5%200%200%201%20.688-.463A4.501%204.501%200%200%201%209%2010.282v5.716a2%202%200%201%201-4%200v-5.716a4.5%204.5%200%200%201%20.312-8.204a.5.5%200%200%201%20.467.048%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-filled.svg?color=%231a73e8&size=48
