Skip to content
Cuelark UI

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

Game Icons · GiVial

Vial icon

A free vial icon from Game 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
CC BY 3.0 license
Project
game-icons.net
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/game-icons/vial.json
components/icons/game-icons-vial.tsx
import * as React from "react";

/**
 * Vial from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/vial. Sized in em, colored by currentColor.
 */
export function GiVialIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 512 512"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M241.406 16a21.837 20.757 0 0 0-22.47 20.75 21.844 20.763 0 0 0 43.69 0A21.837 20.757 0 0 0 241.405 16zM286 52.594a13.866 13.18 0 0 0-14.125 13.312 13.875 13.188 0 0 0 27.75 0A13.866 13.18 0 0 0 286 52.594zM166 92.72l15.125 24.624v307.5C181.125 464.27 214.523 496 256 496s74.875-31.73 74.875-71.156v-307.5L346 92.72H166zM197.906 125h116.188v108H197.906V125zm85.594 71.375a13.866 13.18 0 0 0-14.125 13.313 13.866 13.18 0 1 0 27.72 0 13.866 13.18 0 0 0-13.595-13.313zm-52.47 64.47c7.66 0 13.845 5.908 13.845 13.186 0 7.28-6.186 13.19-13.844 13.19-7.656 0-13.874-5.91-13.874-13.19 0-7.278 6.218-13.186 13.875-13.186zM276 282.436c12.06 0 21.844 9.286 21.844 20.75 0 11.463-9.784 20.75-21.844 20.75s-21.844-9.285-21.844-20.75c0-11.464 9.784-20.75 21.844-20.75z"
      />
    </svg>
  );
}
With react-icons
import { GiVial } from "react-icons/gi";

export function Example() {
  return <GiVial className="size-5" />;
}
vial.svg
<svg
  viewBox="0 0 512 512"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M241.406 16a21.837 20.757 0 0 0-22.47 20.75 21.844 20.763 0 0 0 43.69 0A21.837 20.757 0 0 0 241.405 16zM286 52.594a13.866 13.18 0 0 0-14.125 13.312 13.875 13.188 0 0 0 27.75 0A13.866 13.18 0 0 0 286 52.594zM166 92.72l15.125 24.624v307.5C181.125 464.27 214.523 496 256 496s74.875-31.73 74.875-71.156v-307.5L346 92.72H166zM197.906 125h116.188v108H197.906V125zm85.594 71.375a13.866 13.18 0 0 0-14.125 13.313 13.866 13.18 0 1 0 27.72 0 13.866 13.18 0 0 0-13.595-13.313zm-52.47 64.47c7.66 0 13.845 5.908 13.845 13.186 0 7.28-6.186 13.19-13.844 13.19-7.656 0-13.874-5.91-13.874-13.19 0-7.278 6.218-13.186 13.875-13.186zM276 282.436c12.06 0 21.844 9.286 21.844 20.75 0 11.463-9.784 20.75-21.844 20.75s-21.844-9.285-21.844-20.75c0-11.464 9.784-20.75 21.844-20.75z"
  />
</svg>
Attribution
"Vial" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.

Vial icon in other sets