<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path d="M24 4.5c.49 0 1.122.157 1.675.315a40 40 0 0 1 2.168.708c1.623.573 3.583 1.332 5.464 2.084a352 352 0 0 1 7.124 2.946l.12.05.03.013.01.005.102.048A1.5 1.5 0 0 1 41.501 12v10c0 6.56-3.548 11.924-7.333 15.58-1.904 1.837-3.91 3.287-5.657 4.285-.873.499-1.7.895-2.432 1.171-.698.263-1.432.464-2.078.464-.647 0-1.38-.2-2.078-.464a17.3 17.3 0 0 1-2.432-1.17c-1.747-.999-3.754-2.449-5.657-4.287C10.048 33.924 6.5 28.56 6.5 22V12c0-.6.357-1.143.909-1.379l.01-.005.03-.012q.042-.019.12-.051a249 249 0 0 1 2.07-.874 352 352 0 0 1 5.054-2.072c1.882-.752 3.841-1.51 5.464-2.084.81-.285 1.553-.532 2.169-.708C22.88 4.657 23.51 4.5 24 4.5m1 35.736.02-.006a14.4 14.4 0 0 0 2.002-.97c1.534-.877 3.34-2.177 5.062-3.84C35.548 32.077 38.5 27.44 38.5 22v-9.008a374 374 0 0 0-6.307-2.6c-1.868-.747-3.784-1.488-5.349-2.04A38 38 0 0 0 25 7.744zm-2-32.49a36 36 0 0 0-1.844.606c-1.565.552-3.48 1.293-5.349 2.04a348 348 0 0 0-6.306 2.6V22c0 5.44 2.953 10.076 6.417 13.42 1.721 1.663 3.527 2.963 5.061 3.84.768.438 1.45.761 2.002.97l.019.005V7.745Z"/></svg></template>
<script setup lang="ts">
/**
 * Cybersecurity48 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>
