key emoji

key from Noto Emoji by Google Inc · Default · Objects · Apache-2.0 Free for personal and commercial use.

Name
key
Set
Noto Emoji
Style
Default
Category
Objects
Viewbox
128×128
License
Apache 2.0

The same emoji in other sets

keyAkar Iconskey-outlinedAnt Design IconskeyBootstrap IconskeyBoxIcons v2keyBoxIcons v2 SolidkeyCarbonkeyCatppuccin IconskeyCodiconskeyEmoji One (Colored)keyElement PluskeyFont Awesome 6 SolidkeyFont Awesome SolidkeyFeather Iconskey-16-filledFluent UI System IconskeyFluent EmojikeyFluent Emoji FlatkeyFluent Emoji High ContrastkeyFirefox OS Emojikeycss.ggkeyHeroIconskeyHumbleiconskeyIconParkkeyIconPark OutlinekeyIconPark Solid

More objects icons from Noto Emoji

abacusaccordionadhesive-bandagealembicaxebackpackbalance-scaleballet-shoesballot-box-with-ballotbanjobar-chartbasketbathtubbatterybedbellbell-with-slashbikinibilled-capblack-nibblue-bookbombbookmarkbookmark-tabs

Use the key emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#9e740b" d="M107.77 15.16c-14.5-11.48-35.93-6.24-46.72 3.2c-12.08 10.56-12.42 27.25-6.13 40.88l-43.58 42.77c-1.77 1.74-3.59 14.19-3.5 16.64l5.9 4.12s9.99 2.99 14.34-.41s8.17-9.56 7.72-12.33c-.26-1.59.08-3.07 1.11-4.08c1.28-1.26 3.32-1.47 5.39-.78c1.59.53 3.36.08 4.55-1.09l.42-.41c1.69-1.58 1.88-3.42 1.55-4.96c-.51-2.39.36-4.37 1.7-6.12c1.16-1.52 3.36-2.16 5.28-2.19c3.46-.05 5.7-.79 8.15-3.19l6.38-6.24c14.36 6.4 31.97 3.51 43.4-8.68c14.66-15.64 10.91-43.77-5.96-57.13m-8.64 33.35c-4 3.92-10.48 3.92-14.48 0s-4-10.29 0-14.21s10.48-3.92 14.48 0s4 10.29 0 14.21"/><path fill="#ffca28" d="M107.77 15.16c-14.88-14.88-39-14.88-53.88 0c-11.39 11.39-14.05 28.18-8.01 42.11L7.83 95.08a9.1 9.1 0 0 0-2.67 6.76l.44 11.75c2.17 1.22 2.24 5.07 2.24 5.07l9.9.76c2.53.08 4.98-.89 6.76-2.67l3.14-3.14c1.96-1.96 3.07-4.73 2.58-7.45c-.31-1.69.03-3.27 1.1-4.34c1.26-1.26 3.23-1.5 5.26-.87c1.69.53 3.53.19 4.79-1.06l.43-.43c1.71-1.63 1.9-3.52 1.57-5.1c-.51-2.46.37-4.49 1.71-6.29c1.17-1.57 3.4-2.22 5.33-2.25c3.49-.05 5.76-.81 8.23-3.28l5.98-5.95c14.13 6.65 31.49 4.14 43.17-7.54c14.86-14.89 14.86-39.01-.02-53.89m-13.6 28.22c-4.04 4.04-10.59 4.04-14.62 0c-4.04-4.04-4.04-10.59 0-14.62c4.04-4.04 10.59-4.04 14.62 0c4.04 4.03 4.04 10.58 0 14.62"/><path fill="#dba010" d="M5.6 113.59s1.24.84 2.24 5.07l47.48-48.27c1.55-1.7-5.4-.82-7.48 1.25z"/><path fill="#fff59d" d="M60.43 19.92c-3.9 2.12-8.3 7.8-9.51 16c-1.1 7.44-.63 12.61 1.87 16.96c2.83 4.91 6.68 2.31 5.13-2.47c-1.02-3.15-1.28-4.34-1.42-7.68c-.11-2.61.16-5.24.9-7.74c1.84-6.2 6.11-10.27 7.36-12.28c1.59-2.57-.92-4.66-4.33-2.79m-27.38 59.8c-2.84 2.42.1-5.11 2.28-7.65C38.2 68.71 45 61.58 46.2 60.97c1.64-.83 1.54 3.75.87 4.59C44.69 68.5 35.9 77.3 33.05 79.72"/></svg>

React

import type { SVGProps } from "react";

export function NotoKey(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#9e740b" d="M107.77 15.16c-14.5-11.48-35.93-6.24-46.72 3.2c-12.08 10.56-12.42 27.25-6.13 40.88l-43.58 42.77c-1.77 1.74-3.59 14.19-3.5 16.64l5.9 4.12s9.99 2.99 14.34-.41s8.17-9.56 7.72-12.33c-.26-1.59.08-3.07 1.11-4.08c1.28-1.26 3.32-1.47 5.39-.78c1.59.53 3.36.08 4.55-1.09l.42-.41c1.69-1.58 1.88-3.42 1.55-4.96c-.51-2.39.36-4.37 1.7-6.12c1.16-1.52 3.36-2.16 5.28-2.19c3.46-.05 5.7-.79 8.15-3.19l6.38-6.24c14.36 6.4 31.97 3.51 43.4-8.68c14.66-15.64 10.91-43.77-5.96-57.13m-8.64 33.35c-4 3.92-10.48 3.92-14.48 0s-4-10.29 0-14.21s10.48-3.92 14.48 0s4 10.29 0 14.21"/><path fill="#ffca28" d="M107.77 15.16c-14.88-14.88-39-14.88-53.88 0c-11.39 11.39-14.05 28.18-8.01 42.11L7.83 95.08a9.1 9.1 0 0 0-2.67 6.76l.44 11.75c2.17 1.22 2.24 5.07 2.24 5.07l9.9.76c2.53.08 4.98-.89 6.76-2.67l3.14-3.14c1.96-1.96 3.07-4.73 2.58-7.45c-.31-1.69.03-3.27 1.1-4.34c1.26-1.26 3.23-1.5 5.26-.87c1.69.53 3.53.19 4.79-1.06l.43-.43c1.71-1.63 1.9-3.52 1.57-5.1c-.51-2.46.37-4.49 1.71-6.29c1.17-1.57 3.4-2.22 5.33-2.25c3.49-.05 5.76-.81 8.23-3.28l5.98-5.95c14.13 6.65 31.49 4.14 43.17-7.54c14.86-14.89 14.86-39.01-.02-53.89m-13.6 28.22c-4.04 4.04-10.59 4.04-14.62 0c-4.04-4.04-4.04-10.59 0-14.62c4.04-4.04 10.59-4.04 14.62 0c4.04 4.03 4.04 10.58 0 14.62"/><path fill="#dba010" d="M5.6 113.59s1.24.84 2.24 5.07l47.48-48.27c1.55-1.7-5.4-.82-7.48 1.25z"/><path fill="#fff59d" d="M60.43 19.92c-3.9 2.12-8.3 7.8-9.51 16c-1.1 7.44-.63 12.61 1.87 16.96c2.83 4.91 6.68 2.31 5.13-2.47c-1.02-3.15-1.28-4.34-1.42-7.68c-.11-2.61.16-5.24.9-7.74c1.84-6.2 6.11-10.27 7.36-12.28c1.59-2.57-.92-4.66-4.33-2.79m-27.38 59.8c-2.84 2.42.1-5.11 2.28-7.65C38.2 68.71 45 61.58 46.2 60.97c1.64-.83 1.54 3.75.87 4.59C44.69 68.5 35.9 77.3 33.05 79.72"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#9e740b" d="M107.77 15.16c-14.5-11.48-35.93-6.24-46.72 3.2c-12.08 10.56-12.42 27.25-6.13 40.88l-43.58 42.77c-1.77 1.74-3.59 14.19-3.5 16.64l5.9 4.12s9.99 2.99 14.34-.41s8.17-9.56 7.72-12.33c-.26-1.59.08-3.07 1.11-4.08c1.28-1.26 3.32-1.47 5.39-.78c1.59.53 3.36.08 4.55-1.09l.42-.41c1.69-1.58 1.88-3.42 1.55-4.96c-.51-2.39.36-4.37 1.7-6.12c1.16-1.52 3.36-2.16 5.28-2.19c3.46-.05 5.7-.79 8.15-3.19l6.38-6.24c14.36 6.4 31.97 3.51 43.4-8.68c14.66-15.64 10.91-43.77-5.96-57.13m-8.64 33.35c-4 3.92-10.48 3.92-14.48 0s-4-10.29 0-14.21s10.48-3.92 14.48 0s4 10.29 0 14.21"/><path fill="#ffca28" d="M107.77 15.16c-14.88-14.88-39-14.88-53.88 0c-11.39 11.39-14.05 28.18-8.01 42.11L7.83 95.08a9.1 9.1 0 0 0-2.67 6.76l.44 11.75c2.17 1.22 2.24 5.07 2.24 5.07l9.9.76c2.53.08 4.98-.89 6.76-2.67l3.14-3.14c1.96-1.96 3.07-4.73 2.58-7.45c-.31-1.69.03-3.27 1.1-4.34c1.26-1.26 3.23-1.5 5.26-.87c1.69.53 3.53.19 4.79-1.06l.43-.43c1.71-1.63 1.9-3.52 1.57-5.1c-.51-2.46.37-4.49 1.71-6.29c1.17-1.57 3.4-2.22 5.33-2.25c3.49-.05 5.76-.81 8.23-3.28l5.98-5.95c14.13 6.65 31.49 4.14 43.17-7.54c14.86-14.89 14.86-39.01-.02-53.89m-13.6 28.22c-4.04 4.04-10.59 4.04-14.62 0c-4.04-4.04-4.04-10.59 0-14.62c4.04-4.04 10.59-4.04 14.62 0c4.04 4.03 4.04 10.58 0 14.62"/><path fill="#dba010" d="M5.6 113.59s1.24.84 2.24 5.07l47.48-48.27c1.55-1.7-5.4-.82-7.48 1.25z"/><path fill="#fff59d" d="M60.43 19.92c-3.9 2.12-8.3 7.8-9.51 16c-1.1 7.44-.63 12.61 1.87 16.96c2.83 4.91 6.68 2.31 5.13-2.47c-1.02-3.15-1.28-4.34-1.42-7.68c-.11-2.61.16-5.24.9-7.74c1.84-6.2 6.11-10.27 7.36-12.28c1.59-2.57-.92-4.66-4.33-2.79m-27.38 59.8c-2.84 2.42.1-5.11 2.28-7.65C38.2 68.71 45 61.58 46.2 60.97c1.64-.83 1.54 3.75.87 4.59C44.69 68.5 35.9 77.3 33.05 79.72"/></svg>
</template>

CSS

.icon-key {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%239e740b%22%20d%3D%22M107.77%2015.16c-14.5-11.48-35.93-6.24-46.72%203.2c-12.08%2010.56-12.42%2027.25-6.13%2040.88l-43.58%2042.77c-1.77%201.74-3.59%2014.19-3.5%2016.64l5.9%204.12s9.99%202.99%2014.34-.41s8.17-9.56%207.72-12.33c-.26-1.59.08-3.07%201.11-4.08c1.28-1.26%203.32-1.47%205.39-.78c1.59.53%203.36.08%204.55-1.09l.42-.41c1.69-1.58%201.88-3.42%201.55-4.96c-.51-2.39.36-4.37%201.7-6.12c1.16-1.52%203.36-2.16%205.28-2.19c3.46-.05%205.7-.79%208.15-3.19l6.38-6.24c14.36%206.4%2031.97%203.51%2043.4-8.68c14.66-15.64%2010.91-43.77-5.96-57.13m-8.64%2033.35c-4%203.92-10.48%203.92-14.48%200s-4-10.29%200-14.21s10.48-3.92%2014.48%200s4%2010.29%200%2014.21%22%2F%3E%3Cpath%20fill%3D%22%23ffca28%22%20d%3D%22M107.77%2015.16c-14.88-14.88-39-14.88-53.88%200c-11.39%2011.39-14.05%2028.18-8.01%2042.11L7.83%2095.08a9.1%209.1%200%200%200-2.67%206.76l.44%2011.75c2.17%201.22%202.24%205.07%202.24%205.07l9.9.76c2.53.08%204.98-.89%206.76-2.67l3.14-3.14c1.96-1.96%203.07-4.73%202.58-7.45c-.31-1.69.03-3.27%201.1-4.34c1.26-1.26%203.23-1.5%205.26-.87c1.69.53%203.53.19%204.79-1.06l.43-.43c1.71-1.63%201.9-3.52%201.57-5.1c-.51-2.46.37-4.49%201.71-6.29c1.17-1.57%203.4-2.22%205.33-2.25c3.49-.05%205.76-.81%208.23-3.28l5.98-5.95c14.13%206.65%2031.49%204.14%2043.17-7.54c14.86-14.89%2014.86-39.01-.02-53.89m-13.6%2028.22c-4.04%204.04-10.59%204.04-14.62%200c-4.04-4.04-4.04-10.59%200-14.62c4.04-4.04%2010.59-4.04%2014.62%200c4.04%204.03%204.04%2010.58%200%2014.62%22%2F%3E%3Cpath%20fill%3D%22%23dba010%22%20d%3D%22M5.6%20113.59s1.24.84%202.24%205.07l47.48-48.27c1.55-1.7-5.4-.82-7.48%201.25z%22%2F%3E%3Cpath%20fill%3D%22%23fff59d%22%20d%3D%22M60.43%2019.92c-3.9%202.12-8.3%207.8-9.51%2016c-1.1%207.44-.63%2012.61%201.87%2016.96c2.83%204.91%206.68%202.31%205.13-2.47c-1.02-3.15-1.28-4.34-1.42-7.68c-.11-2.61.16-5.24.9-7.74c1.84-6.2%206.11-10.27%207.36-12.28c1.59-2.57-.92-4.66-4.33-2.79m-27.38%2059.8c-2.84%202.42.1-5.11%202.28-7.65C38.2%2068.71%2045%2061.58%2046.2%2060.97c1.64-.83%201.54%203.75.87%204.59C44.69%2068.5%2035.9%2077.3%2033.05%2079.72%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%239e740b%22%20d%3D%22M107.77%2015.16c-14.5-11.48-35.93-6.24-46.72%203.2c-12.08%2010.56-12.42%2027.25-6.13%2040.88l-43.58%2042.77c-1.77%201.74-3.59%2014.19-3.5%2016.64l5.9%204.12s9.99%202.99%2014.34-.41s8.17-9.56%207.72-12.33c-.26-1.59.08-3.07%201.11-4.08c1.28-1.26%203.32-1.47%205.39-.78c1.59.53%203.36.08%204.55-1.09l.42-.41c1.69-1.58%201.88-3.42%201.55-4.96c-.51-2.39.36-4.37%201.7-6.12c1.16-1.52%203.36-2.16%205.28-2.19c3.46-.05%205.7-.79%208.15-3.19l6.38-6.24c14.36%206.4%2031.97%203.51%2043.4-8.68c14.66-15.64%2010.91-43.77-5.96-57.13m-8.64%2033.35c-4%203.92-10.48%203.92-14.48%200s-4-10.29%200-14.21s10.48-3.92%2014.48%200s4%2010.29%200%2014.21%22%2F%3E%3Cpath%20fill%3D%22%23ffca28%22%20d%3D%22M107.77%2015.16c-14.88-14.88-39-14.88-53.88%200c-11.39%2011.39-14.05%2028.18-8.01%2042.11L7.83%2095.08a9.1%209.1%200%200%200-2.67%206.76l.44%2011.75c2.17%201.22%202.24%205.07%202.24%205.07l9.9.76c2.53.08%204.98-.89%206.76-2.67l3.14-3.14c1.96-1.96%203.07-4.73%202.58-7.45c-.31-1.69.03-3.27%201.1-4.34c1.26-1.26%203.23-1.5%205.26-.87c1.69.53%203.53.19%204.79-1.06l.43-.43c1.71-1.63%201.9-3.52%201.57-5.1c-.51-2.46.37-4.49%201.71-6.29c1.17-1.57%203.4-2.22%205.33-2.25c3.49-.05%205.76-.81%208.23-3.28l5.98-5.95c14.13%206.65%2031.49%204.14%2043.17-7.54c14.86-14.89%2014.86-39.01-.02-53.89m-13.6%2028.22c-4.04%204.04-10.59%204.04-14.62%200c-4.04-4.04-4.04-10.59%200-14.62c4.04-4.04%2010.59-4.04%2014.62%200c4.04%204.03%204.04%2010.58%200%2014.62%22%2F%3E%3Cpath%20fill%3D%22%23dba010%22%20d%3D%22M5.6%20113.59s1.24.84%202.24%205.07l47.48-48.27c1.55-1.7-5.4-.82-7.48%201.25z%22%2F%3E%3Cpath%20fill%3D%22%23fff59d%22%20d%3D%22M60.43%2019.92c-3.9%202.12-8.3%207.8-9.51%2016c-1.1%207.44-.63%2012.61%201.87%2016.96c2.83%204.91%206.68%202.31%205.13-2.47c-1.02-3.15-1.28-4.34-1.42-7.68c-.11-2.61.16-5.24.9-7.74c1.84-6.2%206.11-10.27%207.36-12.28c1.59-2.57-.92-4.66-4.33-2.79m-27.38%2059.8c-2.84%202.42.1-5.11%202.28-7.65C38.2%2068.71%2045%2061.58%2046.2%2060.97c1.64-.83%201.54%203.75.87%204.59C44.69%2068.5%2035.9%2077.3%2033.05%2079.72%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/noto/key.svg?color=%231a73e8&size=48