screwdriver icon
screwdriver-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- screwdriver-fill
- Set
- MingCute Icon
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
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 IconsscrewdriverNoto EmojiscrewdriverOpenMojiscrewdriverPhosphorscrewdriverTwitter Emoji
Use the screwdriver icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.264 3.365a1 1 0 0 1 1.22.15l.008.007a1 1 0 0 1 .149 1.225L19.572 6.51a1 1 0 0 1-1.114.445l-3.63 3.631l.414.415c.951.951.925 2.489-.009 3.423a2.38 2.38 0 0 1-1.68.698a.37.37 0 0 0-.33.205l-.891 1.78a3 3 0 0 1-.562.78l-3.306 3.307a3 3 0 0 1-4.242 0l-1.414-1.415a3 3 0 0 1 0-4.243l3.305-3.305c.228-.228.492-.419.78-.563l1.78-.89a.37.37 0 0 0 .206-.33c0-.633.256-1.239.697-1.68c.934-.934 2.473-.961 3.424-.01l.414.414l3.63-3.632a1 1 0 0 1 .45-1.113zM9.17 14.828a1 1 0 0 0-1.414 0l-2.12 2.122a1 1 0 0 0 1.414 1.414l2.12-2.12a1 1 0 0 0 0-1.415"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteScrewdriverFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.264 3.365a1 1 0 0 1 1.22.15l.008.007a1 1 0 0 1 .149 1.225L19.572 6.51a1 1 0 0 1-1.114.445l-3.63 3.631l.414.415c.951.951.925 2.489-.009 3.423a2.38 2.38 0 0 1-1.68.698a.37.37 0 0 0-.33.205l-.891 1.78a3 3 0 0 1-.562.78l-3.306 3.307a3 3 0 0 1-4.242 0l-1.414-1.415a3 3 0 0 1 0-4.243l3.305-3.305c.228-.228.492-.419.78-.563l1.78-.89a.37.37 0 0 0 .206-.33c0-.633.256-1.239.697-1.68c.934-.934 2.473-.961 3.424-.01l.414.414l3.63-3.632a1 1 0 0 1 .45-1.113zM9.17 14.828a1 1 0 0 0-1.414 0l-2.12 2.122a1 1 0 0 0 1.414 1.414l2.12-2.12a1 1 0 0 0 0-1.415"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.264 3.365a1 1 0 0 1 1.22.15l.008.007a1 1 0 0 1 .149 1.225L19.572 6.51a1 1 0 0 1-1.114.445l-3.63 3.631l.414.415c.951.951.925 2.489-.009 3.423a2.38 2.38 0 0 1-1.68.698a.37.37 0 0 0-.33.205l-.891 1.78a3 3 0 0 1-.562.78l-3.306 3.307a3 3 0 0 1-4.242 0l-1.414-1.415a3 3 0 0 1 0-4.243l3.305-3.305c.228-.228.492-.419.78-.563l1.78-.89a.37.37 0 0 0 .206-.33c0-.633.256-1.239.697-1.68c.934-.934 2.473-.961 3.424-.01l.414.414l3.63-3.632a1 1 0 0 1 .45-1.113zM9.17 14.828a1 1 0 0 0-1.414 0l-2.12 2.122a1 1 0 0 0 1.414 1.414l2.12-2.12a1 1 0 0 0 0-1.415"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.264%203.365a1%201%200%200%201%201.22.15l.008.007a1%201%200%200%201%20.149%201.225L19.572%206.51a1%201%200%200%201-1.114.445l-3.63%203.631l.414.415c.951.951.925%202.489-.009%203.423a2.38%202.38%200%200%201-1.68.698a.37.37%200%200%200-.33.205l-.891%201.78a3%203%200%200%201-.562.78l-3.306%203.307a3%203%200%200%201-4.242%200l-1.414-1.415a3%203%200%200%201%200-4.243l3.305-3.305c.228-.228.492-.419.78-.563l1.78-.89a.37.37%200%200%200%20.206-.33c0-.633.256-1.239.697-1.68c.934-.934%202.473-.961%203.424-.01l.414.414l3.63-3.632a1%201%200%200%201%20.45-1.113zM9.17%2014.828a1%201%200%200%200-1.414%200l-2.12%202.122a1%201%200%200%200%201.414%201.414l2.12-2.12a1%201%200%200%200%200-1.415%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.264%203.365a1%201%200%200%201%201.22.15l.008.007a1%201%200%200%201%20.149%201.225L19.572%206.51a1%201%200%200%201-1.114.445l-3.63%203.631l.414.415c.951.951.925%202.489-.009%203.423a2.38%202.38%200%200%201-1.68.698a.37.37%200%200%200-.33.205l-.891%201.78a3%203%200%200%201-.562.78l-3.306%203.307a3%203%200%200%201-4.242%200l-1.414-1.415a3%203%200%200%201%200-4.243l3.305-3.305c.228-.228.492-.419.78-.563l1.78-.89a.37.37%200%200%200%20.206-.33c0-.633.256-1.239.697-1.68c.934-.934%202.473-.961%203.424-.01l.414.414l3.63-3.632a1%201%200%200%201%20.45-1.113zM9.17%2014.828a1%201%200%200%200-1.414%200l-2.12%202.122a1%201%200%200%200%201.414%201.414l2.12-2.12a1%201%200%200%200%200-1.415%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/screwdriver-fill.svg?color=%231a73e8&size=48
