Humidity Icon

import { Icon } from '@iconify/react';

<Icon icon="carbon:humidity" />

<template>
  <Icon icon="carbon:humidity" />
</template>

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

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

<Icon icon="carbon:humidity" />

<iconify-icon icon="carbon:humidity"></iconify-icon>

/* Add to your CSS */
.icon-humidity::before {
  content: '';
  background-image: url('data:image/svg+xml,%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M23.476%2013.993L16.847%203.437a1.04%201.04%200%200%200-1.694%200L8.494%2014.044A10%2010%200%200%200%207%2019a9%209%200%200%200%2018%200a10.06%2010.06%200%200%200-1.524-5.007M16%2026a7.01%207.01%200%200%201-7-7a8%208%200%200%201%201.218-3.943l.935-1.49l10.074%2010.074A6.98%206.98%200%200%201%2016%2026.001%22%2F%3E');
}

<path fill="currentColor" d="M23.476 13.993L16.847 3.437a1.04 1.04 0 0 0-1.694 0L8.494 14.044A10 10 0 0 0 7 19a9 9 0 0 0 18 0a10.06 10.06 0 0 0-1.524-5.007M16 26a7.01 7.01 0 0 1-7-7a8 8 0 0 1 1.218-3.943l.935-1.49l10.074 10.074A6.98 6.98 0 0 1 16 26.001"/>