<script setup>
import { Icon } from '@iconify/css-vue';

const props = defineProps(["width","height"]);

const viewBox = {"width":24,"height":24};
const content = `<circle class="sbt4d4b7h"/><path class="loqzknlgo"/><path class="b5y5-zkqe"/>`;
</script>
<template><Icon :width="width" :height="height" :viewBox="viewBox" :content="content" fallback="ic:twotone-nat" /></template>
<style>
.b5y5-zkqe {
  fill: var(--svg-color, currentColor);
  d: path("m23 12l-4-3v2h-4.05c-.5-5.05-4.76-9-9.95-9v2c4.42 0 8 3.58 8 8s-3.58 8-8 8v2c5.19 0 9.45-3.95 9.95-9H19v2z");
}

.loqzknlgo {
  fill: var(--svg-color, currentColor);
  d: path("M6.82 13H11v-2H6.82C6.4 9.84 5.3 9 4 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c1.3 0 2.4-.84 2.82-2M4 13c-.55 0-1-.45-1-1s.45-1 1-1s1 .45 1 1s-.45 1-1 1");
}

.sbt4d4b7h {
  cx: 4px;
  cy: 12px;
  r: 1px;
  fill: var(--svg-color, currentColor);
  opacity: var(--svg-opacity--.3, .3);
}

</style>
