{
"name": "filter-star",
"title": "Filter star",
"component": "FilterStarIcon",
"url": "https://gentleface.com/icons/filter-star",
"category": "actions",
"motif": "filter",
"added": "2026-11-06",
"since": "0.4.0",
"history": [
{
"date": "2026-11-06",
"what": [
"added",
"released in 0.4.0"
]
}
],
"geometry_hash": "fbb68d939e5d",
"use_for": [
"saved filters",
"favorite filters",
"starred filters"
],
"example": "Starred filters in an issue tracker",
"base": "filter",
"modifier": "star",
"family": [
"filter",
"filter-check",
"filter-clock",
"filter-gear",
"filter-lines",
"filter-off",
"filter-pencil",
"filter-plus",
"filter-sparkle",
"filter-user",
"filter-x"
],
"tags": [
"filter",
"funnel",
"refine",
"narrow",
"star"
],
"size": 16,
"styles": [
"line-round",
"line-soft",
"line-sharp",
"solid-round",
"solid-soft",
"solid-sharp"
],
"default_style": "line-round",
"svg": {
"line-round": "",
"line-soft": "",
"line-sharp": "",
"solid-round": "",
"solid-soft": "",
"solid-sharp": ""
},
"svg_url": {
"line-round": "https://gentleface.com/svg/line-round/16/filter-star.svg",
"line-soft": "https://gentleface.com/svg/line-soft/16/filter-star.svg",
"line-sharp": "https://gentleface.com/svg/line-sharp/16/filter-star.svg",
"solid-round": "https://gentleface.com/svg/solid-round/16/filter-star.svg",
"solid-soft": "https://gentleface.com/svg/solid-soft/16/filter-star.svg",
"solid-sharp": "https://gentleface.com/svg/solid-sharp/16/filter-star.svg"
},
"png_url": {
"line-round": {
"16": "https://gentleface.com/png/line-round/16/filter-star.png",
"32": "https://gentleface.com/png/line-round/32/filter-star.png",
"48": "https://gentleface.com/png/line-round/48/filter-star.png"
},
"line-soft": {
"16": "https://gentleface.com/png/line-soft/16/filter-star.png",
"32": "https://gentleface.com/png/line-soft/32/filter-star.png",
"48": "https://gentleface.com/png/line-soft/48/filter-star.png"
},
"line-sharp": {
"16": "https://gentleface.com/png/line-sharp/16/filter-star.png",
"32": "https://gentleface.com/png/line-sharp/32/filter-star.png",
"48": "https://gentleface.com/png/line-sharp/48/filter-star.png"
},
"solid-round": {
"16": "https://gentleface.com/png/solid-round/16/filter-star.png",
"32": "https://gentleface.com/png/solid-round/32/filter-star.png",
"48": "https://gentleface.com/png/solid-round/48/filter-star.png"
},
"solid-soft": {
"16": "https://gentleface.com/png/solid-soft/16/filter-star.png",
"32": "https://gentleface.com/png/solid-soft/32/filter-star.png",
"48": "https://gentleface.com/png/solid-soft/48/filter-star.png"
},
"solid-sharp": {
"16": "https://gentleface.com/png/solid-sharp/16/filter-star.png",
"32": "https://gentleface.com/png/solid-sharp/32/filter-star.png",
"48": "https://gentleface.com/png/solid-sharp/48/filter-star.png"
}
},
"npm": {
"react": "import { FilterStarIcon } from '@gentleface/react';",
"svg": "@gentleface/icons/svg/line-round/16/filter-star.svg",
"cdn": "https://cdn.jsdelivr.net/npm/@gentleface/icons@0.6.0/svg/line-round/16/filter-star.svg",
"version": "0.6.0"
},
"license": "MIT",
"author": "Alexander Kiselev",
"motion": {
"name": "filter-star-drip",
"does": "The star is tossed up off the funnel and falls back onto its badge, landing on one point and slapping flat. The blow jolts the funnel down and back, and shakes a drop out of its neck that falls away.",
"url": "https://gentleface.com/motion/filter-star-drip.svg",
"style": "line-round",
"size": 16,
"duration": 2.6,
"frames": [
0.25,
1.65
],
"svg": "",
"react": "// Gentleface \"filter-star\" animated (filter-star-drip), MIT. https://gentleface.com/icons/filter-star\n// Pass a ref to start and stop it: https://gentleface.com/animated-icons\nimport { forwardRef, type SVGProps } from 'react';\n\nexport const FilterStarDripIcon = forwardRef>(function FilterStarDripIcon(props, ref) {\n return (\n \n );\n});",
"how_to_play": "https://gentleface.com/animated-icons.md"
}
}