Home/Libraries/Game Icons (Iconify)/keyring

Game Icons (Iconify)

Keyring

License: CC-BY-3.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 512 512"><path fill="#818cf8" d="M273.764 23.62c-66.823 0-121.229 54.116-121.229 120.689c0 29.28 10.528 56.147 28.004 77.064a87 87 0 0 0-1.723 4.336c-3.952 10.807-5.462 21.415-4.386 30.719c.718 6.21 2.773 12.468 6.851 16.965L135.598 398.31l-47.672-18.782l-6.598 16.748l48.084 18.942l-6.656 18.203l-35.404-13.35L81 436.916q26.209 9.879 52.416 19.762c21.79-59.28 44.967-122.985 64.79-177.157c6.027-.835 11.645-4.313 16.206-8.61c4.434-4.179 8.385-9.48 11.695-15.636a120.6 120.6 0 0 0 20.153 6.588c.63 9.197 2.754 17.572 6.236 24.502c2.81 5.592 6.893 10.773 12.268 13.61v95.947h-56.116v18h56.116v19.228h-37.41v18h37.41v19.23h-56.116v18h74.116V299.976c5.375-2.837 9.458-8.018 12.267-13.61c3.482-6.93 5.606-15.305 6.237-24.502a120.6 120.6 0 0 0 20.152-6.588c3.31 6.156 7.261 11.457 11.695 15.635c4.561 4.298 10.178 7.777 16.207 8.611l32.867 89.87l-34.746 11.23l5.536 17.127q17.698-5.719 35.396-11.441l6.686 18.279l-58.436 20.453l5.947 16.99q29.336-10.271 58.672-20.539l6.64 18.16l-17.798 6.422l6.11 16.932q17.403-6.276 34.804-12.557c-21.677-59.615-44.958-122.945-64.754-177.054c4.078-4.496 6.134-10.755 6.852-16.965c1.076-9.304-.435-19.912-4.387-30.719a87 87 0 0 0-1.723-4.336c17.476-20.917 28.004-47.785 28.004-77.064c0-66.573-54.405-120.69-121.228-120.69m0 18c57.141 0 103.228 45.89 103.228 102.689c0 22.64-7.33 43.544-19.758 60.503a53.5 53.5 0 0 0-5.004-5.443c-6.833-6.439-16.033-11.076-25.443-7.668s-13.465 12.849-14.54 22.153c-.879 7.592-.032 16.053 2.456 24.783a103 103 0 0 1-14.166 4.884c-1.023-6.606-2.878-12.657-5.506-17.886c-4.21-8.379-11.262-15.865-21.267-15.865c-10.006 0-17.059 7.486-21.268 15.865c-2.627 5.23-4.482 11.28-5.506 17.886a103 103 0 0 1-14.166-4.886c2.488-8.729 3.333-17.19 2.455-24.781c-1.076-9.304-5.129-18.744-14.539-22.153s-18.61 1.23-25.443 7.668a53.5 53.5 0 0 0-5.004 5.443c-12.428-16.959-19.758-37.862-19.758-60.503c0-56.798 46.087-102.69 103.229-102.69zm-59.527 167.02c.617.075 2.49 1.653 3.144 7.315c.428 3.7.152 8.54-.947 13.82a103.3 103.3 0 0 1-13.961-11.12c1.716-2.506 3.485-4.63 5.177-6.225c3.64-3.43 5.97-3.866 6.587-3.79m125.64 3.79c1.693 1.595 3.461 3.719 5.178 6.224a103.3 103.3 0 0 1-13.961 11.121c-1.1-5.28-1.375-10.12-.948-13.82c.655-5.662 2.525-7.24 3.143-7.316s2.949.362 6.588 3.79zm-66.113 15.34c.324 0 2.623.848 5.183 5.945c1.631 3.247 3.012 7.732 3.805 12.896a106 106 0 0 1-8.988.389c-3.03 0-6.026-.136-8.989-.389c.793-5.164 2.174-9.65 3.805-12.896c2.56-5.097 4.86-5.945 5.184-5.945m-79.246 7.802a122 122 0 0 0 15.58 11.399c-2.527 4.608-5.38 8.37-8.04 10.877c-4.154 3.914-6.604 3.931-6.907 3.822s-2.169-1.689-2.823-7.346c-.558-4.829.066-11.587 2.19-18.752m158.492 0c2.123 7.165 2.746 13.923 2.187 18.752c-.654 5.657-2.52 7.237-2.822 7.346c-.302.11-2.754.092-6.908-3.822c-2.66-2.506-5.51-6.27-8.037-10.877a122 122 0 0 0 15.58-11.399m-88.33 29.09c3 .222 6.028.338 9.084.338s6.084-.116 9.084-.338c-.771 5.467-2.195 10.227-3.9 13.623c-2.561 5.097-4.86 5.945-5.184 5.945c-.325 0-2.623-.848-5.184-5.945c-1.706-3.396-3.13-8.156-3.9-13.623"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. KeyringIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-3.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.