drop slash icon

drop-slash-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name: drop-slash-light
Set: Phosphor
Style: Light
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

drop-slash drop-slash-bold drop-slash-duotone drop-slash-fill drop-slash-thin

Related icons in Phosphor

Use the drop slash icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M52.44 36a6 6 0 0 0-8.88 8l23.7 26.07C50.51 94.93 42 119.77 42 144a86 86 0 0 0 147.28 60.33L203.56 220a6 6 0 0 0 8.88-8.08ZM128 218a74.09 74.09 0 0 1-74-74c0-21 7.27-42.76 21.59-64.73l105.59 116.15A73.8 73.8 0 0 1 128 218M91.4 49.07a6 6 0 0 1-.2-8.49a245.6 245.6 0 0 1 33.36-29.49a6 6 0 0 1 6.88 0a251.4 251.4 0 0 1 41.09 38C199.66 80.26 214 113.09 214 144a86.2 86.2 0 0 1-3.08 22.87a6 6 0 0 1-5.78 4.41a6.2 6.2 0 0 1-1.59-.21a6 6 0 0 1-4.2-7.38A74 74 0 0 0 202 144c0-59.63-59-108.94-74-120.52a254 254 0 0 0-28.12 25.38a6 6 0 0 1-8.48.21"/></svg>

React

import type { SVGProps } from "react";

export function PhDropSlashLight(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M52.44 36a6 6 0 0 0-8.88 8l23.7 26.07C50.51 94.93 42 119.77 42 144a86 86 0 0 0 147.28 60.33L203.56 220a6 6 0 0 0 8.88-8.08ZM128 218a74.09 74.09 0 0 1-74-74c0-21 7.27-42.76 21.59-64.73l105.59 116.15A73.8 73.8 0 0 1 128 218M91.4 49.07a6 6 0 0 1-.2-8.49a245.6 245.6 0 0 1 33.36-29.49a6 6 0 0 1 6.88 0a251.4 251.4 0 0 1 41.09 38C199.66 80.26 214 113.09 214 144a86.2 86.2 0 0 1-3.08 22.87a6 6 0 0 1-5.78 4.41a6.2 6.2 0 0 1-1.59-.21a6 6 0 0 1-4.2-7.38A74 74 0 0 0 202 144c0-59.63-59-108.94-74-120.52a254 254 0 0 0-28.12 25.38a6 6 0 0 1-8.48.21"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M52.44 36a6 6 0 0 0-8.88 8l23.7 26.07C50.51 94.93 42 119.77 42 144a86 86 0 0 0 147.28 60.33L203.56 220a6 6 0 0 0 8.88-8.08ZM128 218a74.09 74.09 0 0 1-74-74c0-21 7.27-42.76 21.59-64.73l105.59 116.15A73.8 73.8 0 0 1 128 218M91.4 49.07a6 6 0 0 1-.2-8.49a245.6 245.6 0 0 1 33.36-29.49a6 6 0 0 1 6.88 0a251.4 251.4 0 0 1 41.09 38C199.66 80.26 214 113.09 214 144a86.2 86.2 0 0 1-3.08 22.87a6 6 0 0 1-5.78 4.41a6.2 6.2 0 0 1-1.59-.21a6 6 0 0 1-4.2-7.38A74 74 0 0 0 202 144c0-59.63-59-108.94-74-120.52a254 254 0 0 0-28.12 25.38a6 6 0 0 1-8.48.21"/></svg>
</template>

CSS

.icon-drop-slash-light {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M52.44%2036a6%206%200%200%200-8.88%208l23.7%2026.07C50.51%2094.93%2042%20119.77%2042%20144a86%2086%200%200%200%20147.28%2060.33L203.56%20220a6%206%200%200%200%208.88-8.08ZM128%20218a74.09%2074.09%200%200%201-74-74c0-21%207.27-42.76%2021.59-64.73l105.59%20116.15A73.8%2073.8%200%200%201%20128%20218M91.4%2049.07a6%206%200%200%201-.2-8.49a245.6%20245.6%200%200%201%2033.36-29.49a6%206%200%200%201%206.88%200a251.4%20251.4%200%200%201%2041.09%2038C199.66%2080.26%20214%20113.09%20214%20144a86.2%2086.2%200%200%201-3.08%2022.87a6%206%200%200%201-5.78%204.41a6.2%206.2%200%200%201-1.59-.21a6%206%200%200%201-4.2-7.38A74%2074%200%200%200%20202%20144c0-59.63-59-108.94-74-120.52a254%20254%200%200%200-28.12%2025.38a6%206%200%200%201-8.48.21%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M52.44%2036a6%206%200%200%200-8.88%208l23.7%2026.07C50.51%2094.93%2042%20119.77%2042%20144a86%2086%200%200%200%20147.28%2060.33L203.56%20220a6%206%200%200%200%208.88-8.08ZM128%20218a74.09%2074.09%200%200%201-74-74c0-21%207.27-42.76%2021.59-64.73l105.59%20116.15A73.8%2073.8%200%200%201%20128%20218M91.4%2049.07a6%206%200%200%201-.2-8.49a245.6%20245.6%200%200%201%2033.36-29.49a6%206%200%200%201%206.88%200a251.4%20251.4%200%200%201%2041.09%2038C199.66%2080.26%20214%20113.09%20214%20144a86.2%2086.2%200%200%201-3.08%2022.87a6%206%200%200%201-5.78%204.41a6.2%206.2%200%200%201-1.59-.21a6%206%200%200%201-4.2-7.38A74%2074%200%200%200%20202%20144c0-59.63-59-108.94-74-120.52a254%20254%200%200%200-28.12%2025.38a6%206%200%200%201-8.48.21%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/drop-slash-light.svg?color=%231a73e8&size=48