Key icon in outline, twotone, bold and bulk. Free in all four styles, for auth, passwords, permissions, privacy, scanning. Copy the SVG, the React, Vue or Svelte component, or download a PNG.
import { IconKey } from "@devigner-ui/icons";
<IconKey className="size-6" />
<script setup>
import { IconKey } from "@devigner-ui/icons-vue";
</script>
<template>
<IconKey class="size-6" />
</template>
<script>
import { IconKey } from "@devigner-ui/icons-svelte";
</script>
<IconKey class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.68 14.59A6.3 6.3 0 0 0 22 8.29 6.3 6.3 0 0 0 15.68 2a6.3 6.3 0 0 0-6.32 6.3c0 1.6.74 2.77.74 2.77L2.45 18.7c-.34.34-.82 1.22 0 2.04l.89.88c.34.3 1.2.7 1.9 0l1.04-1.02c1.02 1.02 2.2.44 2.64-.15.74-1.02-.15-2.05-.15-2.05l.3-.29c1.4 1.4 2.64.59 3.08 0 .74-1.02 0-2.05 0-2.05-.29-.58-.88-.58-.14-1.32l.88-.87c.7.58 2.15.73 2.8.73" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"></path><path opacity="1" d="M17.89 8.3a2.2 2.2 0 1 1-4.4-.01 2.2 2.2 0 0 1 4.4 0" stroke="currentColor" stroke-width="1.5"></path></svg>