---
title: "Discussion on \"CSS SVG star rating ⭐️\" | Hashnode"
description: "Discussion on \"CSS SVG star rating ⭐️\". Today we will be looking at making an SVG based star rating.\nIn our example, we will be using three types of stars. (Empty. Half, and full).\nThen we will be showcasing some examples of how to use them to show a specific rating.\nThe end result, as you..."
url: "https://hashnode.com/posts/css-svg-star-rating/5f97a60b2bf23e191c91f609"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [CSS SVG star rating ⭐️](https://h.daily-dev-tips.com/css-svg-star-rating?utm_source=hashnode&utm_medium=feed)

Today we will be looking at making an SVG based star rating. In our example, we will be using three types of stars. (Empty. Half, and full). Then we will be showcasing some examples of how to use them to show a specific rating. The end result, as you...

Oct 27, 2020 · 3 min read · h.daily-dev-tips.com  
Read the article

-   [#css](https://hashnode.com/tag/css)
-   [#svg](https://hashnode.com/tag/svg)
-   [#programming](https://hashnode.com/tag/programming)
-   [#2articles1week](https://hashnode.com/tag/2articles1week)

## Written by

[Chris Bongers](https://hashnode.com/@dailydevtips)

@dailydevtips · Cape Town, SA

  
[View profile](https://hashnode.com/@dailydevtips)

Looking to get into development? As a full-stack developer I guide you on this journey and give you bite sized tips every single day 👊

I'm a full-stack developer from South Africa 🇿🇦. I love writing about JavaScript, HTML and CSS.

## Responses

Markdown supported · ⌘↵ to post

No responses yet.