<script>
import Icon from '@iconify/css-svelte';

/** @type {{width?: string; height?: string;}} */
let {width, height, ...props} = $props();

const viewBox = {"width":24,"height":24};
const content = `<circle class="gp2h1pbor"/><path class="g8qchjnnd"/><path class="mtv8rnb_a"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="ic:round-system-security-update-warning" {...props}></Icon>
<style>
:global(.g8qchjnnd) {
  fill: var(--svg-color, currentColor);
  d: path("M12 13c.55 0 1-.45 1-1V8c0-.55-.45-1-1-1s-1 .45-1 1v4c0 .55.45 1 1 1");
}

:global(.gp2h1pbor) {
  cx: 12px;
  cy: 16px;
  r: 1px;
  fill: var(--svg-color, currentColor);
}

:global(.mtv8rnb_a) {
  fill: var(--svg-color, currentColor);
  d: path("M17 1H7c-1.1 0-1.99.9-1.99 2v18c0 1.1.89 2 1.99 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2m0 17H7V6h10z");
}

</style>
