string lights icon

string-lights from Material Design Icons by Pictogrammers · Filled · Home Automation · Apache-2.0 Free for personal and commercial use.

Name: string-lights
Set: Material Design Icons
Style: Filled
Category: Home Automation
Viewbox: 24×24
License: Apache 2.0
Aliases: christmas-lights, fairy-lights, italian-lights

More home automation icons from Material Design Icons

Use the string lights icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22.56 11.39c-.2-.8-.74-1.54-1.51-1.95l-.42-1.7c.48-.16.94-.33 1.37-.51V5c-2 1.07-5.47 2.03-10 2.03S4 6.07 2 5v2.23c.43.18.89.35 1.37.51l-.42 1.7a3.07 3.07 0 0 0-1.51 1.95c-.535 2.18-1.055 5.92 1.48 6.54C4 18.2 6 17.89 7.27 12.82c.19-.82.06-1.7-.43-2.43l.42-1.72c.88.14 1.79.23 2.74.29v1.78c-.65.59-1 1.43-1 2.26c0 2.24.39 6 3 6c1.12 0 3-.78 3-6c0-.83-.35-1.67-1-2.26V8.96c.95-.06 1.86-.15 2.74-.29l.42 1.72a3.1 3.1 0 0 0-.43 2.43C18 17.89 20 18.2 21.08 17.93c2.53-.62 2.01-4.36 1.48-6.54M5.81 12.47s-1.07 4.37-2.53 4.03c-1.46-.38-.38-4.75-.38-4.75s.36-1.46 1.81-1.1s1.1 1.82 1.1 1.82M12 17.5c-1.5 0-1.5-4.5-1.5-4.5s0-1.5 1.5-1.5s1.5 1.5 1.5 1.5s0 4.5-1.5 4.5m8.72-1c-1.45.34-2.53-4.03-2.53-4.03s-.36-1.47 1.1-1.82s1.81 1.1 1.81 1.1s1.08 4.37-.38 4.75"/></svg>

React

import type { SVGProps } from "react";

export function MdiStringLights(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="M22.56 11.39c-.2-.8-.74-1.54-1.51-1.95l-.42-1.7c.48-.16.94-.33 1.37-.51V5c-2 1.07-5.47 2.03-10 2.03S4 6.07 2 5v2.23c.43.18.89.35 1.37.51l-.42 1.7a3.07 3.07 0 0 0-1.51 1.95c-.535 2.18-1.055 5.92 1.48 6.54C4 18.2 6 17.89 7.27 12.82c.19-.82.06-1.7-.43-2.43l.42-1.72c.88.14 1.79.23 2.74.29v1.78c-.65.59-1 1.43-1 2.26c0 2.24.39 6 3 6c1.12 0 3-.78 3-6c0-.83-.35-1.67-1-2.26V8.96c.95-.06 1.86-.15 2.74-.29l.42 1.72a3.1 3.1 0 0 0-.43 2.43C18 17.89 20 18.2 21.08 17.93c2.53-.62 2.01-4.36 1.48-6.54M5.81 12.47s-1.07 4.37-2.53 4.03c-1.46-.38-.38-4.75-.38-4.75s.36-1.46 1.81-1.1s1.1 1.82 1.1 1.82M12 17.5c-1.5 0-1.5-4.5-1.5-4.5s0-1.5 1.5-1.5s1.5 1.5 1.5 1.5s0 4.5-1.5 4.5m8.72-1c-1.45.34-2.53-4.03-2.53-4.03s-.36-1.47 1.1-1.82s1.81 1.1 1.81 1.1s1.08 4.37-.38 4.75"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22.56 11.39c-.2-.8-.74-1.54-1.51-1.95l-.42-1.7c.48-.16.94-.33 1.37-.51V5c-2 1.07-5.47 2.03-10 2.03S4 6.07 2 5v2.23c.43.18.89.35 1.37.51l-.42 1.7a3.07 3.07 0 0 0-1.51 1.95c-.535 2.18-1.055 5.92 1.48 6.54C4 18.2 6 17.89 7.27 12.82c.19-.82.06-1.7-.43-2.43l.42-1.72c.88.14 1.79.23 2.74.29v1.78c-.65.59-1 1.43-1 2.26c0 2.24.39 6 3 6c1.12 0 3-.78 3-6c0-.83-.35-1.67-1-2.26V8.96c.95-.06 1.86-.15 2.74-.29l.42 1.72a3.1 3.1 0 0 0-.43 2.43C18 17.89 20 18.2 21.08 17.93c2.53-.62 2.01-4.36 1.48-6.54M5.81 12.47s-1.07 4.37-2.53 4.03c-1.46-.38-.38-4.75-.38-4.75s.36-1.46 1.81-1.1s1.1 1.82 1.1 1.82M12 17.5c-1.5 0-1.5-4.5-1.5-4.5s0-1.5 1.5-1.5s1.5 1.5 1.5 1.5s0 4.5-1.5 4.5m8.72-1c-1.45.34-2.53-4.03-2.53-4.03s-.36-1.47 1.1-1.82s1.81 1.1 1.81 1.1s1.08 4.37-.38 4.75"/></svg>
</template>

CSS

.icon-string-lights {
  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%22M22.56%2011.39c-.2-.8-.74-1.54-1.51-1.95l-.42-1.7c.48-.16.94-.33%201.37-.51V5c-2%201.07-5.47%202.03-10%202.03S4%206.07%202%205v2.23c.43.18.89.35%201.37.51l-.42%201.7a3.07%203.07%200%200%200-1.51%201.95c-.535%202.18-1.055%205.92%201.48%206.54C4%2018.2%206%2017.89%207.27%2012.82c.19-.82.06-1.7-.43-2.43l.42-1.72c.88.14%201.79.23%202.74.29v1.78c-.65.59-1%201.43-1%202.26c0%202.24.39%206%203%206c1.12%200%203-.78%203-6c0-.83-.35-1.67-1-2.26V8.96c.95-.06%201.86-.15%202.74-.29l.42%201.72a3.1%203.1%200%200%200-.43%202.43C18%2017.89%2020%2018.2%2021.08%2017.93c2.53-.62%202.01-4.36%201.48-6.54M5.81%2012.47s-1.07%204.37-2.53%204.03c-1.46-.38-.38-4.75-.38-4.75s.36-1.46%201.81-1.1s1.1%201.82%201.1%201.82M12%2017.5c-1.5%200-1.5-4.5-1.5-4.5s0-1.5%201.5-1.5s1.5%201.5%201.5%201.5s0%204.5-1.5%204.5m8.72-1c-1.45.34-2.53-4.03-2.53-4.03s-.36-1.47%201.1-1.82s1.81%201.1%201.81%201.1s1.08%204.37-.38%204.75%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%22M22.56%2011.39c-.2-.8-.74-1.54-1.51-1.95l-.42-1.7c.48-.16.94-.33%201.37-.51V5c-2%201.07-5.47%202.03-10%202.03S4%206.07%202%205v2.23c.43.18.89.35%201.37.51l-.42%201.7a3.07%203.07%200%200%200-1.51%201.95c-.535%202.18-1.055%205.92%201.48%206.54C4%2018.2%206%2017.89%207.27%2012.82c.19-.82.06-1.7-.43-2.43l.42-1.72c.88.14%201.79.23%202.74.29v1.78c-.65.59-1%201.43-1%202.26c0%202.24.39%206%203%206c1.12%200%203-.78%203-6c0-.83-.35-1.67-1-2.26V8.96c.95-.06%201.86-.15%202.74-.29l.42%201.72a3.1%203.1%200%200%200-.43%202.43C18%2017.89%2020%2018.2%2021.08%2017.93c2.53-.62%202.01-4.36%201.48-6.54M5.81%2012.47s-1.07%204.37-2.53%204.03c-1.46-.38-.38-4.75-.38-4.75s.36-1.46%201.81-1.1s1.1%201.82%201.1%201.82M12%2017.5c-1.5%200-1.5-4.5-1.5-4.5s0-1.5%201.5-1.5s1.5%201.5%201.5%201.5s0%204.5-1.5%204.5m8.72-1c-1.45.34-2.53-4.03-2.53-4.03s-.36-1.47%201.1-1.82s1.81%201.1%201.81%201.1s1.08%204.37-.38%204.75%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/string-lights.svg?color=%231a73e8&size=48