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

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

const viewBox = {"width":48,"height":48};
const content = `<path class="iw134abvp"/><path class="mheoimv2p"/><circle class="cpk0fnbgt"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:gasbuddy" {...props}></Icon>
<style>
:global(.cpk0fnbgt) {
  cx: 24px;
  cy: 24px;
  r: 21.5px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global(.iw134abvp) {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M7.415 30.074c2.518-.563 13.264-2.311 14.413-7.09c.845-3.513-12.964-6.637-12.09-9.88m13.95-4.012c-2.034.485-6.035 1.142-5.754 2.5c.558 2.694 12.396 2.741 18.191 7.09c4.476 3.36 8.553 11.91-3.429 20.226");
}

:global(.mheoimv2p) {
  fill: none;
  stroke: currentColor;
  stroke-dasharray: 4 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M21.712 35.71c5.821-3.594 9.828-8.65 9.357-11.623c-1.122-7.092-19.72-7.815-17.412-12.671");
}

</style>
