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

Icons8 Line Awesome · LiaMaskSolid

Mask Solid icon

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

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

import * as React from "react";

/**
 * Mask Solid from Icons8 Line Awesome (https://icons8.com/line-awesome), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/line-awesome/mask-solid. Sized in em, colored by currentColor.
 */
export function LiaMaskSolidIcon(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 16.029297 7 C 11.077297 7 7.2176875 8.0602969 4.5546875 10.154297 C 2.2626875 11.955297 1 14.472188 1 17.242188 C 1 22.070187 4.6326563 26 9.0976562 26 C 11.167656 26 13.136953 24.909406 14.376953 23.066406 L 15.488281 21.332031 C 15.628281 21.124031 15.820297 21.011719 16.029297 21.011719 C 16.237297 21.011719 16.430594 21.125453 16.558594 21.314453 L 17.695312 23.085938 C 18.923312 24.910938 20.892891 26 22.962891 26 C 27.319891 26 31 21.917938 31 17.085938 C 31 14.338937 29.749469 11.854844 27.480469 10.089844 C 24.843469 8.0408437 20.991297 7 16.029297 7 z M 16.029297 9 C 20.473297 9 24.007906 9.9229687 26.253906 11.667969 C 28.522906 13.432969 29 15.588938 29 17.085938 C 29 20.769937 26.179891 24 22.962891 24 C 21.559891 24 20.209234 23.241328 19.365234 21.986328 L 18.228516 20.216797 C 17.720516 19.462797 16.899297 19.011719 16.029297 19.011719 C 15.160297 19.011719 14.337406 19.460375 13.816406 20.234375 L 12.703125 21.96875 C 11.848125 23.24075 10.500656 24 9.0976562 24 C 5.4506563 24 3 20.505188 3 17.242188 C 3 15.099187 3.9900625 13.140562 5.7890625 11.726562 C 8.0590625 9.9425625 11.600297 9 16.029297 9 z M 10 12 C 7.624 12 6.1012969 13.463937 5.4042969 14.335938 C 4.8652969 15.010937 4.8652969 15.990063 5.4042969 16.664062 C 6.1012969 17.537062 7.625 19 10 19 C 12.376 19 13.898703 17.536062 14.595703 16.664062 C 15.134703 15.989063 15.134703 15.009937 14.595703 14.335938 C 13.898703 13.462938 12.375 12 10 12 z M 22 12 C 19.624 12 18.101297 13.463937 17.404297 14.335938 C 16.865297 15.010937 16.865297 15.990063 17.404297 16.664062 C 18.101297 17.537062 19.625 19 22 19 C 24.376 19 25.898703 17.536062 26.595703 16.664062 C 27.134703 15.989063 27.134703 15.009937 26.595703 14.335938 C 25.898703 13.462938 24.375 12 22 12 z M 10 14 C 11.467 14 12.464844 14.903 12.964844 15.5 C 12.465844 16.097 11.468 17 10 17 C 8.533 17 7.5351562 16.097 7.0351562 15.5 C 7.5341563 14.903 8.532 14 10 14 z M 22 14 C 23.467 14 24.464844 14.903 24.964844 15.5 C 24.465844 16.097 23.468 17 22 17 C 20.533 17 19.535156 16.097 19.035156 15.5 C 19.534156 14.903 20.532 14 22 14 z"
      />
    </svg>
  );
}

With react-icons

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

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

mask-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 16.029297 7 C 11.077297 7 7.2176875 8.0602969 4.5546875 10.154297 C 2.2626875 11.955297 1 14.472188 1 17.242188 C 1 22.070187 4.6326563 26 9.0976562 26 C 11.167656 26 13.136953 24.909406 14.376953 23.066406 L 15.488281 21.332031 C 15.628281 21.124031 15.820297 21.011719 16.029297 21.011719 C 16.237297 21.011719 16.430594 21.125453 16.558594 21.314453 L 17.695312 23.085938 C 18.923312 24.910938 20.892891 26 22.962891 26 C 27.319891 26 31 21.917938 31 17.085938 C 31 14.338937 29.749469 11.854844 27.480469 10.089844 C 24.843469 8.0408437 20.991297 7 16.029297 7 z M 16.029297 9 C 20.473297 9 24.007906 9.9229687 26.253906 11.667969 C 28.522906 13.432969 29 15.588938 29 17.085938 C 29 20.769937 26.179891 24 22.962891 24 C 21.559891 24 20.209234 23.241328 19.365234 21.986328 L 18.228516 20.216797 C 17.720516 19.462797 16.899297 19.011719 16.029297 19.011719 C 15.160297 19.011719 14.337406 19.460375 13.816406 20.234375 L 12.703125 21.96875 C 11.848125 23.24075 10.500656 24 9.0976562 24 C 5.4506563 24 3 20.505188 3 17.242188 C 3 15.099187 3.9900625 13.140562 5.7890625 11.726562 C 8.0590625 9.9425625 11.600297 9 16.029297 9 z M 10 12 C 7.624 12 6.1012969 13.463937 5.4042969 14.335938 C 4.8652969 15.010937 4.8652969 15.990063 5.4042969 16.664062 C 6.1012969 17.537062 7.625 19 10 19 C 12.376 19 13.898703 17.536062 14.595703 16.664062 C 15.134703 15.989063 15.134703 15.009937 14.595703 14.335938 C 13.898703 13.462938 12.375 12 10 12 z M 22 12 C 19.624 12 18.101297 13.463937 17.404297 14.335938 C 16.865297 15.010937 16.865297 15.990063 17.404297 16.664062 C 18.101297 17.537062 19.625 19 22 19 C 24.376 19 25.898703 17.536062 26.595703 16.664062 C 27.134703 15.989063 27.134703 15.009937 26.595703 14.335938 C 25.898703 13.462938 24.375 12 22 12 z M 10 14 C 11.467 14 12.464844 14.903 12.964844 15.5 C 12.465844 16.097 11.468 17 10 17 C 8.533 17 7.5351562 16.097 7.0351562 15.5 C 7.5341563 14.903 8.532 14 10 14 z M 22 14 C 23.467 14 24.464844 14.903 24.964844 15.5 C 24.465844 16.097 23.468 17 22 17 C 20.533 17 19.535156 16.097 19.035156 15.5 C 19.534156 14.903 20.532 14 22 14 z"
  />
</svg>

Attribution

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

Related icons:

Similar Icons8 Line Awesome icons