<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><g clip-path="url(#product_security_32__a)"><path d="M16 3a6.334 6.334 0 0 1 6.334 6.333v3H24a1 1 0 0 1 1 1V28a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V13.333a1 1 0 0 1 1-1h1.667v-3A6.333 6.333 0 0 1 16 3M9 27h14V14.333H9zm7-10.167a2.5 2.5 0 0 1 1.56 4.453l.271 2.663a.5.5 0 0 1-.498.551h-2.666a.5.5 0 0 1-.498-.55l.27-2.664A2.5 2.5 0 0 1 16 16.833m0 1a1.5 1.5 0 0 0-.774 2.785.5.5 0 0 1 .239.479L15.22 23.5h1.56l-.245-2.403a.5.5 0 0 1 .24-.479A1.5 1.5 0 0 0 16 17.833M16 5a4.333 4.333 0 0 0-4.333 4.333v3h8.667v-3A4.334 4.334 0 0 0 16 5"/></g><defs><clipPath id="product_security_32__a"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg></template>
<script setup lang="ts">
/**
 * Security32 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>
