Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:

Simple Line Icons · SlUmbrella

Umbrella icon

A free umbrella icon from Simple Line Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

License: MIT license
Project: thesabbir.github.io

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/simple-line-icons/umbrella.json

components/icons/simple-line-icons-umbrella.tsx

import * as React from "react";

/**
 * Umbrella from Simple Line Icons (https://thesabbir.github.io/simple-line-icons/), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/simple-line-icons/umbrella. Sized in em, colored by currentColor.
 */
export function SlUmbrellaIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 1024 1024"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M1024.32 509.584c0 17.664-14.29 31.984-31.97 31.984H543.47V865.76c0 87.153-70.912 158.08-158.096 158.08s-158.11-70.927-158.11-158.08c0-17.664 14.32-31.984 31.984-31.984s31.984 14.32 31.984 31.984c0 51.905 42.224 94.128 94.16 94.128 51.92 0 94.16-42.223 94.16-94.128V541.568H31.662C14 541.568-.32 527.233-.32 509.584c0-247.296 180.912-404.112 479.856-414.48V32.128c0-17.664 14.32-31.967 31.984-31.967 17.68 0 31.968 14.32 31.968 31.968v62.976c299.008 10.352 480.832 167.184 480.833 414.479zm-65.17-31.968c-15.776-200.528-178.896-319.119-447.648-319.119S80.606 277.089 64.847 477.601h894.304v.016z"
      />
    </svg>
  );
}

With react-icons

import { SlUmbrella } from "react-icons/sl";

export function Example() {
  return <SlUmbrella className="size-5" />;
}

umbrella.svg

<svg
  viewBox="0 0 1024 1024"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M1024.32 509.584c0 17.664-14.29 31.984-31.97 31.984H543.47V865.76c0 87.153-70.912 158.08-158.096 158.08s-158.11-70.927-158.11-158.08c0-17.664 14.32-31.984 31.984-31.984s31.984 14.32 31.984 31.984c0 51.905 42.224 94.128 94.16 94.128 51.92 0 94.16-42.223 94.16-94.128V541.568H31.662C14 541.568-.32 527.233-.32 509.584c0-247.296 180.912-404.112 479.856-414.48V32.128c0-17.664 14.32-31.967 31.984-31.967 17.68 0 31.968 14.32 31.968 31.968v62.976c299.008 10.352 480.832 167.184 480.833 414.479zm-65.17-31.968c-15.776-200.528-178.896-319.119-447.648-319.119S80.606 277.089 64.847 477.601h894.304v.016z"
  />
</svg>

Attribution

"Umbrella" icon from Simple Line Icons (https://thesabbir.github.io/simple-line-icons/), licensed under MIT license.

Umbrella icon in other sets

Similar Simple Line Icons icons