<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="M13.18 9.898c.566-1.05 2.074-1.051 2.64 0l5.326 9.891A1.5 1.5 0 0 1 19.826 22H9.174a1.5 1.5 0 0 1-1.32-2.21zM14.4 18.5a1 1 0 0 0 0 2h.2a1 1 0 0 0 0-2zM12.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.919v5a9.6 9.6 0 0 1-.662 3.473l-1.414-2.435Q18.999 11.53 19 11V6.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-.277V7.86l-1 1.723V4.135a20 20 0 0 0-.838.277c-.778.275-1.732.644-2.665 1.017A174 174 0 0 0 5 6.662V11c0 2.216 1.017 4.168 2.358 5.713l-1.053 1.814C4.556 16.691 3 14.114 3 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-.167ZM14.5 12a1 1 0 0 0-1 1v3.5a1 1 0 0 0 2 0V13a1 1 0 0 0-1-1"/></svg></template>
<script setup lang="ts">
/**
 * CybersecurityWarning24 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>
