lamp floor icon
lamp-floor from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- lamp-floor
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Related icons in Huge Icons
Use the lamp floor 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-linejoin="round" stroke-width="1.5"><path stroke-linecap="round" d="M12.006 10.5v9M8.005 22h8Zm7.001-11.495V13"/><path d="m15.674 3.989l.896 2.5c.653 1.825.98 2.738.532 3.375c-.448.636-1.418.636-3.357.636h-3.507c-1.927 0-2.891 0-3.34-.633c-.448-.632-.129-1.542.51-3.36l.877-2.5c.34-.97.51-1.454.9-1.73C9.575 2 10.088 2 11.115 2h1.735c1.02 0 1.531 0 1.92.274c.388.273.56.754.904 1.715Z"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsLampFloor(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" strokeLinejoin="round" strokeWidth="1.5"><path strokeLinecap="round" d="M12.006 10.5v9M8.005 22h8Zm7.001-11.495V13"/><path d="m15.674 3.989l.896 2.5c.653 1.825.98 2.738.532 3.375c-.448.636-1.418.636-3.357.636h-3.507c-1.927 0-2.891 0-3.34-.633c-.448-.632-.129-1.542.51-3.36l.877-2.5c.34-.97.51-1.454.9-1.73C9.575 2 10.088 2 11.115 2h1.735c1.02 0 1.531 0 1.92.274c.388.273.56.754.904 1.715Z"/></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-linejoin="round" stroke-width="1.5"><path stroke-linecap="round" d="M12.006 10.5v9M8.005 22h8Zm7.001-11.495V13"/><path d="m15.674 3.989l.896 2.5c.653 1.825.98 2.738.532 3.375c-.448.636-1.418.636-3.357.636h-3.507c-1.927 0-2.891 0-3.34-.633c-.448-.632-.129-1.542.51-3.36l.877-2.5c.34-.97.51-1.454.9-1.73C9.575 2 10.088 2 11.115 2h1.735c1.02 0 1.531 0 1.92.274c.388.273.56.754.904 1.715Z"/></g></svg> </template>
CSS
.icon-lamp-floor {
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-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M12.006%2010.5v9M8.005%2022h8Zm7.001-11.495V13%22%2F%3E%3Cpath%20d%3D%22m15.674%203.989l.896%202.5c.653%201.825.98%202.738.532%203.375c-.448.636-1.418.636-3.357.636h-3.507c-1.927%200-2.891%200-3.34-.633c-.448-.632-.129-1.542.51-3.36l.877-2.5c.34-.97.51-1.454.9-1.73C9.575%202%2010.088%202%2011.115%202h1.735c1.02%200%201.531%200%201.92.274c.388.273.56.754.904%201.715Z%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-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M12.006%2010.5v9M8.005%2022h8Zm7.001-11.495V13%22%2F%3E%3Cpath%20d%3D%22m15.674%203.989l.896%202.5c.653%201.825.98%202.738.532%203.375c-.448.636-1.418.636-3.357.636h-3.507c-1.927%200-2.891%200-3.34-.633c-.448-.632-.129-1.542.51-3.36l.877-2.5c.34-.97.51-1.454.9-1.73C9.575%202%2010.088%202%2011.115%202h1.735c1.02%200%201.531%200%201.92.274c.388.273.56.754.904%201.715Z%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/lamp-floor.svg?color=%231a73e8&size=48
