gentleface

Gentleface › Home & household › lamp-ceiling

lamp-ceiling icon

Lamp ceiling: ceiling light, pendant lamp, pendant light, ceiling lamp. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M7.144 1.144C7.241 1.048 7.359 1 7.5 1C7.641 1 7.759 1.048 7.856 1.144C7.952 1.241 8 1.359 8 1.5L8 6.043C8.21 6.079 8.415 6.139 8.615 6.222C8.972 6.37 9.287 6.58 9.561 6.854L13.854 11.146C13.953 11.246 14.003 11.364 14.003 11.5C14.003 11.636 13.953 11.754 13.854 11.854C13.756 11.951 13.638 12 13.5 12L9.95 12C9.921 12.142 9.879 12.283 9.824 12.42C9.697 12.741 9.512 13.024 9.268 13.268C9.024 13.512 8.741 13.697 8.42 13.824C8.125 13.941 7.818 14 7.5 14C7.182 14 6.875 13.941 6.58 13.824C6.259 13.697 5.976 13.512 5.732 13.268C5.488 13.024 5.303 12.741 5.176 12.42C5.121 12.283 5.079 12.142 5.05 12L1.5 12C1.359 12 1.241 11.952 1.144 11.856C1.048 11.759 1 11.641 1 11.5C1 11.362 1.049 11.244 1.146 11.146L5.439 6.854C5.713 6.58 6.028 6.37 6.385 6.222C6.585 6.139 6.79 6.079 7 6.043L7 1.5C7 1.359 7.048 1.241 7.144 1.144ZM2.707 11L12.293 11L8.854 7.561C8.674 7.381 8.467 7.243 8.233 7.146C7.998 7.049 7.754 7 7.5 7C7.246 7 7.002 7.049 6.767 7.146C6.533 7.243 6.326 7.381 6.146 7.561L2.707 11ZM6.439 12.561C6.586 12.707 6.755 12.818 6.948 12.895C7.125 12.965 7.309 13 7.5 13C7.691 13 7.875 12.965 8.052 12.895C8.245 12.818 8.414 12.707 8.561 12.561C8.707 12.414 8.818 12.245 8.895 12.052C8.902 12.035 8.908 12.017 8.914 12L6.086 12C6.092 12.017 6.098 12.035 6.105 12.052C6.182 12.245 6.293 12.414 6.439 12.561Z"/></svg>
React
// Gentleface "lamp-ceiling" (line-round), MIT. https://gentleface.com/icons/lamp-ceiling
import type { SVGProps } from 'react';

export function LampCeilingIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M7.144 1.144C7.241 1.048 7.359 1 7.5 1C7.641 1 7.759 1.048 7.856 1.144C7.952 1.241 8 1.359 8 1.5L8 6.043C8.21 6.079 8.415 6.139 8.615 6.222C8.972 6.37 9.287 6.58 9.561 6.854L13.854 11.146C13.953 11.246 14.003 11.364 14.003 11.5C14.003 11.636 13.953 11.754 13.854 11.854C13.756 11.951 13.638 12 13.5 12L9.95 12C9.921 12.142 9.879 12.283 9.824 12.42C9.697 12.741 9.512 13.024 9.268 13.268C9.024 13.512 8.741 13.697 8.42 13.824C8.125 13.941 7.818 14 7.5 14C7.182 14 6.875 13.941 6.58 13.824C6.259 13.697 5.976 13.512 5.732 13.268C5.488 13.024 5.303 12.741 5.176 12.42C5.121 12.283 5.079 12.142 5.05 12L1.5 12C1.359 12 1.241 11.952 1.144 11.856C1.048 11.759 1 11.641 1 11.5C1 11.362 1.049 11.244 1.146 11.146L5.439 6.854C5.713 6.58 6.028 6.37 6.385 6.222C6.585 6.139 6.79 6.079 7 6.043L7 1.5C7 1.359 7.048 1.241 7.144 1.144ZM2.707 11L12.293 11L8.854 7.561C8.674 7.381 8.467 7.243 8.233 7.146C7.998 7.049 7.754 7 7.5 7C7.246 7 7.002 7.049 6.767 7.146C6.533 7.243 6.326 7.381 6.146 7.561L2.707 11ZM6.439 12.561C6.586 12.707 6.755 12.818 6.948 12.895C7.125 12.965 7.309 13 7.5 13C7.691 13 7.875 12.965 8.052 12.895C8.245 12.818 8.414 12.707 8.561 12.561C8.707 12.414 8.818 12.245 8.895 12.052C8.902 12.035 8.908 12.017 8.914 12L6.086 12C6.092 12.017 6.098 12.035 6.105 12.052C6.182 12.245 6.293 12.414 6.439 12.561Z" />
    </svg>
  );
}
Vue
Vue: see /icons/lamp-ceiling.md
Svelte
Svelte: see /icons/lamp-ceiling.md
HTML img
HTML img: see /icons/lamp-ceiling.md
CSS
CSS: see /icons/lamp-ceiling.md
Data URL
Data URL: see /icons/lamp-ceiling.md
Sprite
Sprite: see /icons/lamp-ceiling.md
SwiftUI
SwiftUI: see /icons/lamp-ceiling.md
Compose
Compose: see /icons/lamp-ceiling.md
Android XML
Android XML: see /icons/lamp-ceiling.md
Flutter
Flutter: see /icons/lamp-ceiling.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

With npm: import { LampCeilingIcon } from '@gentleface/react'; (setup).

Meaning

Use it for
ceiling light, pendant lamp, pendant light, ceiling lamp, chandelier
Alternatives
  • lamp: a table lamp, or lighting in general
Also fits
  • lamp: a ceiling or pendant light
Tags
lamp, ceiling-light, ceiling-lamp, pendant-lamp, pendant, hanging-lamp, light, lighting, light-fixture, smart-home
Category
Home & household
Component name
LampCeilingIcon
History
  • released in 0.2.0
  • added
Since
version 0.2.0

Family 3

More home & household icons

For agents

Metadata: /icons/lamp-ceiling.json · Markdown: /icons/lamp-ceiling.md · SVG: https://gentleface.com/svg/{style}/16/lamp-ceiling.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/lamp-ceiling.png