The HugeIcons favourite square icon depicts a square with a star or heart shape inside, commonly used to represent a user's favorite item or to mark content as a favorite.
Common uses
- Add to favorites button
- Marking saved items
- User profile favorites list
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { FavouriteSquareIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={FavouriteSquareIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- favorite iconstar iconsave iconbookmark icon
FAQ
- What is the purpose of the favourite square icon?
- It's used to visually indicate that an item has been favorited or saved by the user. It can also serve as a button to add or remove an item from a favorites list.
- How do I use the FavouriteSquareIcon in React?
- Import both HugeiconsIcon and FavouriteSquareIcon, then render the icon using the HugeiconsIcon component like this: <HugeiconsIcon icon={FavouriteSquareIcon} />.
- What is the license for this icon?
- The FavouriteSquareIcon is distributed under the MIT license, allowing for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in HugeIcons.