forklift icon
forklift-filled from Reicon by REICON · Filled · UI · MIT Free for personal and commercial use.
- Name
- forklift-filled
- Set
- Reicon
- Style
- Filled
- Category
- UI
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
The same icon in other sets
All forklift icons →More ui icons from Reicon
Use the forklift icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.907 4.347a2.35 2.35 0 0 0-2.24-1.68h-4A2.336 2.336 0 0 0 5.333 5v5.667H3.667A3.67 3.67 0 0 0 0 14.333V18a3.34 3.34 0 0 0 3.333 3.333a3.34 3.34 0 0 0 3.265-2.666H9.4a3.34 3.34 0 0 0 3.265 2.666A3.34 3.34 0 0 0 15.998 18v-5.952q0-.524-.146-1.027l-1.947-6.673ZM7.333 5c0-.184.15-.333.334-.333h4c.146 0 .278.098.32.24l1.68 5.76H7.333zm-4 14.333C2.6 19.333 2 18.735 2 18s.599-1.333 1.333-1.333s1.334.598 1.334 1.333s-.6 1.333-1.334 1.333m9.334 0c-.735 0-1.334-.598-1.334-1.333s.599-1.333 1.334-1.333S14 17.265 14 18s-.599 1.333-1.333 1.333m10.333 0h-3.333a.333.333 0 0 1-.334-.333V2.333a1 1 0 0 0-2 0V19a2.336 2.336 0 0 0 2.334 2.333H23a1 1 0 0 0 0-2"/></svg>
React
import type { SVGProps } from "react";
export function ReiconForkliftFilled(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="M13.907 4.347a2.35 2.35 0 0 0-2.24-1.68h-4A2.336 2.336 0 0 0 5.333 5v5.667H3.667A3.67 3.67 0 0 0 0 14.333V18a3.34 3.34 0 0 0 3.333 3.333a3.34 3.34 0 0 0 3.265-2.666H9.4a3.34 3.34 0 0 0 3.265 2.666A3.34 3.34 0 0 0 15.998 18v-5.952q0-.524-.146-1.027l-1.947-6.673ZM7.333 5c0-.184.15-.333.334-.333h4c.146 0 .278.098.32.24l1.68 5.76H7.333zm-4 14.333C2.6 19.333 2 18.735 2 18s.599-1.333 1.333-1.333s1.334.598 1.334 1.333s-.6 1.333-1.334 1.333m9.334 0c-.735 0-1.334-.598-1.334-1.333s.599-1.333 1.334-1.333S14 17.265 14 18s-.599 1.333-1.333 1.333m10.333 0h-3.333a.333.333 0 0 1-.334-.333V2.333a1 1 0 0 0-2 0V19a2.336 2.336 0 0 0 2.334 2.333H23a1 1 0 0 0 0-2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.907 4.347a2.35 2.35 0 0 0-2.24-1.68h-4A2.336 2.336 0 0 0 5.333 5v5.667H3.667A3.67 3.67 0 0 0 0 14.333V18a3.34 3.34 0 0 0 3.333 3.333a3.34 3.34 0 0 0 3.265-2.666H9.4a3.34 3.34 0 0 0 3.265 2.666A3.34 3.34 0 0 0 15.998 18v-5.952q0-.524-.146-1.027l-1.947-6.673ZM7.333 5c0-.184.15-.333.334-.333h4c.146 0 .278.098.32.24l1.68 5.76H7.333zm-4 14.333C2.6 19.333 2 18.735 2 18s.599-1.333 1.333-1.333s1.334.598 1.334 1.333s-.6 1.333-1.334 1.333m9.334 0c-.735 0-1.334-.598-1.334-1.333s.599-1.333 1.334-1.333S14 17.265 14 18s-.599 1.333-1.333 1.333m10.333 0h-3.333a.333.333 0 0 1-.334-.333V2.333a1 1 0 0 0-2 0V19a2.336 2.336 0 0 0 2.334 2.333H23a1 1 0 0 0 0-2"/></svg> </template>
CSS
.icon-forklift-filled {
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%22M13.907%204.347a2.35%202.35%200%200%200-2.24-1.68h-4A2.336%202.336%200%200%200%205.333%205v5.667H3.667A3.67%203.67%200%200%200%200%2014.333V18a3.34%203.34%200%200%200%203.333%203.333a3.34%203.34%200%200%200%203.265-2.666H9.4a3.34%203.34%200%200%200%203.265%202.666A3.34%203.34%200%200%200%2015.998%2018v-5.952q0-.524-.146-1.027l-1.947-6.673ZM7.333%205c0-.184.15-.333.334-.333h4c.146%200%20.278.098.32.24l1.68%205.76H7.333zm-4%2014.333C2.6%2019.333%202%2018.735%202%2018s.599-1.333%201.333-1.333s1.334.598%201.334%201.333s-.6%201.333-1.334%201.333m9.334%200c-.735%200-1.334-.598-1.334-1.333s.599-1.333%201.334-1.333S14%2017.265%2014%2018s-.599%201.333-1.333%201.333m10.333%200h-3.333a.333.333%200%200%201-.334-.333V2.333a1%201%200%200%200-2%200V19a2.336%202.336%200%200%200%202.334%202.333H23a1%201%200%200%200%200-2%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%22M13.907%204.347a2.35%202.35%200%200%200-2.24-1.68h-4A2.336%202.336%200%200%200%205.333%205v5.667H3.667A3.67%203.67%200%200%200%200%2014.333V18a3.34%203.34%200%200%200%203.333%203.333a3.34%203.34%200%200%200%203.265-2.666H9.4a3.34%203.34%200%200%200%203.265%202.666A3.34%203.34%200%200%200%2015.998%2018v-5.952q0-.524-.146-1.027l-1.947-6.673ZM7.333%205c0-.184.15-.333.334-.333h4c.146%200%20.278.098.32.24l1.68%205.76H7.333zm-4%2014.333C2.6%2019.333%202%2018.735%202%2018s.599-1.333%201.333-1.333s1.334.598%201.334%201.333s-.6%201.333-1.334%201.333m9.334%200c-.735%200-1.334-.598-1.334-1.333s.599-1.333%201.334-1.333S14%2017.265%2014%2018s-.599%201.333-1.333%201.333m10.333%200h-3.333a.333.333%200%200%201-.334-.333V2.333a1%201%200%200%200-2%200V19a2.336%202.336%200%200%200%202.334%202.333H23a1%201%200%200%200%200-2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/forklift-filled.svg?color=%231a73e8&size=48
