key emoji
key from OpenMoji by OpenMoji · Default · Objects · CC-BY-SA-4.0 Attribution required.
- Name
- key
- Set
- OpenMoji
- Style
- Default
- Category
- Objects
- Viewbox
- 72×72
- License
- CC BY-SA 4.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 OpenMoji
Use the key emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#f4aa41" d="M33.536 31.991c-1.402-4.288-.225-9.41 3.428-13.063c5.018-5.018 12.808-5.364 17.4-.773s4.244 12.381-.774 17.4c-4.057 4.056-10.434 5.512-14.268 2.588"/><path fill="#f4aa41" stroke="#f4aa41" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="m33.652 31.736l-2.434 2.451l-16.574 16.327v7.146h6.399v-4.576h5.011v-5.782h5.986l2.351-2.373v-4.302h1.971l3.09-3.09"/><path fill="#e27022" d="m15.985 53.346l.001-1.907l15.912-15.565l.952.974z"/><circle cx="48.52" cy="23.998" r="3.952" fill="#e27022"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path d="M30.735 34.656L14.303 50.681v7.24h7.565v-4.636h5.125v-5.858h5.098l2.405-2.404v-4.358h2.015"/><circle cx="48.52" cy="23.998" r="3.952"/><path d="M34.226 31.178c-1.43-4.238-.347-9.22 3.18-12.695c4.845-4.771 12.465-4.889 17.022-.263s4.322 12.244-.523 17.016c-3.917 3.857-9.648 4.673-14.108 2.4"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiKey(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#f4aa41" d="M33.536 31.991c-1.402-4.288-.225-9.41 3.428-13.063c5.018-5.018 12.808-5.364 17.4-.773s4.244 12.381-.774 17.4c-4.057 4.056-10.434 5.512-14.268 2.588"/><path fill="#f4aa41" stroke="#f4aa41" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="10" strokeWidth="2" d="m33.652 31.736l-2.434 2.451l-16.574 16.327v7.146h6.399v-4.576h5.011v-5.782h5.986l2.351-2.373v-4.302h1.971l3.09-3.09"/><path fill="#e27022" d="m15.985 53.346l.001-1.907l15.912-15.565l.952.974z"/><circle cx="48.52" cy="23.998" r="3.952" fill="#e27022"/><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="10" strokeWidth="2"><path d="M30.735 34.656L14.303 50.681v7.24h7.565v-4.636h5.125v-5.858h5.098l2.405-2.404v-4.358h2.015"/><circle cx="48.52" cy="23.998" r="3.952"/><path d="M34.226 31.178c-1.43-4.238-.347-9.22 3.18-12.695c4.845-4.771 12.465-4.889 17.022-.263s4.322 12.244-.523 17.016c-3.917 3.857-9.648 4.673-14.108 2.4"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#f4aa41" d="M33.536 31.991c-1.402-4.288-.225-9.41 3.428-13.063c5.018-5.018 12.808-5.364 17.4-.773s4.244 12.381-.774 17.4c-4.057 4.056-10.434 5.512-14.268 2.588"/><path fill="#f4aa41" stroke="#f4aa41" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="m33.652 31.736l-2.434 2.451l-16.574 16.327v7.146h6.399v-4.576h5.011v-5.782h5.986l2.351-2.373v-4.302h1.971l3.09-3.09"/><path fill="#e27022" d="m15.985 53.346l.001-1.907l15.912-15.565l.952.974z"/><circle cx="48.52" cy="23.998" r="3.952" fill="#e27022"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path d="M30.735 34.656L14.303 50.681v7.24h7.565v-4.636h5.125v-5.858h5.098l2.405-2.404v-4.358h2.015"/><circle cx="48.52" cy="23.998" r="3.952"/><path d="M34.226 31.178c-1.43-4.238-.347-9.22 3.18-12.695c4.845-4.771 12.465-4.889 17.022-.263s4.322 12.244-.523 17.016c-3.917 3.857-9.648 4.673-14.108 2.4"/></g></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%2072%2072%22%3E%3Cpath%20fill%3D%22%23f4aa41%22%20d%3D%22M33.536%2031.991c-1.402-4.288-.225-9.41%203.428-13.063c5.018-5.018%2012.808-5.364%2017.4-.773s4.244%2012.381-.774%2017.4c-4.057%204.056-10.434%205.512-14.268%202.588%22%2F%3E%3Cpath%20fill%3D%22%23f4aa41%22%20stroke%3D%22%23f4aa41%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22m33.652%2031.736l-2.434%202.451l-16.574%2016.327v7.146h6.399v-4.576h5.011v-5.782h5.986l2.351-2.373v-4.302h1.971l3.09-3.09%22%2F%3E%3Cpath%20fill%3D%22%23e27022%22%20d%3D%22m15.985%2053.346l.001-1.907l15.912-15.565l.952.974z%22%2F%3E%3Ccircle%20cx%3D%2248.52%22%20cy%3D%2223.998%22%20r%3D%223.952%22%20fill%3D%22%23e27022%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M30.735%2034.656L14.303%2050.681v7.24h7.565v-4.636h5.125v-5.858h5.098l2.405-2.404v-4.358h2.015%22%2F%3E%3Ccircle%20cx%3D%2248.52%22%20cy%3D%2223.998%22%20r%3D%223.952%22%2F%3E%3Cpath%20d%3D%22M34.226%2031.178c-1.43-4.238-.347-9.22%203.18-12.695c4.845-4.771%2012.465-4.889%2017.022-.263s4.322%2012.244-.523%2017.016c-3.917%203.857-9.648%204.673-14.108%202.4%22%2F%3E%3C%2Fg%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%2072%2072%22%3E%3Cpath%20fill%3D%22%23f4aa41%22%20d%3D%22M33.536%2031.991c-1.402-4.288-.225-9.41%203.428-13.063c5.018-5.018%2012.808-5.364%2017.4-.773s4.244%2012.381-.774%2017.4c-4.057%204.056-10.434%205.512-14.268%202.588%22%2F%3E%3Cpath%20fill%3D%22%23f4aa41%22%20stroke%3D%22%23f4aa41%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22m33.652%2031.736l-2.434%202.451l-16.574%2016.327v7.146h6.399v-4.576h5.011v-5.782h5.986l2.351-2.373v-4.302h1.971l3.09-3.09%22%2F%3E%3Cpath%20fill%3D%22%23e27022%22%20d%3D%22m15.985%2053.346l.001-1.907l15.912-15.565l.952.974z%22%2F%3E%3Ccircle%20cx%3D%2248.52%22%20cy%3D%2223.998%22%20r%3D%223.952%22%20fill%3D%22%23e27022%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M30.735%2034.656L14.303%2050.681v7.24h7.565v-4.636h5.125v-5.858h5.098l2.405-2.404v-4.358h2.015%22%2F%3E%3Ccircle%20cx%3D%2248.52%22%20cy%3D%2223.998%22%20r%3D%223.952%22%2F%3E%3Cpath%20d%3D%22M34.226%2031.178c-1.43-4.238-.347-9.22%203.18-12.695c4.845-4.771%2012.465-4.889%2017.022-.263s4.322%2012.244-.523%2017.016c-3.917%203.857-9.648%204.673-14.108%202.4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/key.svg?color=%231a73e8&size=48
