Skip to content
Cuelark UI

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

Icons8 Line Awesome · LiaSteamSquare

Steam Square icon

A free steam square 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/steam-square.json
components/icons/line-awesome-steam-square.tsx
import * as React from "react";

/**
 * Steam Square from Icons8 Line Awesome (https://icons8.com/line-awesome), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/line-awesome/steam-square. Sized in em, colored by currentColor.
 */
export function LiaSteamSquareIcon(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 5 5 L 5 16 L 8.8125 17.59375 C 9.523438 16.660156 10.621094 16.035156 11.875 16 L 14.03125 12.75 C 14.15625 10.101563 16.320313 8 19 8 C 21.761719 8 24 10.238281 24 13 C 24 15.679688 21.898438 17.84375 19.25 17.96875 L 16 20.125 C 15.9375 22.28125 14.171875 24 12 24 C 9.789063 24 8 22.210938 8 20 C 8 19.808594 8.035156 19.621094 8.0625 19.4375 L 5 18.15625 L 5 27 L 27 27 L 27 5 Z M 19 10 C 17.347656 10 16 11.347656 16 13 C 16 14.652344 17.347656 16 19 16 C 20.652344 16 22 14.652344 22 13 C 22 11.347656 20.652344 10 19 10 Z M 19 11 C 20.109375 11 21 11.890625 21 13 C 21 14.109375 20.109375 15 19 15 C 17.890625 15 17 14.109375 17 13 C 17 11.890625 17.890625 11 19 11 Z M 12 18 C 11.546875 18 11.117188 18.148438 10.78125 18.40625 L 12.375 19.0625 C 12.886719 19.273438 13.152344 19.863281 12.9375 20.375 C 12.777344 20.757813 12.390625 21 12 21 C 11.871094 21 11.75 20.992188 11.625 20.9375 L 10.03125 20.25 C 10.160156 21.230469 10.984375 22 12 22 C 13.105469 22 14 21.105469 14 20 C 14 18.894531 13.105469 18 12 18 Z"
      />
    </svg>
  );
}
With react-icons
import { LiaSteamSquare } from "react-icons/lia";

export function Example() {
  return <LiaSteamSquare className="size-5" />;
}
steam-square.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 5 5 L 5 16 L 8.8125 17.59375 C 9.523438 16.660156 10.621094 16.035156 11.875 16 L 14.03125 12.75 C 14.15625 10.101563 16.320313 8 19 8 C 21.761719 8 24 10.238281 24 13 C 24 15.679688 21.898438 17.84375 19.25 17.96875 L 16 20.125 C 15.9375 22.28125 14.171875 24 12 24 C 9.789063 24 8 22.210938 8 20 C 8 19.808594 8.035156 19.621094 8.0625 19.4375 L 5 18.15625 L 5 27 L 27 27 L 27 5 Z M 19 10 C 17.347656 10 16 11.347656 16 13 C 16 14.652344 17.347656 16 19 16 C 20.652344 16 22 14.652344 22 13 C 22 11.347656 20.652344 10 19 10 Z M 19 11 C 20.109375 11 21 11.890625 21 13 C 21 14.109375 20.109375 15 19 15 C 17.890625 15 17 14.109375 17 13 C 17 11.890625 17.890625 11 19 11 Z M 12 18 C 11.546875 18 11.117188 18.148438 10.78125 18.40625 L 12.375 19.0625 C 12.886719 19.273438 13.152344 19.863281 12.9375 20.375 C 12.777344 20.757813 12.390625 21 12 21 C 11.871094 21 11.75 20.992188 11.625 20.9375 L 10.03125 20.25 C 10.160156 21.230469 10.984375 22 12 22 C 13.105469 22 14 21.105469 14 20 C 14 18.894531 13.105469 18 12 18 Z"
  />
</svg>
Attribution
"Steam Square" icon from Icons8 Line Awesome (https://icons8.com/line-awesome), licensed under MIT license.

Related icons:

Steam Square icon in other sets