screwdriver icon
screwdriver-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- screwdriver-light
- Set
- Phosphor
- Style
- Light
- 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"><path fill="currentColor" d="M204.24 51.74a6 6 0 0 1 0 8.48l-56 56a6 6 0 0 1-8.48-8.49l56-56a6 6 0 0 1 8.48.01M246 58.41a48.12 48.12 0 0 1-14.18 34.24l-53.24 53.24a13.9 13.9 0 0 1-9.89 4.1H152a2 2 0 0 0-2 2v16.83a14.07 14.07 0 0 1-2.84 8.45a7 7 0 0 1-.54.62l-8 8a14 14 0 0 1-19.8 0L98.7 165.77l-78.46 78.47a6 6 0 0 1-8.48-8.48l78.46-78.47l-20.12-20.12a14 14 0 0 1 0-19.8l8-8a4.5 4.5 0 0 1 .62-.54a14 14 0 0 1 8.45-2.83H104a2 2 0 0 0 2-2V87.3a13.92 13.92 0 0 1 4.1-9.9l53.23-53.24A48.43 48.43 0 0 1 246 58.41m-12 0a36.43 36.43 0 0 0-62.18-25.76l-53.24 53.23a2 2 0 0 0-.58 1.42V104a14 14 0 0 1-14 14H87.17a2.1 2.1 0 0 0-1 .25l-7.61 7.61a2 2 0 0 0 0 2.83l48.73 48.73a2 2 0 0 0 2.82 0l7.62-7.61a2.1 2.1 0 0 0 .25-1V152a14 14 0 0 1 14-14h16.69a2 2 0 0 0 1.41-.59l53.23-53.23A36.2 36.2 0 0 0 234 58.41"/></svg>
React
import type { SVGProps } from "react";
export function PhScrewdriverLight(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M204.24 51.74a6 6 0 0 1 0 8.48l-56 56a6 6 0 0 1-8.48-8.49l56-56a6 6 0 0 1 8.48.01M246 58.41a48.12 48.12 0 0 1-14.18 34.24l-53.24 53.24a13.9 13.9 0 0 1-9.89 4.1H152a2 2 0 0 0-2 2v16.83a14.07 14.07 0 0 1-2.84 8.45a7 7 0 0 1-.54.62l-8 8a14 14 0 0 1-19.8 0L98.7 165.77l-78.46 78.47a6 6 0 0 1-8.48-8.48l78.46-78.47l-20.12-20.12a14 14 0 0 1 0-19.8l8-8a4.5 4.5 0 0 1 .62-.54a14 14 0 0 1 8.45-2.83H104a2 2 0 0 0 2-2V87.3a13.92 13.92 0 0 1 4.1-9.9l53.23-53.24A48.43 48.43 0 0 1 246 58.41m-12 0a36.43 36.43 0 0 0-62.18-25.76l-53.24 53.23a2 2 0 0 0-.58 1.42V104a14 14 0 0 1-14 14H87.17a2.1 2.1 0 0 0-1 .25l-7.61 7.61a2 2 0 0 0 0 2.83l48.73 48.73a2 2 0 0 0 2.82 0l7.62-7.61a2.1 2.1 0 0 0 .25-1V152a14 14 0 0 1 14-14h16.69a2 2 0 0 0 1.41-.59l53.23-53.23A36.2 36.2 0 0 0 234 58.41"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M204.24 51.74a6 6 0 0 1 0 8.48l-56 56a6 6 0 0 1-8.48-8.49l56-56a6 6 0 0 1 8.48.01M246 58.41a48.12 48.12 0 0 1-14.18 34.24l-53.24 53.24a13.9 13.9 0 0 1-9.89 4.1H152a2 2 0 0 0-2 2v16.83a14.07 14.07 0 0 1-2.84 8.45a7 7 0 0 1-.54.62l-8 8a14 14 0 0 1-19.8 0L98.7 165.77l-78.46 78.47a6 6 0 0 1-8.48-8.48l78.46-78.47l-20.12-20.12a14 14 0 0 1 0-19.8l8-8a4.5 4.5 0 0 1 .62-.54a14 14 0 0 1 8.45-2.83H104a2 2 0 0 0 2-2V87.3a13.92 13.92 0 0 1 4.1-9.9l53.23-53.24A48.43 48.43 0 0 1 246 58.41m-12 0a36.43 36.43 0 0 0-62.18-25.76l-53.24 53.23a2 2 0 0 0-.58 1.42V104a14 14 0 0 1-14 14H87.17a2.1 2.1 0 0 0-1 .25l-7.61 7.61a2 2 0 0 0 0 2.83l48.73 48.73a2 2 0 0 0 2.82 0l7.62-7.61a2.1 2.1 0 0 0 .25-1V152a14 14 0 0 1 14-14h16.69a2 2 0 0 0 1.41-.59l53.23-53.23A36.2 36.2 0 0 0 234 58.41"/></svg> </template>
CSS
.icon-screwdriver-light {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M204.24%2051.74a6%206%200%200%201%200%208.48l-56%2056a6%206%200%200%201-8.48-8.49l56-56a6%206%200%200%201%208.48.01M246%2058.41a48.12%2048.12%200%200%201-14.18%2034.24l-53.24%2053.24a13.9%2013.9%200%200%201-9.89%204.1H152a2%202%200%200%200-2%202v16.83a14.07%2014.07%200%200%201-2.84%208.45a7%207%200%200%201-.54.62l-8%208a14%2014%200%200%201-19.8%200L98.7%20165.77l-78.46%2078.47a6%206%200%200%201-8.48-8.48l78.46-78.47l-20.12-20.12a14%2014%200%200%201%200-19.8l8-8a4.5%204.5%200%200%201%20.62-.54a14%2014%200%200%201%208.45-2.83H104a2%202%200%200%200%202-2V87.3a13.92%2013.92%200%200%201%204.1-9.9l53.23-53.24A48.43%2048.43%200%200%201%20246%2058.41m-12%200a36.43%2036.43%200%200%200-62.18-25.76l-53.24%2053.23a2%202%200%200%200-.58%201.42V104a14%2014%200%200%201-14%2014H87.17a2.1%202.1%200%200%200-1%20.25l-7.61%207.61a2%202%200%200%200%200%202.83l48.73%2048.73a2%202%200%200%200%202.82%200l7.62-7.61a2.1%202.1%200%200%200%20.25-1V152a14%2014%200%200%201%2014-14h16.69a2%202%200%200%200%201.41-.59l53.23-53.23A36.2%2036.2%200%200%200%20234%2058.41%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M204.24%2051.74a6%206%200%200%201%200%208.48l-56%2056a6%206%200%200%201-8.48-8.49l56-56a6%206%200%200%201%208.48.01M246%2058.41a48.12%2048.12%200%200%201-14.18%2034.24l-53.24%2053.24a13.9%2013.9%200%200%201-9.89%204.1H152a2%202%200%200%200-2%202v16.83a14.07%2014.07%200%200%201-2.84%208.45a7%207%200%200%201-.54.62l-8%208a14%2014%200%200%201-19.8%200L98.7%20165.77l-78.46%2078.47a6%206%200%200%201-8.48-8.48l78.46-78.47l-20.12-20.12a14%2014%200%200%201%200-19.8l8-8a4.5%204.5%200%200%201%20.62-.54a14%2014%200%200%201%208.45-2.83H104a2%202%200%200%200%202-2V87.3a13.92%2013.92%200%200%201%204.1-9.9l53.23-53.24A48.43%2048.43%200%200%201%20246%2058.41m-12%200a36.43%2036.43%200%200%200-62.18-25.76l-53.24%2053.23a2%202%200%200%200-.58%201.42V104a14%2014%200%200%201-14%2014H87.17a2.1%202.1%200%200%200-1%20.25l-7.61%207.61a2%202%200%200%200%200%202.83l48.73%2048.73a2%202%200%200%200%202.82%200l7.62-7.61a2.1%202.1%200%200%200%20.25-1V152a14%2014%200%200%201%2014-14h16.69a2%202%200%200%200%201.41-.59l53.23-53.23A36.2%2036.2%200%200%200%20234%2058.41%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/screwdriver-light.svg?color=%231a73e8&size=48
