screwdriver icon

screwdriver-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.

Name
screwdriver-fill
Set
Phosphor
Style
Fill
Viewbox
256×256
License
MIT

5 other variants in Phosphor

screwdriverscrewdriver-boldscrewdriver-duotonescrewdriver-lightscrewdriver-thin

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="M233.23 22.75a50.46 50.46 0 0 0-71.31 0L108.68 76A15.92 15.92 0 0 0 104 87.3V104H87.17a16.14 16.14 0 0 0-9.66 3.24a8 8 0 0 0-.82.72l-8 8a16 16 0 0 0 0 22.63l18.7 18.71l-77 77.05a8 8 0 0 0 11.32 11.32l77-77.06l18.71 18.71a16 16 0 0 0 22.62 0l8-8a8 8 0 0 0 .72-.83a16 16 0 0 0 3.25-9.66V152h16.69a15.86 15.86 0 0 0 11.3-4.7l53.23-53.23a50.43 50.43 0 0 0 0-71.32m-27.57 38.89l-56 56a8 8 0 0 1-11.32-11.31l56-56a8 8 0 0 1 11.32 11.32Z"/></svg>

React

import type { SVGProps } from "react";

export function PhScrewdriverFill(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="M233.23 22.75a50.46 50.46 0 0 0-71.31 0L108.68 76A15.92 15.92 0 0 0 104 87.3V104H87.17a16.14 16.14 0 0 0-9.66 3.24a8 8 0 0 0-.82.72l-8 8a16 16 0 0 0 0 22.63l18.7 18.71l-77 77.05a8 8 0 0 0 11.32 11.32l77-77.06l18.71 18.71a16 16 0 0 0 22.62 0l8-8a8 8 0 0 0 .72-.83a16 16 0 0 0 3.25-9.66V152h16.69a15.86 15.86 0 0 0 11.3-4.7l53.23-53.23a50.43 50.43 0 0 0 0-71.32m-27.57 38.89l-56 56a8 8 0 0 1-11.32-11.31l56-56a8 8 0 0 1 11.32 11.32Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M233.23 22.75a50.46 50.46 0 0 0-71.31 0L108.68 76A15.92 15.92 0 0 0 104 87.3V104H87.17a16.14 16.14 0 0 0-9.66 3.24a8 8 0 0 0-.82.72l-8 8a16 16 0 0 0 0 22.63l18.7 18.71l-77 77.05a8 8 0 0 0 11.32 11.32l77-77.06l18.71 18.71a16 16 0 0 0 22.62 0l8-8a8 8 0 0 0 .72-.83a16 16 0 0 0 3.25-9.66V152h16.69a15.86 15.86 0 0 0 11.3-4.7l53.23-53.23a50.43 50.43 0 0 0 0-71.32m-27.57 38.89l-56 56a8 8 0 0 1-11.32-11.31l56-56a8 8 0 0 1 11.32 11.32Z"/></svg>
</template>

CSS

.icon-screwdriver-fill {
  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%22M233.23%2022.75a50.46%2050.46%200%200%200-71.31%200L108.68%2076A15.92%2015.92%200%200%200%20104%2087.3V104H87.17a16.14%2016.14%200%200%200-9.66%203.24a8%208%200%200%200-.82.72l-8%208a16%2016%200%200%200%200%2022.63l18.7%2018.71l-77%2077.05a8%208%200%200%200%2011.32%2011.32l77-77.06l18.71%2018.71a16%2016%200%200%200%2022.62%200l8-8a8%208%200%200%200%20.72-.83a16%2016%200%200%200%203.25-9.66V152h16.69a15.86%2015.86%200%200%200%2011.3-4.7l53.23-53.23a50.43%2050.43%200%200%200%200-71.32m-27.57%2038.89l-56%2056a8%208%200%200%201-11.32-11.31l56-56a8%208%200%200%201%2011.32%2011.32Z%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%22M233.23%2022.75a50.46%2050.46%200%200%200-71.31%200L108.68%2076A15.92%2015.92%200%200%200%20104%2087.3V104H87.17a16.14%2016.14%200%200%200-9.66%203.24a8%208%200%200%200-.82.72l-8%208a16%2016%200%200%200%200%2022.63l18.7%2018.71l-77%2077.05a8%208%200%200%200%2011.32%2011.32l77-77.06l18.71%2018.71a16%2016%200%200%200%2022.62%200l8-8a8%208%200%200%200%20.72-.83a16%2016%200%200%200%203.25-9.66V152h16.69a15.86%2015.86%200%200%200%2011.3-4.7l53.23-53.23a50.43%2050.43%200%200%200%200-71.32m-27.57%2038.89l-56%2056a8%208%200%200%201-11.32-11.31l56-56a8%208%200%200%201%2011.32%2011.32Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/screwdriver-fill.svg?color=%231a73e8&size=48