Skip to content
Cuelark UI

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

Game Icons · GiCombinationLock

Combination Lock icon

A free combination lock 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
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/game-icons/combination-lock.json
components/icons/game-icons-combination-lock.tsx
import * as React from "react";

/**
 * Combination Lock from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/combination-lock. Sized in em, colored by currentColor.
 */
export function GiCombinationLockIcon(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="M400.218 212.413v-42.195a144.218 144.218 0 1 0-288.436 0v42.195H90.61V486H421.39V212.413h-21.173zM216.342 407.97h-57.29v-22.354h57.29v22.354zm0-33.403h-57.29v-57.29h57.29v57.29zm0-68.28h-57.29v-22.354h57.29v22.32zm68.28 101.718h-57.29v-22.39h57.29v22.355zm0-33.403h-57.29v-57.29h57.29v57.29zm0-68.28h-57.29v-22.39h57.29v22.32zm68.28 101.718h-57.29v-22.424h57.29v22.354zm0-33.403h-57.29v-57.29h57.29v57.29zm0-68.28h-57.29v-22.424h57.29v22.32zm2.887-93.884H156.211v-42.254a99.789 99.789 0 1 1 199.578 0v42.195zM177.455 353.439c0 4.443 3.835 8.184 10.195 8.184 5.846 0 10.336-3.507 10.336-8.839 0-3.694-2.339-6.36-6.127-7.857v-.093c3.741-1.777 5.004-4.536 5.004-7.109 0-3.788-2.946-7.482-8.839-7.482-5.331 0-9.353 3.273-9.353 8.09 0 2.62 1.45 5.238 4.817 6.828v.14c-3.742 1.59-6.033 4.303-6.033 8.138zm5.05-15.386c0-2.62 1.871-4.864 5.285-4.864a4.677 4.677 0 0 1 5.145 4.957c0 2.76-2.011 4.677-4.677 5.519-3.46-.936-5.752-2.572-5.752-5.612zm4.677 8.558c4.116 1.17 6.688 2.946 6.688 6.64 0 3.134-2.338 5.426-6.08 5.426-3.881 0-6.22-2.713-6.08-5.846-.046-2.853 1.871-5.191 5.426-6.22zm67.275 15.059a15.445 15.445 0 0 1-7.904-2.058l1.17-3.18a13.738 13.738 0 0 0 6.734 1.918c5.284 0 6.921-3.368 6.874-5.846 0-4.256-3.881-6.08-7.856-6.08h-2.339v-3.087h2.339c2.993 0 6.78-1.543 6.78-5.144 0-2.432-1.543-4.583-5.33-4.583a11.166 11.166 0 0 0-6.08 2.01l-1.076-2.992a14.451 14.451 0 0 1 7.95-2.339c5.987 0 8.7 3.508 8.7 7.25 0 3.133-1.872 5.845-5.613 7.155v.093a7.915 7.915 0 0 1 6.781 7.81c-.093 4.817-3.881 9.073-11.177 9.073zm70.15 0c6.314 0 10.102-5.144 10.102-10.71 0-5.94-3.788-9.82-9.167-9.82a9.061 9.061 0 0 0-7.342 3.507h-.14a12.358 12.358 0 0 1 10.522-10.803 14.849 14.849 0 0 1 3.087-.187v-3.368a19.876 19.876 0 0 0-2.993.234 16.556 16.556 0 0 0-9.728 4.49 19.104 19.104 0 0 0-5.144 13.703c.047 7.88 4.303 12.93 10.803 12.93zm-6.22-13.703a6.77 6.77 0 0 1 5.846-3.741c3.788 0 6.267 2.619 6.267 7.015 0 4.396-2.339 7.296-5.94 7.296-4.302 0-6.594-3.695-6.687-8.7a3.508 3.508 0 0 1 .514-1.893z"
      />
    </svg>
  );
}
With react-icons
import { GiCombinationLock } from "react-icons/gi";

export function Example() {
  return <GiCombinationLock className="size-5" />;
}
combination-lock.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="M400.218 212.413v-42.195a144.218 144.218 0 1 0-288.436 0v42.195H90.61V486H421.39V212.413h-21.173zM216.342 407.97h-57.29v-22.354h57.29v22.354zm0-33.403h-57.29v-57.29h57.29v57.29zm0-68.28h-57.29v-22.354h57.29v22.32zm68.28 101.718h-57.29v-22.39h57.29v22.355zm0-33.403h-57.29v-57.29h57.29v57.29zm0-68.28h-57.29v-22.39h57.29v22.32zm68.28 101.718h-57.29v-22.424h57.29v22.354zm0-33.403h-57.29v-57.29h57.29v57.29zm0-68.28h-57.29v-22.424h57.29v22.32zm2.887-93.884H156.211v-42.254a99.789 99.789 0 1 1 199.578 0v42.195zM177.455 353.439c0 4.443 3.835 8.184 10.195 8.184 5.846 0 10.336-3.507 10.336-8.839 0-3.694-2.339-6.36-6.127-7.857v-.093c3.741-1.777 5.004-4.536 5.004-7.109 0-3.788-2.946-7.482-8.839-7.482-5.331 0-9.353 3.273-9.353 8.09 0 2.62 1.45 5.238 4.817 6.828v.14c-3.742 1.59-6.033 4.303-6.033 8.138zm5.05-15.386c0-2.62 1.871-4.864 5.285-4.864a4.677 4.677 0 0 1 5.145 4.957c0 2.76-2.011 4.677-4.677 5.519-3.46-.936-5.752-2.572-5.752-5.612zm4.677 8.558c4.116 1.17 6.688 2.946 6.688 6.64 0 3.134-2.338 5.426-6.08 5.426-3.881 0-6.22-2.713-6.08-5.846-.046-2.853 1.871-5.191 5.426-6.22zm67.275 15.059a15.445 15.445 0 0 1-7.904-2.058l1.17-3.18a13.738 13.738 0 0 0 6.734 1.918c5.284 0 6.921-3.368 6.874-5.846 0-4.256-3.881-6.08-7.856-6.08h-2.339v-3.087h2.339c2.993 0 6.78-1.543 6.78-5.144 0-2.432-1.543-4.583-5.33-4.583a11.166 11.166 0 0 0-6.08 2.01l-1.076-2.992a14.451 14.451 0 0 1 7.95-2.339c5.987 0 8.7 3.508 8.7 7.25 0 3.133-1.872 5.845-5.613 7.155v.093a7.915 7.915 0 0 1 6.781 7.81c-.093 4.817-3.881 9.073-11.177 9.073zm70.15 0c6.314 0 10.102-5.144 10.102-10.71 0-5.94-3.788-9.82-9.167-9.82a9.061 9.061 0 0 0-7.342 3.507h-.14a12.358 12.358 0 0 1 10.522-10.803 14.849 14.849 0 0 1 3.087-.187v-3.368a19.876 19.876 0 0 0-2.993.234 16.556 16.556 0 0 0-9.728 4.49 19.104 19.104 0 0 0-5.144 13.703c.047 7.88 4.303 12.93 10.803 12.93zm-6.22-13.703a6.77 6.77 0 0 1 5.846-3.741c3.788 0 6.267 2.619 6.267 7.015 0 4.396-2.339 7.296-5.94 7.296-4.302 0-6.594-3.695-6.687-8.7a3.508 3.508 0 0 1 .514-1.893z"
  />
</svg>
Attribution
"Combination Lock" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.

Related icons: secure, security, password, padlock