pickup 01 icon
pickup-01 from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- pickup-01
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Related icons in Huge Icons
Use the pickup 01 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M12.003 17.5v-13h.698c1.613 0 2.419 0 3.102.409c.684.409 1.14 1.164 2.051 2.673c.64 1.059 1.31 1.827 2.254 2.511c.95.688 1.401 1.025 1.652 1.565c.24.517.24 1.13.24 2.355c0 1.614 0 2.422-.43 2.935l-.056.065c-.452.487-1.09.487-2.513.487m-6.998-13l1.118 3.48c.548 1.705.822 2.557 1.393 3.039c.571.481 1.309.481 2.784.481H21m-11.996 6h5.998m6.998-3h-1m-8.997-3H3.005s-.321.004-.6 0c-.461-.007-.4-.02-.4.04v.96s-.02 3.3.016 3.693c0 .259.204.47.564.687c.236.157.606.406.9.524c.36.136 1.52.096 1.52.096"/><path d="M17.001 19.5a2 2 0 1 0 0-4a2 2 0 0 0 0 4Zm-9.997 0a2 2 0 1 0 0-4a2 2 0 0 0 0 4Z"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsPickup01(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path strokeLinecap="round" strokeLinejoin="round" d="M12.003 17.5v-13h.698c1.613 0 2.419 0 3.102.409c.684.409 1.14 1.164 2.051 2.673c.64 1.059 1.31 1.827 2.254 2.511c.95.688 1.401 1.025 1.652 1.565c.24.517.24 1.13.24 2.355c0 1.614 0 2.422-.43 2.935l-.056.065c-.452.487-1.09.487-2.513.487m-6.998-13l1.118 3.48c.548 1.705.822 2.557 1.393 3.039c.571.481 1.309.481 2.784.481H21m-11.996 6h5.998m6.998-3h-1m-8.997-3H3.005s-.321.004-.6 0c-.461-.007-.4-.02-.4.04v.96s-.02 3.3.016 3.693c0 .259.204.47.564.687c.236.157.606.406.9.524c.36.136 1.52.096 1.52.096"/><path d="M17.001 19.5a2 2 0 1 0 0-4a2 2 0 0 0 0 4Zm-9.997 0a2 2 0 1 0 0-4a2 2 0 0 0 0 4Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M12.003 17.5v-13h.698c1.613 0 2.419 0 3.102.409c.684.409 1.14 1.164 2.051 2.673c.64 1.059 1.31 1.827 2.254 2.511c.95.688 1.401 1.025 1.652 1.565c.24.517.24 1.13.24 2.355c0 1.614 0 2.422-.43 2.935l-.056.065c-.452.487-1.09.487-2.513.487m-6.998-13l1.118 3.48c.548 1.705.822 2.557 1.393 3.039c.571.481 1.309.481 2.784.481H21m-11.996 6h5.998m6.998-3h-1m-8.997-3H3.005s-.321.004-.6 0c-.461-.007-.4-.02-.4.04v.96s-.02 3.3.016 3.693c0 .259.204.47.564.687c.236.157.606.406.9.524c.36.136 1.52.096 1.52.096"/><path d="M17.001 19.5a2 2 0 1 0 0-4a2 2 0 0 0 0 4Zm-9.997 0a2 2 0 1 0 0-4a2 2 0 0 0 0 4Z"/></g></svg> </template>
CSS
.icon-pickup-01 {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12.003%2017.5v-13h.698c1.613%200%202.419%200%203.102.409c.684.409%201.14%201.164%202.051%202.673c.64%201.059%201.31%201.827%202.254%202.511c.95.688%201.401%201.025%201.652%201.565c.24.517.24%201.13.24%202.355c0%201.614%200%202.422-.43%202.935l-.056.065c-.452.487-1.09.487-2.513.487m-6.998-13l1.118%203.48c.548%201.705.822%202.557%201.393%203.039c.571.481%201.309.481%202.784.481H21m-11.996%206h5.998m6.998-3h-1m-8.997-3H3.005s-.321.004-.6%200c-.461-.007-.4-.02-.4.04v.96s-.02%203.3.016%203.693c0%20.259.204.47.564.687c.236.157.606.406.9.524c.36.136%201.52.096%201.52.096%22%2F%3E%3Cpath%20d%3D%22M17.001%2019.5a2%202%200%201%200%200-4a2%202%200%200%200%200%204Zm-9.997%200a2%202%200%201%200%200-4a2%202%200%200%200%200%204Z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12.003%2017.5v-13h.698c1.613%200%202.419%200%203.102.409c.684.409%201.14%201.164%202.051%202.673c.64%201.059%201.31%201.827%202.254%202.511c.95.688%201.401%201.025%201.652%201.565c.24.517.24%201.13.24%202.355c0%201.614%200%202.422-.43%202.935l-.056.065c-.452.487-1.09.487-2.513.487m-6.998-13l1.118%203.48c.548%201.705.822%202.557%201.393%203.039c.571.481%201.309.481%202.784.481H21m-11.996%206h5.998m6.998-3h-1m-8.997-3H3.005s-.321.004-.6%200c-.461-.007-.4-.02-.4.04v.96s-.02%203.3.016%203.693c0%20.259.204.47.564.687c.236.157.606.406.9.524c.36.136%201.52.096%201.52.096%22%2F%3E%3Cpath%20d%3D%22M17.001%2019.5a2%202%200%201%200%200-4a2%202%200%200%200%200%204Zm-9.997%200a2%202%200%201%200%200-4a2%202%200%200%200%200%204Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/pickup-01.svg?color=%231a73e8&size=48
