Moon Solid Icon

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

<Icon icon="basil:moon-solid" />

<template>
  <Icon icon="basil:moon-solid" />
</template>

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

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

<Icon icon="basil:moon-solid" />

<iconify-icon icon="basil:moon-solid"></iconify-icon>

/* Add to your CSS */
.icon-moon-solid::before {
  content: '';
  background-image: url('data:image/svg+xml,%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%203.5a8.5%208.5%200%201%200%208.46%209.32a.5.5%200%200%200-.812-.435a5%205%200%201%201-6.137-7.893a.5.5%200%200%200-.225-.895A8.6%208.6%200%200%200%2012%203.5%22%2F%3E');
}

<path fill="currentColor" d="M12 3.5a8.5 8.5 0 1 0 8.46 9.32a.5.5 0 0 0-.812-.435a5 5 0 1 1-6.137-7.893a.5.5 0 0 0-.225-.895A8.6 8.6 0 0 0 12 3.5"/>