<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path d="M12 2a5 5 0 0 1 5 5v2h1a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V10a1 1 0 0 1 1-1h1V7a5 5 0 0 1 5-5M7 20h10v-9H7zm5-7.5a2 2 0 0 1 1.3 3.517l.197 1.932A.5.5 0 0 1 13 18.5h-2a.5.5 0 0 1-.497-.55l.195-1.933A2 2 0 0 1 12 12.5m0 1a1 1 0 0 0-.516 1.856.5.5 0 0 1 .239.479l-.17 1.665h.894l-.17-1.665a.5.5 0 0 1 .239-.479A.999.999 0 0 0 12 13.5M12 4a3 3 0 0 0-3 3v2h6V7a3 3 0 0 0-3-3"/></svg></template>
<script setup lang="ts">
/**
 * Security24 is an SVG icon wrapped in a Vue component to make it easier to use.
 */
withDefaults(
  defineProps<{
    /**
     * Define the color of the icon.
     */
    color?: string;
  }>(),
  {
    color: 'currentColor',
  },
);
</script>
