StarHalf

import { StarHalf } from "vadivam-react";

<StarHalf />

import { StarHalf } from "vadivam-react-native";

<StarHalf />

<script setup>
import { StarHalf } from "vadivam-vue";
</script>

<template>
  <StarHalf />
</template>

<script>
  import { StarHalf } from "vadivam-svelte";
</script>

<StarHalf />

import { StarHalf } from "vadivam-solid";

<StarHalf />

import { StarHalf } from "vadivam-preact";

<StarHalf />

---
import { StarHalf } from "vadivam-astro";
---

<StarHalf />

import { StarHalf } from "vadivam-angular";

<svg vadivamStarHalf></svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M17 1.999a1.07 1.07 0 0 0-.948.541 30.3 30.3 0 0 0-2.286 5.295 1.22 1.22 0 0 1-1.137.827c-1.59.042-3.175.2-4.741.473-.86.15-1.184 1.132-.573 1.73a34.4 34.4 0 0 0 3.79 3.216c.407.299.575.811.42 1.28a30 30 0 0 0-1.267 5.48c-.112.839.786 1.431 1.566 1.031a32 32 0 0 0 4.422-2.749c.219-.16.487-.24.754-.24z"/>
</svg>

import iconUrl from "vadivam/icons/star-half.svg";

<img src="https://cdn.jsdelivr.net/npm/vadivam@0.0.63/dist/icons/star-half.svg" width="24" height="24" alt="" />