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

Icons8 Line Awesome · LiaUmbrellaSolid

Umbrella Solid icon

A free umbrella solid icon from Icons8 Line Awesome, 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: icons8.com

Download SVG

Install with shadcn

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

components/icons/line-awesome-umbrella-solid.tsx

import * as React from "react";

/**
 * Umbrella Solid from Icons8 Line Awesome (https://icons8.com/line-awesome), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/line-awesome/umbrella-solid. Sized in em, colored by currentColor.
 */
export function LiaUmbrellaSolidIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 32 32"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M 15 4 L 15 6.0625 C 8.988281 6.566406 4.253906 11.46875 4.03125 16.625 C 4.027344 16.75 4 16.875 4 17 L 6 17 C 6 16.921875 6.089844 16.722656 6.53125 16.46875 C 6.972656 16.214844 7.6875 16 8.5 16 C 9.3125 16 10.027344 16.214844 10.46875 16.46875 C 10.910156 16.722656 11 16.921875 11 17 L 13 17 C 13 16.988281 13.082031 16.738281 13.625 16.46875 C 14.167969 16.199219 15.03125 16 16 16 C 16.96875 16 17.832031 16.199219 18.375 16.46875 C 18.917969 16.738281 19 16.988281 19 17 L 21 17 C 21 16.921875 21.089844 16.722656 21.53125 16.46875 C 21.972656 16.214844 22.6875 16 23.5 16 C 24.3125 16 25.027344 16.214844 25.46875 16.46875 C 25.910156 16.722656 26 16.921875 26 17 L 28 17 C 28 16.871094 27.988281 16.746094 27.96875 16.625 C 27.746094 11.46875 23.011719 6.566406 17 6.0625 L 17 4 Z M 16 8 C 20.347656 8 24.0625 10.953125 25.4375 14.28125 C 24.84375 14.097656 24.191406 14 23.5 14 C 22.378906 14 21.355469 14.25 20.53125 14.71875 C 20.332031 14.832031 20.144531 14.976563 19.96875 15.125 C 19.753906 14.960938 19.519531 14.808594 19.28125 14.6875 C 18.375 14.234375 17.238281 14 16 14 C 14.761719 14 13.625 14.234375 12.71875 14.6875 C 12.484375 14.804688 12.269531 14.964844 12.0625 15.125 C 12.054688 15.121094 12.039063 15.128906 12.03125 15.125 C 11.855469 14.976563 11.667969 14.832031 11.46875 14.71875 C 10.644531 14.25 9.621094 14 8.5 14 C 7.808594 14 7.15625 14.097656 6.5625 14.28125 C 7.9375 10.953125 11.652344 8 16 8 Z M 15 17 L 15 25 C 15 25.566406 14.566406 26 14 26 C 13.433594 26 13 25.566406 13 25 L 13 24 L 11 24 L 11 25 C 11 26.644531 12.355469 28 14 28 C 15.644531 28 17 26.644531 17 25 L 17 17 Z"
      />
    </svg>
  );
}

With react-icons

import { LiaUmbrellaSolid } from "react-icons/lia";

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

umbrella-solid.svg

<svg
  viewBox="0 0 32 32"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M 15 4 L 15 6.0625 C 8.988281 6.566406 4.253906 11.46875 4.03125 16.625 C 4.027344 16.75 4 16.875 4 17 L 6 17 C 6 16.921875 6.089844 16.722656 6.53125 16.46875 C 6.972656 16.214844 7.6875 16 8.5 16 C 9.3125 16 10.027344 16.214844 10.46875 16.46875 C 10.910156 16.722656 11 16.921875 11 17 L 13 17 C 13 16.988281 13.082031 16.738281 13.625 16.46875 C 14.167969 16.199219 15.03125 16 16 16 C 16.96875 16 17.832031 16.199219 18.375 16.46875 C 18.917969 16.738281 19 16.988281 19 17 L 21 17 C 21 16.921875 21.089844 16.722656 21.53125 16.46875 C 21.972656 16.214844 22.6875 16 23.5 16 C 24.3125 16 25.027344 16.214844 25.46875 16.46875 C 25.910156 16.722656 26 16.921875 26 17 L 28 17 C 28 16.871094 27.988281 16.746094 27.96875 16.625 C 27.746094 11.46875 23.011719 6.566406 17 6.0625 L 17 4 Z M 16 8 C 20.347656 8 24.0625 10.953125 25.4375 14.28125 C 24.84375 14.097656 24.191406 14 23.5 14 C 22.378906 14 21.355469 14.25 20.53125 14.71875 C 20.332031 14.832031 20.144531 14.976563 19.96875 15.125 C 19.753906 14.960938 19.519531 14.808594 19.28125 14.6875 C 18.375 14.234375 17.238281 14 16 14 C 14.761719 14 13.625 14.234375 12.71875 14.6875 C 12.484375 14.804688 12.269531 14.964844 12.0625 15.125 C 12.054688 15.121094 12.039063 15.128906 12.03125 15.125 C 11.855469 14.976563 11.667969 14.832031 11.46875 14.71875 C 10.644531 14.25 9.621094 14 8.5 14 C 7.808594 14 7.15625 14.097656 6.5625 14.28125 C 7.9375 10.953125 11.652344 8 16 8 Z M 15 17 L 15 25 C 15 25.566406 14.566406 26 14 26 C 13.433594 26 13 25.566406 13 25 L 13 24 L 11 24 L 11 25 C 11 26.644531 12.355469 28 14 28 C 15.644531 28 17 26.644531 17 25 L 17 17 Z"
  />
</svg>

Attribution

"Umbrella Solid" icon from Icons8 Line Awesome (https://icons8.com/line-awesome), licensed under MIT license.

Related icons:

Similar Icons8 Line Awesome icons