<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path d="M32 6.5c6.72 0 12.166 5.448 12.166 12.167v6.5H48a1.5 1.5 0 0 1 1.5 1.5V56a1.5 1.5 0 0 1-1.5 1.5H16a1.5 1.5 0 0 1-1.5-1.5V26.667a1.5 1.5 0 0 1 1.5-1.5h3.833v-6.5C19.833 11.947 25.281 6.5 32 6.5m-14.5 48h29V28.167h-29zM32 33.667a5 5 0 0 1 3.12 8.906l.541 5.326A1 1 0 0 1 34.667 49h-5.334a1 1 0 0 1-.994-1.1l.54-5.327A5 5 0 0 1 32 33.667m0 2a3 3 0 0 0-1.549 5.57 1 1 0 0 1 .478.957L30.44 47h3.12l-.489-4.806a1 1 0 0 1 .478-.957A3 3 0 0 0 32 35.667M32 9.5a9.167 9.167 0 0 0-9.167 9.167v6.5h18.333v-6.5A9.167 9.167 0 0 0 32 9.5"/></svg></template>
<script setup lang="ts">
/**
 * Security64 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>
