<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="M18 13a5 5 0 1 1 0 10 5 5 0 0 1 0-10M12.001 2c.285 0 .632.089.905.167.315.09.693.215 1.1.358.816.288 1.8.67 2.741 1.046a176 176 0 0 1 3.342 1.38q.146.061.226.096l.059.025.016.006.004.002v.001a1 1 0 0 1 .607.919v5q-.002.543-.063 1.063a6.6 6.6 0 0 0-1.952-.615q.015-.222.015-.448V6.662l-.495-.208c-.669-.28-1.57-.653-2.501-1.025a73 73 0 0 0-2.665-1.017 20 20 0 0 0-.84-.277v10.17a6.6 6.6 0 0 0-1 2.414V4.135a20 20 0 0 0-.838.277c-.778.275-1.732.644-2.665 1.017a174 174 0 0 0-2.996 1.233V11c0 2.627 1.427 4.884 3.132 6.53a12.9 12.9 0 0 0 2.481 1.883c.338.193.639.336.886.435v-.568c.19.967.588 1.857 1.148 2.623a2.6 2.6 0 0 1-.647.097c-.368 0-.768-.113-1.127-.248a9 9 0 0 1-1.252-.603 14.9 14.9 0 0 1-2.878-2.18C4.824 17.117 3.001 14.374 3.001 11V6a1 1 0 0 1 .606-.919h.001l.004-.003.016-.006.06-.025.225-.097a187 187 0 0 1 3.342-1.379 75 75 0 0 1 2.741-1.046c.407-.143.785-.268 1.1-.358.273-.078.62-.167.905-.167m8.596 14.31a.5.5 0 0 0-.708 0l-2.475 2.475-1.06-1.06a.5.5 0 0 0-.707.707l1.414 1.415a.5.5 0 0 0 .707 0l2.829-2.83a.5.5 0 0 0 0-.706Z"/></svg></template>
<script setup lang="ts">
/**
 * CybersecurityCheck24 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>
