<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.763 8.481c.566-1.05 2.075-1.051 2.641 0l4.16 7.724a1.5 1.5 0 0 1-1.322 2.211H7.924a1.5 1.5 0 0 1-1.32-2.21zM12 15.5a.75.75 0 0 0 0 1.5h.167a.751.751 0 0 0 0-1.5zM10.001 1.75c.224 0 .503.071.731.137.26.074.573.177.912.297.678.239 1.496.556 2.28.87a146 146 0 0 1 2.784 1.148l.188.08.05.022q.008.002.012.005l.004.002a.75.75 0 0 1 .455.689v4.167a7.9 7.9 0 0 1-.523 2.798l-1.059-1.822a6 6 0 0 0 .082-.976v-3.67a145 145 0 0 0-2.549-1.05 61 61 0 0 0-2.223-.85c-.242-.085-.46-.157-.645-.214v3.023l-1 1.722V3.384q-.279.086-.643.214c-.65.229-1.446.537-2.223.848s-1.529.621-2.086.855l-.464.195v3.671c0 1.883.87 3.535 2.005 4.836l-.79 1.36c-1.442-1.519-2.715-3.64-2.715-6.196V5c0-.3.179-.571.454-.69l.296.69-.295-.69h.001l.003-.001.013-.005.05-.022.187-.08a167 167 0 0 1 2.783-1.148c.785-.314 1.603-.63 2.281-.87.339-.12.651-.223.912-.297.228-.066.508-.137.732-.137m2.082 8.333a.75.75 0 0 0-.75.75v2.917a.75.75 0 0 0 1.5 0v-2.917a.75.75 0 0 0-.75-.75"/></svg></template>
<script setup lang="ts">
/**
 * CybersecurityWarning20 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>
