Adding new icon
Usually we need to add icon that come from figma from product team.
- Copy / download the icon from figma as svg
- rename it to be have prefix
icons-example:icon-star.svg - move it to folder
/assets/icons - open the file, and
- remove any
widthandheightattribute - add
stroke="currentColor"andfill="currentColor"if there is none yet
- remove any
- Now you can use it in any component
import IconStar from "~icons/hh-icons/icon-star"; - Don’t forget adjust the width/height/color/background color using css class
<iconStar class="w-[8px] h-[8px] bg-red-500" />