Free Umbrella SVG icon in outline, twotone, bold and bulk. Available in all four styles, for props, objects and everything with no other sheet. Copy the SVG or a tree-shakeable React component, or download a PNG.
import { IconUmbrella } from "@devigner-ui/icons";
<IconUmbrella className="size-6" />
<script setup>
import { IconUmbrella } from "@devigner-ui/icons-vue";
</script>
<template>
<IconUmbrella class="size-6" />
</template>
<script>
import { IconUmbrella } from "@devigner-ui/icons-svelte";
</script>
<IconUmbrella class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.75 19a.75.75 0 0 0-1.5 0zm2.5-7v8h1.5v-8zm-2.5 8v-1h-1.5v1zM12 12.75h9.52v-1.5H12zm.48-11.5h-.96v1.5h.96zm-10 11.5H12v-1.5H2.48zm-1.23-1.23c0 .68.55 1.23 1.23 1.23v-1.5c.15 0 .27.12.27.27zm21.5 0c0-5.67-4.6-10.27-10.27-10.27v1.5a8.77 8.77 0 0 1 8.77 8.77zm-1.23 1.23c.68 0 1.23-.55 1.23-1.23h-1.5c0-.15.12-.27.27-.27zM10 21.25c-.69 0-1.25-.56-1.25-1.25h-1.5A2.75 2.75 0 0 0 10 22.75zm1.52-20c-5.67 0-10.27 4.6-10.27 10.27h1.5a8.77 8.77 0 0 1 8.77-8.77zM11.25 20c0 .69-.56 1.25-1.25 1.25v1.5A2.75 2.75 0 0 0 12.75 20z" fill="currentColor"></path><path opacity="1" d="M16.91 12C16.64 9.29 15.55 2 12 2S7.36 9.29 7.09 12" stroke="currentColor" stroke-width="1.5"></path></svg>