screwdriver icon
screwdriver-duotone from Phosphor by Phosphor Icons · Duotone · MIT Free for personal and commercial use.
- Name
- screwdriver-duotone
- Set
- Phosphor
- Style
- Duotone
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
screwdriverBootstrap IconsscrewdriverFont Awesome 6 SolidscrewdriverFont Awesome SolidscrewdriverFluent EmojiscrewdriverFluent Emoji FlatscrewdriverFluent Emoji High ContrastscrewdriverIconParkscrewdriverIconPark OutlinescrewdriverIconPark SolidscrewdriverIconPark TwoTonescrewdriverJam IconsscrewdriverLine AwesomescrewdriverMaterial Icon ThemescrewdriverMaterial Design Iconsscrewdriver-fillMingCute IconscrewdriverNoto EmojiscrewdriverOpenMojiscrewdriverTwitter Emoji
Use the screwdriver icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="m227.57 88.43l-53.23 53.23a8 8 0 0 1-5.65 2.34H152a8 8 0 0 0-8 8v16.83a8 8 0 0 1-1.62 4.83l-8 8a8 8 0 0 1-11.32 0l-48.72-48.72a8 8 0 0 1 0-11.32l8-8a8 8 0 0 1 4.83-1.62H104a8 8 0 0 0 8-8V87.31a8 8 0 0 1 2.34-5.65l53.23-53.23a42.42 42.42 0 0 1 60 0a42.42 42.42 0 0 1 0 60" opacity=".2"/><path d="M205.66 50.32a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32-11.31l56-56a8 8 0 0 1 11.32-.01M248 58.41a50.13 50.13 0 0 1-14.77 35.66L180 147.3a15.86 15.86 0 0 1-11.31 4.7H152v16.83a16 16 0 0 1-3.25 9.66a8 8 0 0 1-.72.83l-8 8a16 16 0 0 1-22.62 0L98.7 168.6l-77 77.06a8 8 0 0 1-11.32-11.32l77.05-77.05l-18.7-18.71a16 16 0 0 1 0-22.63l8-8a8 8 0 0 1 .82-.72a16.14 16.14 0 0 1 9.62-3.23H104V87.3a15.92 15.92 0 0 1 4.68-11.3l53.24-53.23A50.43 50.43 0 0 1 248 58.41m-16 0a34.43 34.43 0 0 0-58.77-24.35L120 87.3V104a16 16 0 0 1-16 16H87.28L80 127.27L128.72 176l7.28-7.28V152a16 16 0 0 1 16-16h16.69l53.23-53.24A34.2 34.2 0 0 0 232 58.41"/></g></svg>
React
import type { SVGProps } from "react";
export function PhScrewdriverDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="m227.57 88.43l-53.23 53.23a8 8 0 0 1-5.65 2.34H152a8 8 0 0 0-8 8v16.83a8 8 0 0 1-1.62 4.83l-8 8a8 8 0 0 1-11.32 0l-48.72-48.72a8 8 0 0 1 0-11.32l8-8a8 8 0 0 1 4.83-1.62H104a8 8 0 0 0 8-8V87.31a8 8 0 0 1 2.34-5.65l53.23-53.23a42.42 42.42 0 0 1 60 0a42.42 42.42 0 0 1 0 60" opacity=".2"/><path d="M205.66 50.32a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32-11.31l56-56a8 8 0 0 1 11.32-.01M248 58.41a50.13 50.13 0 0 1-14.77 35.66L180 147.3a15.86 15.86 0 0 1-11.31 4.7H152v16.83a16 16 0 0 1-3.25 9.66a8 8 0 0 1-.72.83l-8 8a16 16 0 0 1-22.62 0L98.7 168.6l-77 77.06a8 8 0 0 1-11.32-11.32l77.05-77.05l-18.7-18.71a16 16 0 0 1 0-22.63l8-8a8 8 0 0 1 .82-.72a16.14 16.14 0 0 1 9.62-3.23H104V87.3a15.92 15.92 0 0 1 4.68-11.3l53.24-53.23A50.43 50.43 0 0 1 248 58.41m-16 0a34.43 34.43 0 0 0-58.77-24.35L120 87.3V104a16 16 0 0 1-16 16H87.28L80 127.27L128.72 176l7.28-7.28V152a16 16 0 0 1 16-16h16.69l53.23-53.24A34.2 34.2 0 0 0 232 58.41"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="m227.57 88.43l-53.23 53.23a8 8 0 0 1-5.65 2.34H152a8 8 0 0 0-8 8v16.83a8 8 0 0 1-1.62 4.83l-8 8a8 8 0 0 1-11.32 0l-48.72-48.72a8 8 0 0 1 0-11.32l8-8a8 8 0 0 1 4.83-1.62H104a8 8 0 0 0 8-8V87.31a8 8 0 0 1 2.34-5.65l53.23-53.23a42.42 42.42 0 0 1 60 0a42.42 42.42 0 0 1 0 60" opacity=".2"/><path d="M205.66 50.32a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32-11.31l56-56a8 8 0 0 1 11.32-.01M248 58.41a50.13 50.13 0 0 1-14.77 35.66L180 147.3a15.86 15.86 0 0 1-11.31 4.7H152v16.83a16 16 0 0 1-3.25 9.66a8 8 0 0 1-.72.83l-8 8a16 16 0 0 1-22.62 0L98.7 168.6l-77 77.06a8 8 0 0 1-11.32-11.32l77.05-77.05l-18.7-18.71a16 16 0 0 1 0-22.63l8-8a8 8 0 0 1 .82-.72a16.14 16.14 0 0 1 9.62-3.23H104V87.3a15.92 15.92 0 0 1 4.68-11.3l53.24-53.23A50.43 50.43 0 0 1 248 58.41m-16 0a34.43 34.43 0 0 0-58.77-24.35L120 87.3V104a16 16 0 0 1-16 16H87.28L80 127.27L128.72 176l7.28-7.28V152a16 16 0 0 1 16-16h16.69l53.23-53.24A34.2 34.2 0 0 0 232 58.41"/></g></svg> </template>
CSS
.icon-screwdriver-duotone {
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%20256%20256%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22m227.57%2088.43l-53.23%2053.23a8%208%200%200%201-5.65%202.34H152a8%208%200%200%200-8%208v16.83a8%208%200%200%201-1.62%204.83l-8%208a8%208%200%200%201-11.32%200l-48.72-48.72a8%208%200%200%201%200-11.32l8-8a8%208%200%200%201%204.83-1.62H104a8%208%200%200%200%208-8V87.31a8%208%200%200%201%202.34-5.65l53.23-53.23a42.42%2042.42%200%200%201%2060%200a42.42%2042.42%200%200%201%200%2060%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M205.66%2050.32a8%208%200%200%201%200%2011.32l-56%2056a8%208%200%200%201-11.32-11.31l56-56a8%208%200%200%201%2011.32-.01M248%2058.41a50.13%2050.13%200%200%201-14.77%2035.66L180%20147.3a15.86%2015.86%200%200%201-11.31%204.7H152v16.83a16%2016%200%200%201-3.25%209.66a8%208%200%200%201-.72.83l-8%208a16%2016%200%200%201-22.62%200L98.7%20168.6l-77%2077.06a8%208%200%200%201-11.32-11.32l77.05-77.05l-18.7-18.71a16%2016%200%200%201%200-22.63l8-8a8%208%200%200%201%20.82-.72a16.14%2016.14%200%200%201%209.62-3.23H104V87.3a15.92%2015.92%200%200%201%204.68-11.3l53.24-53.23A50.43%2050.43%200%200%201%20248%2058.41m-16%200a34.43%2034.43%200%200%200-58.77-24.35L120%2087.3V104a16%2016%200%200%201-16%2016H87.28L80%20127.27L128.72%20176l7.28-7.28V152a16%2016%200%200%201%2016-16h16.69l53.23-53.24A34.2%2034.2%200%200%200%20232%2058.41%22%2F%3E%3C%2Fg%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%20256%20256%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22m227.57%2088.43l-53.23%2053.23a8%208%200%200%201-5.65%202.34H152a8%208%200%200%200-8%208v16.83a8%208%200%200%201-1.62%204.83l-8%208a8%208%200%200%201-11.32%200l-48.72-48.72a8%208%200%200%201%200-11.32l8-8a8%208%200%200%201%204.83-1.62H104a8%208%200%200%200%208-8V87.31a8%208%200%200%201%202.34-5.65l53.23-53.23a42.42%2042.42%200%200%201%2060%200a42.42%2042.42%200%200%201%200%2060%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M205.66%2050.32a8%208%200%200%201%200%2011.32l-56%2056a8%208%200%200%201-11.32-11.31l56-56a8%208%200%200%201%2011.32-.01M248%2058.41a50.13%2050.13%200%200%201-14.77%2035.66L180%20147.3a15.86%2015.86%200%200%201-11.31%204.7H152v16.83a16%2016%200%200%201-3.25%209.66a8%208%200%200%201-.72.83l-8%208a16%2016%200%200%201-22.62%200L98.7%20168.6l-77%2077.06a8%208%200%200%201-11.32-11.32l77.05-77.05l-18.7-18.71a16%2016%200%200%201%200-22.63l8-8a8%208%200%200%201%20.82-.72a16.14%2016.14%200%200%201%209.62-3.23H104V87.3a15.92%2015.92%200%200%201%204.68-11.3l53.24-53.23A50.43%2050.43%200%200%201%20248%2058.41m-16%200a34.43%2034.43%200%200%200-58.77-24.35L120%2087.3V104a16%2016%200%200%201-16%2016H87.28L80%20127.27L128.72%20176l7.28-7.28V152a16%2016%200%200%201%2016-16h16.69l53.23-53.24A34.2%2034.2%200%200%200%20232%2058.41%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/screwdriver-duotone.svg?color=%231a73e8&size=48
