drop slash icon

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

Name: drop-slash-thin
Set: Phosphor
Style: Thin
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

drop-slash drop-slash-bold drop-slash-duotone drop-slash-fill drop-slash-light

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="M51 37.31a4 4 0 0 0-6 5.38l24.81 27.24C52.7 94.85 44 119.75 44 144a84 84 0 0 0 145.32 57.4L205 218.69a4 4 0 1 0 5.92-5.38ZM128 220a76.08 76.08 0 0 1-76-76c0-22.1 7.85-44.95 23.33-68l108.59 119.46A75.83 75.83 0 0 1 128 220M92.78 47.62a4 4 0 0 1-.13-5.62a245 245 0 0 1 33.06-29.24a4 4 0 0 1 4.58 0A250.2 250.2 0 0 1 171 50.37c26.81 30.84 41 63.21 41 93.63a84.3 84.3 0 0 1-3 22.34a4 4 0 0 1-3.86 2.94a4 4 0 0 1-1.06-.14a4 4 0 0 1-2.8-4.92A76 76 0 0 0 204 144c0-62.29-63.08-113.25-76-123a251.4 251.4 0 0 0-29.56 26.48a4 4 0 0 1-5.66.14"/></svg>

React

import type { SVGProps } from "react";

export function PhDropSlashThin(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="M51 37.31a4 4 0 0 0-6 5.38l24.81 27.24C52.7 94.85 44 119.75 44 144a84 84 0 0 0 145.32 57.4L205 218.69a4 4 0 1 0 5.92-5.38ZM128 220a76.08 76.08 0 0 1-76-76c0-22.1 7.85-44.95 23.33-68l108.59 119.46A75.83 75.83 0 0 1 128 220M92.78 47.62a4 4 0 0 1-.13-5.62a245 245 0 0 1 33.06-29.24a4 4 0 0 1 4.58 0A250.2 250.2 0 0 1 171 50.37c26.81 30.84 41 63.21 41 93.63a84.3 84.3 0 0 1-3 22.34a4 4 0 0 1-3.86 2.94a4 4 0 0 1-1.06-.14a4 4 0 0 1-2.8-4.92A76 76 0 0 0 204 144c0-62.29-63.08-113.25-76-123a251.4 251.4 0 0 0-29.56 26.48a4 4 0 0 1-5.66.14"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M51 37.31a4 4 0 0 0-6 5.38l24.81 27.24C52.7 94.85 44 119.75 44 144a84 84 0 0 0 145.32 57.4L205 218.69a4 4 0 1 0 5.92-5.38ZM128 220a76.08 76.08 0 0 1-76-76c0-22.1 7.85-44.95 23.33-68l108.59 119.46A75.83 75.83 0 0 1 128 220M92.78 47.62a4 4 0 0 1-.13-5.62a245 245 0 0 1 33.06-29.24a4 4 0 0 1 4.58 0A250.2 250.2 0 0 1 171 50.37c26.81 30.84 41 63.21 41 93.63a84.3 84.3 0 0 1-3 22.34a4 4 0 0 1-3.86 2.94a4 4 0 0 1-1.06-.14a4 4 0 0 1-2.8-4.92A76 76 0 0 0 204 144c0-62.29-63.08-113.25-76-123a251.4 251.4 0 0 0-29.56 26.48a4 4 0 0 1-5.66.14"/></svg>
</template>

CSS

.icon-drop-slash-thin {
  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%22M51%2037.31a4%204%200%200%200-6%205.38l24.81%2027.24C52.7%2094.85%2044%20119.75%2044%20144a84%2084%200%200%200%20145.32%2057.4L205%20218.69a4%204%200%201%200%205.92-5.38ZM128%20220a76.08%2076.08%200%200%201-76-76c0-22.1%207.85-44.95%2023.33-68l108.59%20119.46A75.83%2075.83%200%200%201%20128%20220M92.78%2047.62a4%204%200%200%201-.13-5.62a245%20245%200%200%201%2033.06-29.24a4%204%200%200%201%204.58%200A250.2%20250.2%200%200%201%20171%2050.37c26.81%2030.84%2041%2063.21%2041%2093.63a84.3%2084.3%200%200%201-3%2022.34a4%204%200%200%201-3.86%202.94a4%204%200%200%201-1.06-.14a4%204%200%200%201-2.8-4.92A76%2076%200%200%200%20204%20144c0-62.29-63.08-113.25-76-123a251.4%20251.4%200%200%200-29.56%2026.48a4%204%200%200%201-5.66.14%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%22M51%2037.31a4%204%200%200%200-6%205.38l24.81%2027.24C52.7%2094.85%2044%20119.75%2044%20144a84%2084%200%200%200%20145.32%2057.4L205%20218.69a4%204%200%201%200%205.92-5.38ZM128%20220a76.08%2076.08%200%200%201-76-76c0-22.1%207.85-44.95%2023.33-68l108.59%20119.46A75.83%2075.83%200%200%201%20128%20220M92.78%2047.62a4%204%200%200%201-.13-5.62a245%20245%200%200%201%2033.06-29.24a4%204%200%200%201%204.58%200A250.2%20250.2%200%200%201%20171%2050.37c26.81%2030.84%2041%2063.21%2041%2093.63a84.3%2084.3%200%200%201-3%2022.34a4%204%200%200%201-3.86%202.94a4%204%200%200%201-1.06-.14a4%204%200%200%201-2.8-4.92A76%2076%200%200%200%20204%20144c0-62.29-63.08-113.25-76-123a251.4%20251.4%200%200%200-29.56%2026.48a4%204%200%200%201-5.66.14%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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