kit logo
kit from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- kit
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the kit logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m3.5 11.633l-2.434 2.408V8.687a.53.53 0 0 0-.533-.527a.53.53 0 0 0-.533.527v6.624a.53.53 0 0 0 .532.526a.53.53 0 0 0 .377-.153l2.974-2.939l2.974 2.94a.535.535 0 0 0 .754 0a.52.52 0 0 0 0-.746l-2.974-2.938L7.61 9.06a.52.52 0 0 0 0-.745a.54.54 0 0 0-.753 0l-3.344 3.307q-.004.001-.007.005zm8.826 4.206a.53.53 0 0 1-.533-.526V8.688a.53.53 0 0 1 .533-.528a.53.53 0 0 1 .533.528v6.624a.53.53 0 0 1-.533.526zm7.257-6.624v6.098c0 .29.238.526.532.526a.53.53 0 0 0 .533-.526V9.215h2.818A.53.53 0 0 0 24 8.688a.53.53 0 0 0-.533-.527h-6.702a.53.53 0 0 0-.533.527a.53.53 0 0 0 .533.527h2.819z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsKit(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="m3.5 11.633l-2.434 2.408V8.687a.53.53 0 0 0-.533-.527a.53.53 0 0 0-.533.527v6.624a.53.53 0 0 0 .532.526a.53.53 0 0 0 .377-.153l2.974-2.939l2.974 2.94a.535.535 0 0 0 .754 0a.52.52 0 0 0 0-.746l-2.974-2.938L7.61 9.06a.52.52 0 0 0 0-.745a.54.54 0 0 0-.753 0l-3.344 3.307q-.004.001-.007.005zm8.826 4.206a.53.53 0 0 1-.533-.526V8.688a.53.53 0 0 1 .533-.528a.53.53 0 0 1 .533.528v6.624a.53.53 0 0 1-.533.526zm7.257-6.624v6.098c0 .29.238.526.532.526a.53.53 0 0 0 .533-.526V9.215h2.818A.53.53 0 0 0 24 8.688a.53.53 0 0 0-.533-.527h-6.702a.53.53 0 0 0-.533.527a.53.53 0 0 0 .533.527h2.819z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m3.5 11.633l-2.434 2.408V8.687a.53.53 0 0 0-.533-.527a.53.53 0 0 0-.533.527v6.624a.53.53 0 0 0 .532.526a.53.53 0 0 0 .377-.153l2.974-2.939l2.974 2.94a.535.535 0 0 0 .754 0a.52.52 0 0 0 0-.746l-2.974-2.938L7.61 9.06a.52.52 0 0 0 0-.745a.54.54 0 0 0-.753 0l-3.344 3.307q-.004.001-.007.005zm8.826 4.206a.53.53 0 0 1-.533-.526V8.688a.53.53 0 0 1 .533-.528a.53.53 0 0 1 .533.528v6.624a.53.53 0 0 1-.533.526zm7.257-6.624v6.098c0 .29.238.526.532.526a.53.53 0 0 0 .533-.526V9.215h2.818A.53.53 0 0 0 24 8.688a.53.53 0 0 0-.533-.527h-6.702a.53.53 0 0 0-.533.527a.53.53 0 0 0 .533.527h2.819z"/></svg> </template>
CSS
.icon-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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m3.5%2011.633l-2.434%202.408V8.687a.53.53%200%200%200-.533-.527a.53.53%200%200%200-.533.527v6.624a.53.53%200%200%200%20.532.526a.53.53%200%200%200%20.377-.153l2.974-2.939l2.974%202.94a.535.535%200%200%200%20.754%200a.52.52%200%200%200%200-.746l-2.974-2.938L7.61%209.06a.52.52%200%200%200%200-.745a.54.54%200%200%200-.753%200l-3.344%203.307q-.004.001-.007.005zm8.826%204.206a.53.53%200%200%201-.533-.526V8.688a.53.53%200%200%201%20.533-.528a.53.53%200%200%201%20.533.528v6.624a.53.53%200%200%201-.533.526zm7.257-6.624v6.098c0%20.29.238.526.532.526a.53.53%200%200%200%20.533-.526V9.215h2.818A.53.53%200%200%200%2024%208.688a.53.53%200%200%200-.533-.527h-6.702a.53.53%200%200%200-.533.527a.53.53%200%200%200%20.533.527h2.819z%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%22m3.5%2011.633l-2.434%202.408V8.687a.53.53%200%200%200-.533-.527a.53.53%200%200%200-.533.527v6.624a.53.53%200%200%200%20.532.526a.53.53%200%200%200%20.377-.153l2.974-2.939l2.974%202.94a.535.535%200%200%200%20.754%200a.52.52%200%200%200%200-.746l-2.974-2.938L7.61%209.06a.52.52%200%200%200%200-.745a.54.54%200%200%200-.753%200l-3.344%203.307q-.004.001-.007.005zm8.826%204.206a.53.53%200%200%201-.533-.526V8.688a.53.53%200%200%201%20.533-.528a.53.53%200%200%201%20.533.528v6.624a.53.53%200%200%201-.533.526zm7.257-6.624v6.098c0%20.29.238.526.532.526a.53.53%200%200%200%20.533-.526V9.215h2.818A.53.53%200%200%200%2024%208.688a.53.53%200%200%200-.533-.527h-6.702a.53.53%200%200%200-.533.527a.53.53%200%200%200%20.533.527h2.819z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/kit.svg?color=%231a73e8&size=48
