Security 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 { IconSecurity } from "@devigner-ui/icons";
<IconSecurity className="size-6" />
<script setup>
import { IconSecurity } from "@devigner-ui/icons-vue";
</script>
<template>
<IconSecurity class="size-6" />
</template>
<script>
import { IconSecurity } from "@devigner-ui/icons-svelte";
</script>
<IconSecurity class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="1" d="M21.58 11.12c0 4.89-3.55 9.47-8.4 10.81q-.51.13-1.02 0c-4.85-1.34-8.4-5.92-8.4-10.81V6.73c0-.82.62-1.75 1.39-2.06l5.57-2.28a5.2 5.2 0 0 1 3.91 0l5.57 2.28a2.4 2.4 0 0 1 1.39 2.06z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M10.71 2.39a5.2 5.2 0 0 1 3.91 0l5.57 2.28a2.4 2.4 0 0 1 1.39 2.06v4.39c0 4.89-3.55 9.47-8.4 10.81q-.51.13-1.02 0c-4.85-1.34-8.4-5.92-8.4-10.81" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>