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

Icons8 Line Awesome · LiaWaterSolid

Water Solid icon

A free water 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/water-solid.json

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

import * as React from "react";

/**
 * Water Solid from Icons8 Line Awesome (https://icons8.com/line-awesome), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/line-awesome/water-solid. Sized in em, colored by currentColor.
 */
export function LiaWaterSolidIcon(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 0 7 C 0 8.625 1.832031 10 4 10 C 5.1875 10 6.261719 9.582031 7 8.941406 C 7.738281 9.582031 8.8125 10 10 10 C 11.1875 10 12.261719 9.582031 13 8.941406 C 13.738281 9.582031 14.8125 10 16 10 C 17.1875 10 18.261719 9.582031 19 8.941406 C 19.738281 9.582031 20.8125 10 22 10 C 23.1875 10 24.261719 9.582031 25 8.941406 C 25.738281 9.582031 26.8125 10 28 10 C 30.167969 10 32 8.625 32 7 L 30 7 C 30 7.304688 29.242188 8 28 8 C 26.777344 8 26 7.296875 26 7 L 24 7 C 24 7.304688 23.242188 8 22 8 C 20.777344 8 20 7.296875 20 7 L 18 7 C 18 7.304688 17.242188 8 16 8 C 14.777344 8 14 7.296875 14 7 L 12 7 C 12 7.304688 11.246094 8 10 8 C 8.777344 8 8 7.296875 8 7 L 6 7 C 6 7.304688 5.246094 8 4 8 C 2.777344 8 2 7.296875 2 7 Z M 0 15 C 0 16.625 1.832031 18 4 18 C 5.1875 18 6.261719 17.582031 7 16.941406 C 7.738281 17.582031 8.8125 18 10 18 C 11.1875 18 12.261719 17.582031 13 16.941406 C 13.738281 17.582031 14.8125 18 16 18 C 17.1875 18 18.261719 17.582031 19 16.941406 C 19.738281 17.582031 20.8125 18 22 18 C 23.1875 18 24.261719 17.582031 25 16.941406 C 25.738281 17.582031 26.8125 18 28 18 C 30.167969 18 32 16.625 32 15 L 30 15 C 30 15.304688 29.242188 16 28 16 C 26.777344 16 26 15.296875 26 15 L 24 15 C 24 15.304688 23.242188 16 22 16 C 20.777344 16 20 15.296875 20 15 L 18 15 C 18 15.304688 17.242188 16 16 16 C 14.777344 16 14 15.296875 14 15 L 12 15 C 12 15.304688 11.246094 16 10 16 C 8.777344 16 8 15.296875 8 15 L 6 15 C 6 15.304688 5.246094 16 4 16 C 2.777344 16 2 15.296875 2 15 Z M 0 23 C 0 24.625 1.832031 26 4 26 C 5.1875 26 6.261719 25.582031 7 24.941406 C 7.738281 25.582031 8.8125 26 10 26 C 11.1875 26 12.261719 25.582031 13 24.941406 C 13.738281 25.582031 14.8125 26 16 26 C 17.1875 26 18.261719 25.582031 19 24.941406 C 19.738281 25.582031 20.8125 26 22 26 C 23.1875 26 24.261719 25.582031 25 24.941406 C 25.738281 25.582031 26.8125 26 28 26 C 30.167969 26 32 24.625 32 23 L 30 23 C 30 23.304688 29.242188 24 28 24 C 26.777344 24 26 23.296875 26 23 L 24 23 C 24 23.304688 23.242188 24 22 24 C 20.777344 24 20 23.296875 20 23 L 18 23 C 18 23.304688 17.242188 24 16 24 C 14.777344 24 14 23.296875 14 23 L 12 23 C 12 23.304688 11.246094 24 10 24 C 8.777344 24 8 23.296875 8 23 L 6 23 C 6 23.304688 5.246094 24 4 24 C 2.777344 24 2 23.296875 2 23 Z"
      />
    </svg>
  );
}

With react-icons

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

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

water-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 0 7 C 0 8.625 1.832031 10 4 10 C 5.1875 10 6.261719 9.582031 7 8.941406 C 7.738281 9.582031 8.8125 10 10 10 C 11.1875 10 12.261719 9.582031 13 8.941406 C 13.738281 9.582031 14.8125 10 16 10 C 17.1875 10 18.261719 9.582031 19 8.941406 C 19.738281 9.582031 20.8125 10 22 10 C 23.1875 10 24.261719 9.582031 25 8.941406 C 25.738281 9.582031 26.8125 10 28 10 C 30.167969 10 32 8.625 32 7 L 30 7 C 30 7.304688 29.242188 8 28 8 C 26.777344 8 26 7.296875 26 7 L 24 7 C 24 7.304688 23.242188 8 22 8 C 20.777344 8 20 7.296875 20 7 L 18 7 C 18 7.304688 17.242188 8 16 8 C 14.777344 8 14 7.296875 14 7 L 12 7 C 12 7.304688 11.246094 8 10 8 C 8.777344 8 8 7.296875 8 7 L 6 7 C 6 7.304688 5.246094 8 4 8 C 2.777344 8 2 7.296875 2 7 Z M 0 15 C 0 16.625 1.832031 18 4 18 C 5.1875 18 6.261719 17.582031 7 16.941406 C 7.738281 17.582031 8.8125 18 10 18 C 11.1875 18 12.261719 17.582031 13 16.941406 C 13.738281 17.582031 14.8125 18 16 18 C 17.1875 18 18.261719 17.582031 19 16.941406 C 19.738281 17.582031 20.8125 18 22 18 C 23.1875 18 24.261719 17.582031 25 16.941406 C 25.738281 17.582031 26.8125 18 28 18 C 30.167969 18 32 16.625 32 15 L 30 15 C 30 15.304688 29.242188 16 28 16 C 26.777344 16 26 15.296875 26 15 L 24 15 C 24 15.304688 23.242188 16 22 16 C 20.777344 16 20 15.296875 20 15 L 18 15 C 18 15.304688 17.242188 16 16 16 C 14.777344 16 14 15.296875 14 15 L 12 15 C 12 15.304688 11.246094 16 10 16 C 8.777344 16 8 15.296875 8 15 L 6 15 C 6 15.304688 5.246094 16 4 16 C 2.777344 16 2 15.296875 2 15 Z M 0 23 C 0 24.625 1.832031 26 4 26 C 5.1875 26 6.261719 25.582031 7 24.941406 C 7.738281 25.582031 8.8125 26 10 26 C 11.1875 26 12.261719 25.582031 13 24.941406 C 13.738281 25.582031 14.8125 26 16 26 C 17.1875 26 18.261719 25.582031 19 24.941406 C 19.738281 25.582031 20.8125 26 22 26 C 23.1875 26 24.261719 25.582031 25 24.941406 C 25.738281 25.582031 26.8125 26 28 26 C 30.167969 26 32 24.625 32 23 L 30 23 C 30 23.304688 29.242188 24 28 24 C 26.777344 24 26 23.296875 26 23 L 24 23 C 24 23.304688 23.242188 24 22 24 C 20.777344 24 20 23.296875 20 23 L 18 23 C 18 23.304688 17.242188 24 16 24 C 14.777344 24 14 23.296875 14 23 L 12 23 C 12 23.304688 11.246094 24 10 24 C 8.777344 24 8 23.296875 8 23 L 6 23 C 6 23.304688 5.246094 24 4 24 C 2.777344 24 2 23.296875 2 23 Z"
  />
</svg>

Attribution

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

Related icons:

Similar Icons8 Line Awesome icons