Filled Icons

Fills are officially not supported. However, all SVG properties are available on all icons. Fill can still be used and will work fine on certain icons.

Example with stars:

<script setup>
import { Star, StarHalf } from '@ycloud-web/icons-vue';
import './icon.css';
</script>

<template>
  <div class="app">
    <div class="star-rating">
      <div class="stars">
        <Star
          v-for="i in 5"
          fill="#111"
          strokeWidth="0"
        />
      </div>
      <div class="stars rating">
        <Star
          fill="yellow"
          strokeWidth="0"
        />
        <Star
          fill="yellow"
          strokeWidth="0"
        />
        <StarHalf
          fill="yellow"
          strokeWidth="0"
        />

Open Sandbox