Shield 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 { IconShield } from "@devigner-ui/icons";
<IconShield className="size-6" />
<script setup>
import { IconShield } from "@devigner-ui/icons-vue";
</script>
<template>
<IconShield class="size-6" />
</template>
<script>
import { IconShield } from "@devigner-ui/icons-svelte";
</script>
<IconShield 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="M3 10.42c0-3.2 0-4.8.38-5.34.38-.53 1.88-1.05 4.88-2.08l.58-.2C10.4 2.28 11.19 2 12 2s1.6.27 3.16.8l.58.2c3 1.03 4.5 1.55 4.88 2.08.38.54.38 2.14.38 5.34v1.57c0 5.64-4.24 8.38-6.9 9.54-.72.31-1.08.47-2.1.47s-1.38-.16-2.1-.47C7.24 20.37 3 17.63 3 11.99z" stroke="currentColor" stroke-width="1.5"></path><path d="m3 11 9-3 9 3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M12 2v19.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg>