<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path d="M16 3c.327 0 .747.105 1.116.21.41.117.907.281 1.446.472 1.082.381 2.389.888 3.643 1.39a234 234 0 0 1 4.45 1.835l.299.128.079.034.02.01.006.001.001.001a1 1 0 0 1 .607.919v6.667c0 4.373-2.365 7.949-4.889 10.386a19.5 19.5 0 0 1-3.771 2.857c-.582.333-1.133.597-1.622.781-.465.176-.954.309-1.384.309-.431 0-.92-.133-1.386-.309a11.6 11.6 0 0 1-1.621-.78 19.5 19.5 0 0 1-3.772-2.858C6.7 22.616 4.334 19.04 4.334 14.667V8a1 1 0 0 1 .606-.919h.002l.005-.003.02-.009.08-.034.3-.128a246 246 0 0 1 4.449-1.836c1.254-.501 2.56-1.008 3.642-1.39.54-.19 1.036-.354 1.446-.471.37-.105.79-.21 1.117-.21Zm-.566 2.134c-.354.101-.807.25-1.33.434-1.043.369-2.32.863-3.565 1.36a232 232 0 0 0-4.205 1.734v6.005c0 3.627 1.969 6.717 4.278 8.947a17.5 17.5 0 0 0 3.374 2.56c.511.292.966.506 1.334.645a4 4 0 0 0 .18.062V5.115zM16.5 26.88q.083-.026.18-.062a9.6 9.6 0 0 0 1.334-.645 17.5 17.5 0 0 0 3.375-2.56c2.31-2.23 4.278-5.32 4.278-8.947V8.662a240 240 0 0 0-4.204-1.733 98 98 0 0 0-3.566-1.36 24 24 0 0 0-1.33-.435l-.067-.019v21.766Z"/></svg></template>
<script setup lang="ts">
/**
 * Cybersecurity32 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>
