lamp wall up icon

lamp-wall-up from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.

Name: lamp-wall-up
Set: Huge Icons
Style: Stroke
Viewbox: 24×24
License: MIT

The same icon in other sets

Related icons in Huge Icons

lamp-01 lamp-02 lamp-03 lamp-04 lamp-05 lamp-ceiling lamp-desk lamp-floor lamp-wall-down

Use the lamp wall up icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 7h10M8.66 12h10.68a1.66 1.66 0 0 0 1.526-2.313l-1.827-4.263c-.504-1.175-.756-1.763-1.257-2.094S16.642 3 15.362 3h-2.724c-1.28 0-1.92 0-2.42.33c-.501.33-.753.919-1.257 2.094L7.134 9.687A1.66 1.66 0 0 0 8.66 12M3 19.667v-3.334c0-.31 0-.465.034-.592a1 1 0 0 1 .707-.707C3.868 15 4.023 15 4.333 15c.62 0 .93 0 1.185.068a2 2 0 0 1 1.414 1.414c.068.255.068.565.068 1.185v.666c0 .62 0 .93-.068 1.185a2 2 0 0 1-1.414 1.414C5.263 21 4.953 21 4.333 21c-.31 0-.465 0-.592-.034a1 1 0 0 1-.707-.707C3 20.132 3 19.977 3 19.667M7 18h1c2.829 0 4.243 0 5.121-.879C14 16.243 14 14.828 14 12"/></svg>

React

import type { SVGProps } from "react";

export function HugeiconsLampWallUp(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M9 7h10M8.66 12h10.68a1.66 1.66 0 0 0 1.526-2.313l-1.827-4.263c-.504-1.175-.756-1.763-1.257-2.094S16.642 3 15.362 3h-2.724c-1.28 0-1.92 0-2.42.33c-.501.33-.753.919-1.257 2.094L7.134 9.687A1.66 1.66 0 0 0 8.66 12M3 19.667v-3.334c0-.31 0-.465.034-.592a1 1 0 0 1 .707-.707C3.868 15 4.023 15 4.333 15c.62 0 .93 0 1.185.068a2 2 0 0 1 1.414 1.414c.068.255.068.565.068 1.185v.666c0 .62 0 .93-.068 1.185a2 2 0 0 1-1.414 1.414C5.263 21 4.953 21 4.333 21c-.31 0-.465 0-.592-.034a1 1 0 0 1-.707-.707C3 20.132 3 19.977 3 19.667M7 18h1c2.829 0 4.243 0 5.121-.879C14 16.243 14 14.828 14 12"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 7h10M8.66 12h10.68a1.66 1.66 0 0 0 1.526-2.313l-1.827-4.263c-.504-1.175-.756-1.763-1.257-2.094S16.642 3 15.362 3h-2.724c-1.28 0-1.92 0-2.42.33c-.501.33-.753.919-1.257 2.094L7.134 9.687A1.66 1.66 0 0 0 8.66 12M3 19.667v-3.334c0-.31 0-.465.034-.592a1 1 0 0 1 .707-.707C3.868 15 4.023 15 4.333 15c.62 0 .93 0 1.185.068a2 2 0 0 1 1.414 1.414c.068.255.068.565.068 1.185v.666c0 .62 0 .93-.068 1.185a2 2 0 0 1-1.414 1.414C5.263 21 4.953 21 4.333 21c-.31 0-.465 0-.592-.034a1 1 0 0 1-.707-.707C3 20.132 3 19.977 3 19.667M7 18h1c2.829 0 4.243 0 5.121-.879C14 16.243 14 14.828 14 12"/></svg>
</template>

CSS

.icon-lamp-wall-up {
  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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M9%207h10M8.66%2012h10.68a1.66%201.66%200%200%200%201.526-2.313l-1.827-4.263c-.504-1.175-.756-1.763-1.257-2.094S16.642%203%2015.362%203h-2.724c-1.28%200-1.92%200-2.42.33c-.501.33-.753.919-1.257%202.094L7.134%209.687A1.66%201.66%200%200%200%208.66%2012M3%2019.667v-3.334c0-.31%200-.465.034-.592a1%201%200%200%201%20.707-.707C3.868%2015%204.023%2015%204.333%2015c.62%200%20.93%200%201.185.068a2%202%200%200%201%201.414%201.414c.068.255.068.565.068%201.185v.666c0%20.62%200%20.93-.068%201.185a2%202%200%200%201-1.414%201.414C5.263%2021%204.953%2021%204.333%2021c-.31%200-.465%200-.592-.034a1%201%200%200%201-.707-.707C3%2020.132%203%2019.977%203%2019.667M7%2018h1c2.829%200%204.243%200%205.121-.879C14%2016.243%2014%2014.828%2014%2012%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M9%207h10M8.66%2012h10.68a1.66%201.66%200%200%200%201.526-2.313l-1.827-4.263c-.504-1.175-.756-1.763-1.257-2.094S16.642%203%2015.362%203h-2.724c-1.28%200-1.92%200-2.42.33c-.501.33-.753.919-1.257%202.094L7.134%209.687A1.66%201.66%200%200%200%208.66%2012M3%2019.667v-3.334c0-.31%200-.465.034-.592a1%201%200%200%201%20.707-.707C3.868%2015%204.023%2015%204.333%2015c.62%200%20.93%200%201.185.068a2%202%200%200%201%201.414%201.414c.068.255.068.565.068%201.185v.666c0%20.62%200%20.93-.068%201.185a2%202%200%200%201-1.414%201.414C5.263%2021%204.953%2021%204.333%2021c-.31%200-.465%200-.592-.034a1%201%200%200%201-.707-.707C3%2020.132%203%2019.977%203%2019.667M7%2018h1c2.829%200%204.243%200%205.121-.879C14%2016.243%2014%2014.828%2014%2012%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/lamp-wall-up.svg?color=%231a73e8&size=48