<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path d="M10 1.75c.225 0 .504.071.732.137.26.074.573.177.911.297a61 61 0 0 1 2.282.87 146 146 0 0 1 2.783 1.148l.187.08.05.022.013.005.004.002a.75.75 0 0 1 .455.689v4.167c0 2.78-1.503 5.045-3.094 6.581a12.3 12.3 0 0 1-2.382 1.804c-.368.21-.719.379-1.031.497-.296.111-.617.2-.91.201-.291 0-.614-.09-.91-.201a7.4 7.4 0 0 1-1.03-.497 12.3 12.3 0 0 1-2.383-1.804c-1.59-1.536-3.093-3.801-3.093-6.581V5c0-.3.178-.571.454-.69l.296.69-.295-.69.004-.001.012-.005.05-.022.188-.08a167 167 0 0 1 2.783-1.148 63 63 0 0 1 2.281-.87c.338-.12.651-.223.911-.297.229-.066.509-.137.733-.137Zm.5 14.847a6 6 0 0 0 .697-.347c.63-.36 1.375-.896 2.085-1.581 1.43-1.38 2.635-3.282 2.635-5.502v-3.67a145 145 0 0 0-2.549-1.05 61 61 0 0 0-2.224-.85 18 18 0 0 0-.644-.214zm-1-13.213q-.28.086-.643.214c-.65.229-1.446.537-2.223.848s-1.529.621-2.086.855l-.464.195v3.671c0 2.22 1.206 4.121 2.635 5.502.71.685 1.454 1.22 2.084 1.581.261.149.497.263.697.346z"/></svg></template>
<script setup lang="ts">
/**
 * Cybersecurity20 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>
