<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="M27.68 18.398c.566-1.05 2.074-1.051 2.64 0L42.647 41.29a1.5 1.5 0 0 1-1.32 2.211H16.673a1.5 1.5 0 0 1-1.32-2.21L27.68 18.397ZM28.8 37.5a1.5 1.5 0 0 0 0 3h.4a1.5 1.5 0 0 0 0-3zm-4.798-33c.49 0 1.12.157 1.674.315.616.176 1.359.423 2.169.708 1.622.573 3.582 1.332 5.464 2.084a352 352 0 0 1 7.124 2.946l.119.05.03.013.01.005.102.048A1.5 1.5 0 0 1 41.502 12v10c0 2.28-.43 4.417-1.149 6.387l-2.107-3.63A15 15 0 0 0 38.502 22v-9.008a383 383 0 0 0-6.307-2.6 148 148 0 0 0-5.348-2.04A38 38 0 0 0 25 7.744v7.978l-2 3.444V7.746a38 38 0 0 0-1.843.606c-1.565.552-3.48 1.293-5.348 2.04a347 347 0 0 0-6.307 2.6V22c0 4.651 2.159 8.715 4.95 11.886l-1.579 2.72C9.47 32.998 6.502 28 6.502 22V12c0-.6.358-1.143.91-1.379l.01-.005.03-.012q.04-.019.12-.051a283 283 0 0 1 2.07-.874 352 352 0 0 1 5.053-2.072c1.882-.752 3.842-1.51 5.464-2.084.81-.285 1.553-.532 2.17-.708.552-.158 1.183-.315 1.673-.315m4.997 20a1.5 1.5 0 0 0-1.5 1.5v7a1.5 1.5 0 0 0 3 0v-7a1.5 1.5 0 0 0-1.5-1.5"/></svg></template>
<script setup lang="ts">
/**
 * CybersecurityWarning48 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>
