tool kit icon
tool-kit from Carbon by IBM · Outline · Tools · Apache-2.0 Free for personal and commercial use.
- Name
- tool-kit
- Set
- Carbon
- Style
- Outline
- Category
- Tools
- Viewbox
- 32×32
- License
- Apache 2.0
More tools icons from Carbon
Use the tool kit icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m8.914 24.5l4.257-4.257l-1.414-1.414L7.5 23.086l-.793-.793a1 1 0 0 0-1.414 0l-4 4a1 1 0 0 0 0 1.414l3 3a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0 0-1.414ZM5 28.586L3.414 27L6 24.414L7.586 26Z"/><path fill="currentColor" d="M24 30a6.007 6.007 0 0 1-6-6a5.8 5.8 0 0 1 .21-1.547L9.548 13.79A6 6 0 0 1 8 14a5.976 5.976 0 0 1-5.577-8.184l.558-1.421l3.312 3.312a1.023 1.023 0 0 0 1.414 0a1 1 0 0 0 0-1.414L4.393 2.979l1.423-.557A5.977 5.977 0 0 1 14 8a5.8 5.8 0 0 1-.21 1.547l8.663 8.663A6 6 0 0 1 24 18a5.976 5.976 0 0 1 5.577 8.184l-.557 1.421l-3.313-3.312a1.023 1.023 0 0 0-1.413 0a1 1 0 0 0-.001 1.414l3.313 3.313l-1.422.558A6 6 0 0 1 24 30M10.063 11.476l10.46 10.462l-.239.609a3.975 3.975 0 0 0 3.466 5.445l-.871-.87a3 3 0 0 1 0-4.243a3.07 3.07 0 0 1 4.243 0l.87.871a3.976 3.976 0 0 0-5.446-3.466l-.609.239l-10.46-10.46l.24-.61A3.976 3.976 0 0 0 8.25 4.008l.87.87a3 3 0 0 1 0 4.243a3.07 3.07 0 0 1-4.243 0l-.87-.871a3.975 3.975 0 0 0 5.445 3.466Z"/><path fill="currentColor" d="M29.123 2.85a3.07 3.07 0 0 0-4.243 0l-7.48 7.48l1.414 1.414l7.48-7.48a1.024 1.024 0 0 1 1.414 0a1 1 0 0 1 0 1.414l-7.48 7.48l1.414 1.415l7.48-7.48a3.003 3.003 0 0 0 0-4.243"/></svg>
React
import type { SVGProps } from "react";
export function CarbonToolKit(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m8.914 24.5l4.257-4.257l-1.414-1.414L7.5 23.086l-.793-.793a1 1 0 0 0-1.414 0l-4 4a1 1 0 0 0 0 1.414l3 3a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0 0-1.414ZM5 28.586L3.414 27L6 24.414L7.586 26Z"/><path fill="currentColor" d="M24 30a6.007 6.007 0 0 1-6-6a5.8 5.8 0 0 1 .21-1.547L9.548 13.79A6 6 0 0 1 8 14a5.976 5.976 0 0 1-5.577-8.184l.558-1.421l3.312 3.312a1.023 1.023 0 0 0 1.414 0a1 1 0 0 0 0-1.414L4.393 2.979l1.423-.557A5.977 5.977 0 0 1 14 8a5.8 5.8 0 0 1-.21 1.547l8.663 8.663A6 6 0 0 1 24 18a5.976 5.976 0 0 1 5.577 8.184l-.557 1.421l-3.313-3.312a1.023 1.023 0 0 0-1.413 0a1 1 0 0 0-.001 1.414l3.313 3.313l-1.422.558A6 6 0 0 1 24 30M10.063 11.476l10.46 10.462l-.239.609a3.975 3.975 0 0 0 3.466 5.445l-.871-.87a3 3 0 0 1 0-4.243a3.07 3.07 0 0 1 4.243 0l.87.871a3.976 3.976 0 0 0-5.446-3.466l-.609.239l-10.46-10.46l.24-.61A3.976 3.976 0 0 0 8.25 4.008l.87.87a3 3 0 0 1 0 4.243a3.07 3.07 0 0 1-4.243 0l-.87-.871a3.975 3.975 0 0 0 5.445 3.466Z"/><path fill="currentColor" d="M29.123 2.85a3.07 3.07 0 0 0-4.243 0l-7.48 7.48l1.414 1.414l7.48-7.48a1.024 1.024 0 0 1 1.414 0a1 1 0 0 1 0 1.414l-7.48 7.48l1.414 1.415l7.48-7.48a3.003 3.003 0 0 0 0-4.243"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m8.914 24.5l4.257-4.257l-1.414-1.414L7.5 23.086l-.793-.793a1 1 0 0 0-1.414 0l-4 4a1 1 0 0 0 0 1.414l3 3a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0 0-1.414ZM5 28.586L3.414 27L6 24.414L7.586 26Z"/><path fill="currentColor" d="M24 30a6.007 6.007 0 0 1-6-6a5.8 5.8 0 0 1 .21-1.547L9.548 13.79A6 6 0 0 1 8 14a5.976 5.976 0 0 1-5.577-8.184l.558-1.421l3.312 3.312a1.023 1.023 0 0 0 1.414 0a1 1 0 0 0 0-1.414L4.393 2.979l1.423-.557A5.977 5.977 0 0 1 14 8a5.8 5.8 0 0 1-.21 1.547l8.663 8.663A6 6 0 0 1 24 18a5.976 5.976 0 0 1 5.577 8.184l-.557 1.421l-3.313-3.312a1.023 1.023 0 0 0-1.413 0a1 1 0 0 0-.001 1.414l3.313 3.313l-1.422.558A6 6 0 0 1 24 30M10.063 11.476l10.46 10.462l-.239.609a3.975 3.975 0 0 0 3.466 5.445l-.871-.87a3 3 0 0 1 0-4.243a3.07 3.07 0 0 1 4.243 0l.87.871a3.976 3.976 0 0 0-5.446-3.466l-.609.239l-10.46-10.46l.24-.61A3.976 3.976 0 0 0 8.25 4.008l.87.87a3 3 0 0 1 0 4.243a3.07 3.07 0 0 1-4.243 0l-.87-.871a3.975 3.975 0 0 0 5.445 3.466Z"/><path fill="currentColor" d="M29.123 2.85a3.07 3.07 0 0 0-4.243 0l-7.48 7.48l1.414 1.414l7.48-7.48a1.024 1.024 0 0 1 1.414 0a1 1 0 0 1 0 1.414l-7.48 7.48l1.414 1.415l7.48-7.48a3.003 3.003 0 0 0 0-4.243"/></svg> </template>
CSS
.icon-tool-kit {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m8.914%2024.5l4.257-4.257l-1.414-1.414L7.5%2023.086l-.793-.793a1%201%200%200%200-1.414%200l-4%204a1%201%200%200%200%200%201.414l3%203a1%201%200%200%200%201.414%200l4-4a1%201%200%200%200%200-1.414ZM5%2028.586L3.414%2027L6%2024.414L7.586%2026Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M24%2030a6.007%206.007%200%200%201-6-6a5.8%205.8%200%200%201%20.21-1.547L9.548%2013.79A6%206%200%200%201%208%2014a5.976%205.976%200%200%201-5.577-8.184l.558-1.421l3.312%203.312a1.023%201.023%200%200%200%201.414%200a1%201%200%200%200%200-1.414L4.393%202.979l1.423-.557A5.977%205.977%200%200%201%2014%208a5.8%205.8%200%200%201-.21%201.547l8.663%208.663A6%206%200%200%201%2024%2018a5.976%205.976%200%200%201%205.577%208.184l-.557%201.421l-3.313-3.312a1.023%201.023%200%200%200-1.413%200a1%201%200%200%200-.001%201.414l3.313%203.313l-1.422.558A6%206%200%200%201%2024%2030M10.063%2011.476l10.46%2010.462l-.239.609a3.975%203.975%200%200%200%203.466%205.445l-.871-.87a3%203%200%200%201%200-4.243a3.07%203.07%200%200%201%204.243%200l.87.871a3.976%203.976%200%200%200-5.446-3.466l-.609.239l-10.46-10.46l.24-.61A3.976%203.976%200%200%200%208.25%204.008l.87.87a3%203%200%200%201%200%204.243a3.07%203.07%200%200%201-4.243%200l-.87-.871a3.975%203.975%200%200%200%205.445%203.466Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M29.123%202.85a3.07%203.07%200%200%200-4.243%200l-7.48%207.48l1.414%201.414l7.48-7.48a1.024%201.024%200%200%201%201.414%200a1%201%200%200%201%200%201.414l-7.48%207.48l1.414%201.415l7.48-7.48a3.003%203.003%200%200%200%200-4.243%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m8.914%2024.5l4.257-4.257l-1.414-1.414L7.5%2023.086l-.793-.793a1%201%200%200%200-1.414%200l-4%204a1%201%200%200%200%200%201.414l3%203a1%201%200%200%200%201.414%200l4-4a1%201%200%200%200%200-1.414ZM5%2028.586L3.414%2027L6%2024.414L7.586%2026Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M24%2030a6.007%206.007%200%200%201-6-6a5.8%205.8%200%200%201%20.21-1.547L9.548%2013.79A6%206%200%200%201%208%2014a5.976%205.976%200%200%201-5.577-8.184l.558-1.421l3.312%203.312a1.023%201.023%200%200%200%201.414%200a1%201%200%200%200%200-1.414L4.393%202.979l1.423-.557A5.977%205.977%200%200%201%2014%208a5.8%205.8%200%200%201-.21%201.547l8.663%208.663A6%206%200%200%201%2024%2018a5.976%205.976%200%200%201%205.577%208.184l-.557%201.421l-3.313-3.312a1.023%201.023%200%200%200-1.413%200a1%201%200%200%200-.001%201.414l3.313%203.313l-1.422.558A6%206%200%200%201%2024%2030M10.063%2011.476l10.46%2010.462l-.239.609a3.975%203.975%200%200%200%203.466%205.445l-.871-.87a3%203%200%200%201%200-4.243a3.07%203.07%200%200%201%204.243%200l.87.871a3.976%203.976%200%200%200-5.446-3.466l-.609.239l-10.46-10.46l.24-.61A3.976%203.976%200%200%200%208.25%204.008l.87.87a3%203%200%200%201%200%204.243a3.07%203.07%200%200%201-4.243%200l-.87-.871a3.975%203.975%200%200%200%205.445%203.466Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M29.123%202.85a3.07%203.07%200%200%200-4.243%200l-7.48%207.48l1.414%201.414l7.48-7.48a1.024%201.024%200%200%201%201.414%200a1%201%200%200%201%200%201.414l-7.48%207.48l1.414%201.415l7.48-7.48a3.003%203.003%200%200%200%200-4.243%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/carbon/tool-kit.svg?color=%231a73e8&size=48
