umbrella off icon

umbrella-off-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.

Name: umbrella-off-solid
Set: Myna UI Icons
Style: Solid
Viewbox: 24×24
License: MIT

1 other variant in Myna UI Icons

The same icon in other sets

umbrella-offHuge Icons umbrella-offLucide umbrella-offTabler Icons

Use the umbrella off icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.8 2.941A10.7 10.7 0 0 0 12 2.25C6.063 2.25 1.25 7.063 1.25 13a.75.75 0 0 0 1.238.57l.389-.323c.872-.696 1.511-1.01 2.064-1.08c.518-.065 1.076.073 1.83.56l.336.231l.065.041a.75.75 0 0 0 .876-1.208l-.06-.048l-.401-.275c-.932-.602-1.843-.914-2.833-.79c-.632.08-1.243.332-1.863.717C3.65 7.053 7.439 3.75 12 3.75c1.152 0 2.254.21 3.27.595l.43.175l.072.027a.75.75 0 0 0 .597-1.368l-.07-.034zm-3.05 15.832c0 1.094-.437 1.965-1.123 2.55c-.67.572-1.538.84-2.377.84s-1.707-.268-2.377-.84c-.578-.492-.977-1.187-1.09-2.047L3.53 21.53a.75.75 0 1 1-1.06-1.06l18-18l.056-.052a.75.75 0 0 1 1.056 1.056l-.052.056l-1.901 1.9A10.72 10.72 0 0 1 22.75 13a.75.75 0 0 1-1.238.57c-1.22-1.046-2.01-1.418-2.694-1.418c-.598 0-1.278.285-2.256 1.056l-.438.361a.75.75 0 0 1-1.018-.039c-.756-.756-1.471-1.215-2.14-1.436l-.216.216zm-5.5-.962v.962c0 .664.251 1.114.596 1.409c.36.307.868.48 1.404.48s1.043-.173 1.404-.48c.345-.294.596-.745.596-1.41v-4.961z"/></svg>

React

import type { SVGProps } from "react";

export function MynauiUmbrellaOffSolid(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="M15.8 2.941A10.7 10.7 0 0 0 12 2.25C6.063 2.25 1.25 7.063 1.25 13a.75.75 0 0 0 1.238.57l.389-.323c.872-.696 1.511-1.01 2.064-1.08c.518-.065 1.076.073 1.83.56l.336.231l.065.041a.75.75 0 0 0 .876-1.208l-.06-.048l-.401-.275c-.932-.602-1.843-.914-2.833-.79c-.632.08-1.243.332-1.863.717C3.65 7.053 7.439 3.75 12 3.75c1.152 0 2.254.21 3.27.595l.43.175l.072.027a.75.75 0 0 0 .597-1.368l-.07-.034zm-3.05 15.832c0 1.094-.437 1.965-1.123 2.55c-.67.572-1.538.84-2.377.84s-1.707-.268-2.377-.84c-.578-.492-.977-1.187-1.09-2.047L3.53 21.53a.75.75 0 1 1-1.06-1.06l18-18l.056-.052a.75.75 0 0 1 1.056 1.056l-.052.056l-1.901 1.9A10.72 10.72 0 0 1 22.75 13a.75.75 0 0 1-1.238.57c-1.22-1.046-2.01-1.418-2.694-1.418c-.598 0-1.278.285-2.256 1.056l-.438.361a.75.75 0 0 1-1.018-.039c-.756-.756-1.471-1.215-2.14-1.436l-.216.216zm-5.5-.962v.962c0 .664.251 1.114.596 1.409c.36.307.868.48 1.404.48s1.043-.173 1.404-.48c.345-.294.596-.745.596-1.41v-4.961z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.8 2.941A10.7 10.7 0 0 0 12 2.25C6.063 2.25 1.25 7.063 1.25 13a.75.75 0 0 0 1.238.57l.389-.323c.872-.696 1.511-1.01 2.064-1.08c.518-.065 1.076.073 1.83.56l.336.231l.065.041a.75.75 0 0 0 .876-1.208l-.06-.048l-.401-.275c-.932-.602-1.843-.914-2.833-.79c-.632.08-1.243.332-1.863.717C3.65 7.053 7.439 3.75 12 3.75c1.152 0 2.254.21 3.27.595l.43.175l.072.027a.75.75 0 0 0 .597-1.368l-.07-.034zm-3.05 15.832c0 1.094-.437 1.965-1.123 2.55c-.67.572-1.538.84-2.377.84s-1.707-.268-2.377-.84c-.578-.492-.977-1.187-1.09-2.047L3.53 21.53a.75.75 0 1 1-1.06-1.06l18-18l.056-.052a.75.75 0 0 1 1.056 1.056l-.052.056l-1.901 1.9A10.72 10.72 0 0 1 22.75 13a.75.75 0 0 1-1.238.57c-1.22-1.046-2.01-1.418-2.694-1.418c-.598 0-1.278.285-2.256 1.056l-.438.361a.75.75 0 0 1-1.018-.039c-.756-.756-1.471-1.215-2.14-1.436l-.216.216zm-5.5-.962v.962c0 .664.251 1.114.596 1.409c.36.307.868.48 1.404.48s1.043-.173 1.404-.48c.345-.294.596-.745.596-1.41v-4.961z"/></svg>
</template>

CSS

.icon-umbrella-off-solid {
  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%22M15.8%202.941A10.7%2010.7%200%200%200%2012%202.25C6.063%202.25%201.25%207.063%201.25%2013a.75.75%200%200%200%201.238.57l.389-.323c.872-.696%201.511-1.01%202.064-1.08c.518-.065%201.076.073%201.83.56l.336.231l.065.041a.75.75%200%200%200%20.876-1.208l-.06-.048l-.401-.275c-.932-.602-1.843-.914-2.833-.79c-.632.08-1.243.332-1.863.717C3.65%207.053%207.439%203.75%2012%203.75c1.152%200%202.254.21%203.27.595l.43.175l.072.027a.75.75%200%200%200%20.597-1.368l-.07-.034zm-3.05%2015.832c0%201.094-.437%201.965-1.123%202.55c-.67.572-1.538.84-2.377.84s-1.707-.268-2.377-.84c-.578-.492-.977-1.187-1.09-2.047L3.53%2021.53a.75.75%200%201%201-1.06-1.06l18-18l.056-.052a.75.75%200%200%201%201.056%201.056l-.052.056l-1.901%201.9A10.72%2010.72%200%200%201%2022.75%2013a.75.75%200%200%201-1.238.57c-1.22-1.046-2.01-1.418-2.694-1.418c-.598%200-1.278.285-2.256%201.056l-.438.361a.75.75%200%200%201-1.018-.039c-.756-.756-1.471-1.215-2.14-1.436l-.216.216zm-5.5-.962v.962c0%20.664.251%201.114.596%201.409c.36.307.868.48%201.404.48s1.043-.173%201.404-.48c.345-.294.596-.745.596-1.41v-4.961z%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%22M15.8%202.941A10.7%2010.7%200%200%200%2012%202.25C6.063%202.25%201.25%207.063%201.25%2013a.75.75%200%200%200%201.238.57l.389-.323c.872-.696%201.511-1.01%202.064-1.08c.518-.065%201.076.073%201.83.56l.336.231l.065.041a.75.75%200%200%200%20.876-1.208l-.06-.048l-.401-.275c-.932-.602-1.843-.914-2.833-.79c-.632.08-1.243.332-1.863.717C3.65%207.053%207.439%203.75%2012%203.75c1.152%200%202.254.21%203.27.595l.43.175l.072.027a.75.75%200%200%200%20.597-1.368l-.07-.034zm-3.05%2015.832c0%201.094-.437%201.965-1.123%202.55c-.67.572-1.538.84-2.377.84s-1.707-.268-2.377-.84c-.578-.492-.977-1.187-1.09-2.047L3.53%2021.53a.75.75%200%201%201-1.06-1.06l18-18l.056-.052a.75.75%200%200%201%201.056%201.056l-.052.056l-1.901%201.9A10.72%2010.72%200%200%201%2022.75%2013a.75.75%200%200%201-1.238.57c-1.22-1.046-2.01-1.418-2.694-1.418c-.598%200-1.278.285-2.256%201.056l-.438.361a.75.75%200%200%201-1.018-.039c-.756-.756-1.471-1.215-2.14-1.436l-.216.216zm-5.5-.962v.962c0%20.664.251%201.114.596%201.409c.36.307.868.48%201.404.48s1.043-.173%201.404-.48c.345-.294.596-.745.596-1.41v-4.961z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/umbrella-off-solid.svg?color=%231a73e8&size=48