# bookmark-star icon

Bookmark star. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/bookmark-star

- Category: Social & emotions
- Use it for: favorite bookmark, starred bookmark, loved bookmark
- Example: Mark a bookmark as favorite
- Built from: bookmark + star
- Tags: bookmark, save, later, ribbon, star
- Family: bookmark, bookmark-alert, bookmark-check, bookmark-heart, bookmark-link, bookmark-off, bookmark-pencil, bookmark-plus, bookmark-search, bookmark-sync, bookmark-tag, bookmark-x, bookmarks
- Component name: BookmarkStarIcon
- Added: 2026-11-06
- Since: version 0.4.0
- npm: `import { BookmarkStarIcon } from '@gentleface/react';` (@gentleface/react 0.6.0)

## Alternatives

- `bookmark-heart`: variant of bookmark-star: bookmark + heart: heart convention of favorite (S6

## Files

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too.

- line-round: https://gentleface.com/svg/line-round/16/bookmark-star.svg · PNG https://gentleface.com/png/line-round/16/bookmark-star.png · https://gentleface.com/png/line-round/32/bookmark-star.png · https://gentleface.com/png/line-round/48/bookmark-star.png
- line-soft: https://gentleface.com/svg/line-soft/16/bookmark-star.svg · PNG https://gentleface.com/png/line-soft/16/bookmark-star.png · https://gentleface.com/png/line-soft/32/bookmark-star.png · https://gentleface.com/png/line-soft/48/bookmark-star.png
- line-sharp: https://gentleface.com/svg/line-sharp/16/bookmark-star.svg · PNG https://gentleface.com/png/line-sharp/16/bookmark-star.png · https://gentleface.com/png/line-sharp/32/bookmark-star.png · https://gentleface.com/png/line-sharp/48/bookmark-star.png
- solid-round: https://gentleface.com/svg/solid-round/16/bookmark-star.svg · PNG https://gentleface.com/png/solid-round/16/bookmark-star.png · https://gentleface.com/png/solid-round/32/bookmark-star.png · https://gentleface.com/png/solid-round/48/bookmark-star.png
- solid-soft: https://gentleface.com/svg/solid-soft/16/bookmark-star.svg · PNG https://gentleface.com/png/solid-soft/16/bookmark-star.png · https://gentleface.com/png/solid-soft/32/bookmark-star.png · https://gentleface.com/png/solid-soft/48/bookmark-star.png
- solid-sharp: https://gentleface.com/svg/solid-sharp/16/bookmark-star.svg · PNG https://gentleface.com/png/solid-sharp/16/bookmark-star.png · https://gentleface.com/png/solid-sharp/32/bookmark-star.png · https://gentleface.com/png/solid-sharp/48/bookmark-star.png

The SVG of every style: https://gentleface.com/icons/bookmark-star.json (`svg`).

## Animated

`bookmark-star-dip`: The star is tossed up and falls back onto its badge, landing on one point and slapping flat. The bookmark dips under the weight, its forked tail stretching down, then springs back and settles.

File: https://gentleface.com/motion/bookmark-star-dip.svg (line-round, 16 px). Native SVG animation that loops by itself. To play it once, run 0.25 s to 1.55 s. Patterns: https://gentleface.com/animated-icons.md

```svg
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.001" stroke-linecap="round" stroke-linejoin="round"><path d="M8.5 11.311L8.5 11.5L5.854 8.854C5.658 8.658 5.342 8.658 5.146 8.854L2.5 11.5L2.5 3C2.5 2.172 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.172 8.5 3L8.5 11.311" stroke-dasharray="25.32 34.96" stroke-dashoffset="-3.82"><animate attributeName="d" dur="2.6s" repeatCount="indefinite" keyTimes="0;0.115;0.125;0.134;0.144;0.153;0.163;0.172;0.182;0.191;0.201;0.21;0.22;0.229;0.239;0.248;0.258;0.267;0.277;0.286;0.296;0.305;0.315;0.324;0.334;0.343;0.353;0.362;0.362;0.371;0.372;0.381;0.381;0.391;0.4;0.401;0.41;0.411;0.419;0.42;0.429;0.43;0.438;0.44;0.45;0.46;0.469;0.479;0.489;0.499;0.509;0.518;0.528;0.538;0.548;0.558;1" values="M8.5 11.311L8.5 11.5L5.854 8.854C5.658 8.658 5.342 8.658 5.146 8.854L2.5 11.5L2.5 3C2.5 2.172 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.172 8.5 3L8.5 11.311;M8.5 11.311L8.5 11.5L5.854 8.854C5.658 8.658 5.342 8.658 5.146 8.854L2.5 11.5L2.5 3C2.5 2.172 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.172 8.5 3L8.5 11.311;M8.5 11.311L8.5 11.5L5.854 8.854C5.658 8.658 5.342 8.658 5.146 8.854L2.5 11.5L2.5 3C2.5 2.172 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.172 8.5 3L8.5 11.311;M8.5 11.311L8.5 11.5L5.854 8.854C5.658 8.658 5.342 8.658 5.146 8.854L2.5 11.5L2.5 3C2.5 2.172 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.172 8.5 3L8.5 11.311;M8.5 11.311L8.5 11.5L5.854 8.854C5.658 8.658 5.342 8.658 5.146 8.854L2.5 11.5L2.5 3C2.5 2.172 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.172 8.5 3L8.5 11.311;M8.5 11.311L8.5 11.5L5.854 8.854C5.658 8.658 5.342 8.658 5.146 8.854L2.5 11.5L2.5 3C2.5 2.172 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.172 8.5 3L8.5 11.311;M8.5 11.311L8.5 11.5L5.854 8.854C5.658 8.658 5.342 8.658 5.146 8.854L2.5 11.5L2.5 3C2.5 2.172 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.172 8.5 3L8.5 11.311;M8.5 11.311L8.5 11.5L5.854 8.854C5.658 8.658 5.342 8.658 5.146 8.854L2.5 11.5L2.5 3C2.5 2.172 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.172 8.5 3L8.5 11.311;M8.5 11.311L8.5 11.5L5.854 8.854C5.658 8.658 5.342 8.658 5.146 8.854L2.5 11.5L2.5 3C2.5 2.172 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.172 8.5 3L8.5 11.311;M8.5 11.311L8.5 11.5L5.854 8.854C5.658 8.658 5.342 8.658 5.146 8.854L2.5 11.5L2.5 3C2.5 2.172 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.172 8.5 3L8.5 11.311;M8.5 11.311L8.5 11.5L5.854 8.854C5.658 8.658 5.342 8.658 5.146 8.854L2.5 11.5L2.5 3C2.5 2.172 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.172 8.5 3L8.5 11.311;M8.5 11.311L8.5 11.5L5.854 8.854C5.658 8.658 5.342 8.658 5.146 8.854L2.5 11.5L2.5 3C2.5 2.172 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.172 8.5 3L8.5 11.311;M8.5 11.311L8.5 11.5L5.854 8.854C5.658 8.658 5.342 8.658 5.146 8.854L2.5 11.5L2.5 3C2.5 2.172 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.172 8.5 3L8.5 11.311;M8.5 11.311L8.5 11.5L5.854 8.854C5.658 8.658 5.342 8.658 5.146 8.854L2.5 11.5L2.5 3C2.5 2.172 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.172 8.5 3L8.5 11.311;M8.5 11.311L8.5 11.5L5.854 8.854C5.658 8.658 5.342 8.658 5.146 8.854L2.5 11.5L2.5 3C2.5 2.172 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.172 8.5 3L8.5 11.311;M8.5 11.311L8.5 11.5L5.854 8.854C5.658 8.658 5.342 8.658 5.146 8.854L2.5 11.5L2.5 3C2.5 2.172 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.172 8.5 3L8.5 11.311;M8.5 11.311L8.5 11.5L5.854 8.854C5.658 8.658 5.342 8.658 5.146 8.854L2.5 11.5L2.5 3C2.5 2.172 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.172 8.5 3L8.5 11.311;M8.5 11.311L8.5 11.5L5.854 8.854C5.658 8.658 5.342 8.658 5.146 8.854L2.5 11.5L2.5 3C2.5 2.172 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.172 8.5 3L8.5 11.311;M8.5 11.311L8.5 11.5L5.854 8.854C5.658 8.658 5.342 8.658 5.146 8.854L2.5 11.5L2.5 3C2.5 2.172 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.172 8.5 3L8.5 11.311;M8.5 11.311L8.5 11.5L5.854 8.854C5.658 8.658 5.342 8.658 5.146 8.854L2.5 11.5L2.5 3C2.5 2.172 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.172 8.5 3L8.5 11.311;M8.5 11.311L8.5 11.5L5.854 8.854C5.658 8.658 5.342 8.658 5.146 8.854L2.5 11.5L2.5 3C2.5 2.172 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.172 8.5 3L8.5 11.311;M8.5 11.311L8.5 11.5L5.854 8.854C5.658 8.658 5.342 8.658 5.146 8.854L2.5 11.5L2.5 3C2.5 2.172 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.172 8.5 3L8.5 11.311;M8.5 11.311L8.5 11.5L5.854 8.854C5.658 8.658 5.342 8.658 5.146 8.854L2.5 11.5L2.5 3C2.5 2.172 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.172 8.5 3L8.5 11.311;M8.5 11.311L8.5 11.5L5.854 8.854C5.658 8.658 5.342 8.658 5.146 8.854L2.5 11.5L2.5 3C2.5 2.172 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.172 8.5 3L8.5 11.311;M8.5 11.311L8.5 11.5L5.854 8.854C5.658 8.658 5.342 8.658 5.146 8.854L2.5 11.5L2.5 3C2.5 2.172 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.172 8.5 3L8.5 11.311;M8.5 11.311L8.5 11.5L5.854 8.854C5.658 8.658 5.342 8.658 5.146 8.854L2.5 11.5L2.5 3C2.5 2.172 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.172 8.5 3L8.5 11.311;M8.5 11.311L8.5 11.5L5.854 8.854C5.658 8.658 5.342 8.658 5.146 8.854L2.5 11.5L2.5 3C2.5 2.172 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.172 8.5 3L8.5 11.311;M8.5 11.311L8.5 11.5L5.854 8.854C5.658 8.658 5.342 8.658 5.146 8.854L2.5 11.5L2.5 3C2.5 2.172 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.172 8.5 3L8.5 11.311;M8.5 11.403L8.5 11.594L5.854 8.923C5.658 8.725 5.342 8.725 5.146 8.923L2.5 11.594L2.5 3.014C2.5 2.178 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.178 8.5 3.014L8.5 11.403;M8.5 11.905L8.5 12.106L5.854 9.299C5.658 9.092 5.342 9.092 5.146 9.299L2.5 12.106L2.5 3.091C2.5 2.213 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.213 8.5 3.091L8.5 11.905;M8.5 11.921L8.5 12.121L5.854 9.311C5.658 9.103 5.342 9.103 5.146 9.311L2.5 12.121L2.5 3.093C2.5 2.214 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.214 8.5 3.093L8.5 11.921;M8.5 12.046L8.5 12.249L5.854 9.405C5.658 9.194 5.342 9.194 5.146 9.405L2.5 12.249L2.5 3.112C2.5 2.222 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.222 8.5 3.112L8.5 12.046;M8.5 12.048L8.5 12.252L5.854 9.407C5.658 9.196 5.342 9.196 5.146 9.407L2.5 12.252L2.5 3.113C2.5 2.223 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.223 8.5 3.113L8.5 12.048;M8.5 12.088L8.5 12.292L5.854 9.436C5.658 9.225 5.342 9.225 5.146 9.436L2.5 12.292L2.5 3.119C2.5 2.225 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.225 8.5 3.119L8.5 12.088;M8.5 12.096L8.5 12.3L5.854 9.442C5.658 9.231 5.342 9.231 5.146 9.442L2.5 12.3L2.5 3.12C2.5 2.226 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.226 8.5 3.12L8.5 12.096;M8.5 12.095L8.5 12.3L5.854 9.442C5.658 9.23 5.342 9.23 5.146 9.442L2.5 12.3L2.5 3.12C2.5 2.226 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.226 8.5 3.12L8.5 12.095;M8.5 12.034L8.5 12.236L5.854 9.396C5.658 9.185 5.342 9.185 5.146 9.396L2.5 12.236L2.5 3.11C2.5 2.221 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.221 8.5 3.11L8.5 12.034;M8.5 12.026L8.5 12.229L5.854 9.39C5.658 9.179 5.342 9.179 5.146 9.39L2.5 12.229L2.5 3.109C2.5 2.221 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.221 8.5 3.109L8.5 12.026;M8.5 11.871L8.5 12.07L5.854 9.273C5.658 9.066 5.342 9.066 5.146 9.273L2.5 12.07L2.5 3.086C2.5 2.21 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.21 8.5 3.086L8.5 11.871;M8.5 11.85L8.5 12.05L5.854 9.258C5.658 9.052 5.342 9.052 5.146 9.258L2.5 12.05L2.5 3.082C2.5 2.209 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.209 8.5 3.082L8.5 11.85;M8.5 11.642L8.5 11.837L5.854 9.102C5.658 8.9 5.342 8.9 5.146 9.102L2.5 11.837L2.5 3.051C2.5 2.195 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.195 8.5 3.051L8.5 11.642;M8.5 11.61L8.5 11.805L5.854 9.078C5.658 8.876 5.342 8.876 5.146 9.078L2.5 11.805L2.5 3.046C2.5 2.193 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.193 8.5 3.046L8.5 11.61;M8.5 11.402L8.5 11.593L5.854 8.922C5.658 8.725 5.342 8.725 5.146 8.922L2.5 11.593L2.5 3.014C2.5 2.178 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.178 8.5 3.014L8.5 11.402;M8.5 11.366L8.5 11.557L5.854 8.896C5.658 8.698 5.342 8.698 5.146 8.896L2.5 11.557L2.5 3.008C2.5 2.176 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.176 8.5 3.008L8.5 11.366;M8.5 11.181L8.5 11.367L5.854 8.757C5.658 8.563 5.342 8.563 5.146 8.757L2.5 11.367L2.5 2.98C2.5 2.163 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.163 8.5 2.98L8.5 11.181;M8.5 11.098L8.5 11.282L5.854 8.694C5.658 8.502 5.342 8.502 5.146 8.694L2.5 11.282L2.5 2.967C2.5 2.157 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.157 8.5 2.967L8.5 11.098;M8.5 11.11L8.5 11.295L5.854 8.703C5.658 8.512 5.342 8.512 5.146 8.703L2.5 11.295L2.5 2.969C2.5 2.158 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.158 8.5 2.969L8.5 11.11;M8.5 11.166L8.5 11.352L5.854 8.746C5.658 8.552 5.342 8.552 5.146 8.746L2.5 11.352L2.5 2.978C2.5 2.162 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.162 8.5 2.978L8.5 11.166;M8.5 11.247L8.5 11.435L5.854 8.806C5.658 8.612 5.342 8.612 5.146 8.806L2.5 11.435L2.5 2.99C2.5 2.168 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.168 8.5 2.99L8.5 11.247;M8.5 11.327L8.5 11.516L5.854 8.866C5.658 8.669 5.342 8.669 5.146 8.866L2.5 11.516L2.5 3.002C2.5 2.173 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.173 8.5 3.002L8.5 11.327;M8.5 11.378L8.5 11.569L5.854 8.905C5.658 8.707 5.342 8.707 5.146 8.905L2.5 11.569L2.5 3.01C2.5 2.177 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.177 8.5 3.01L8.5 11.378;M8.5 11.388L8.5 11.579L5.854 8.912C5.658 8.714 5.342 8.714 5.146 8.912L2.5 11.579L2.5 3.012C2.5 2.177 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.177 8.5 3.012L8.5 11.388;M8.5 11.37L8.5 11.56L5.854 8.898C5.658 8.701 5.342 8.701 5.146 8.898L2.5 11.56L2.5 3.009C2.5 2.176 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.176 8.5 3.009L8.5 11.37;M8.5 11.339L8.5 11.529L5.854 8.875C5.658 8.679 5.342 8.679 5.146 8.875L2.5 11.529L2.5 3.004C2.5 2.174 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.174 8.5 3.004L8.5 11.339;M8.5 11.315L8.5 11.505L5.854 8.857C5.658 8.661 5.342 8.661 5.146 8.857L2.5 11.505L2.5 3.001C2.5 2.172 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.172 8.5 3.001L8.5 11.315;M8.5 11.311L8.5 11.5L5.854 8.854C5.658 8.658 5.342 8.658 5.146 8.854L2.5 11.5L2.5 3C2.5 2.172 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.172 8.5 3L8.5 11.311;M8.5 11.311L8.5 11.5L5.854 8.854C5.658 8.658 5.342 8.658 5.146 8.854L2.5 11.5L2.5 3C2.5 2.172 3.172 1.5 4 1.5L5.5 1.5L7 1.5C7.828 1.5 8.5 2.172 8.5 3L8.5 11.311"/><animate attributeName="stroke-dasharray" dur="2.6s" repeatCount="indefinite" keyTimes="0;0.115;0.125;0.134;0.144;0.153;0.163;0.172;0.182;0.191;0.201;0.21;0.22;0.229;0.239;0.248;0.258;0.267;0.277;0.286;0.296;0.305;0.315;0.324;0.334;0.343;0.353;0.362;0.362;0.371;0.372;0.381;0.381;0.391;0.4;0.401;0.41;0.411;0.419;0.42;0.429;0.43;0.438;0.44;0.45;0.46;0.469;0.479;0.489;0.499;0.509;0.518;0.528;0.538;0.548;0.558;1" values="25.32 34.96;25.32 34.96;25.079 34.96;24.934 34.96;24.821 34.96;24.712 34.96;24.612 34.96;24.521 34.96;23.445 34.96;23.383 34.96;23.338 34.96;23.315 34.96;23.311 34.96;23.311 34.96;23.311 34.96;23.311 34.96;23.313 34.96;23.328 34.96;24.369 34.96;24.453 34.96;24.622 34.96;25.017 34.96;25.248 34.96;25.241 34.96;25.227 34.96;25.215 34.96;25.223 34.96;25.32 34.96;25.355 35.184;25.506 36.378;25.511 36.412;24.551 36.713;25.58 36.719;25.606 36.813;25.614 36.832;25.614 36.832;24.562 36.682;24.566 36.666;25.471 36.294;25.461 36.247;25.396 35.749;25.398 35.675;26.403 35.182;26.38 35.099;25.259 34.651;26.212 34.454;26.219 34.484;25.251 34.616;26.299 34.809;26.356 35.003;26.387 35.126;25.394 35.15;26.382 35.105;25.362 35.033;25.32 34.978;25.32 34.96;25.32 34.96"/><animate attributeName="stroke-dashoffset" dur="2.6s" repeatCount="indefinite" keyTimes="0;0.115;0.125;0.134;0.144;0.153;0.163;0.172;0.182;0.191;0.201;0.21;0.22;0.229;0.239;0.248;0.258;0.267;0.277;0.286;0.296;0.305;0.315;0.324;0.334;0.343;0.353;0.362;0.362;0.371;0.372;0.381;0.381;0.391;0.4;0.401;0.41;0.411;0.419;0.42;0.429;0.43;0.438;0.44;0.45;0.46;0.469;0.479;0.489;0.499;0.509;0.518;0.528;0.538;0.548;0.558;1" values="-3.82;-3.82;-4.07;-4.215;-4.329;-4.438;-4.537;-4.628;-4.705;-4.766;-4.811;-4.834;-4.838;-4.838;-4.838;-4.838;-4.837;-4.821;-4.78;-4.696;-4.527;-4.132;-3.901;-3.908;-3.922;-3.934;-3.926;-3.82;-3.926;-4.467;-4.48;-4.589;-4.592;-4.619;-4.622;-4.623;-4.578;-4.574;-4.452;-4.436;-4.211;-4.167;-3.877;-3.852;-3.711;-3.644;-3.655;-3.699;-3.763;-3.82;-3.861;-3.867;-3.853;-3.832;-3.82;-3.82;-3.82"/></path><g><animateTransform attributeName="transform" type="translate" dur="2.6s" repeatCount="indefinite" keyTimes="0;0.115;0.215;0.254;0.308;0.362;0.396;0.435;1" values="0 0;0 0;0 -1;0 -1;0 0;0 0;0 -.4;0 0;0 0" calcMode="spline" keySplines="0 0 1 1;.15 .75 .25 1;0 0 1 1;.6 0 .9 .4;0 0 1 1;.15 .75 .25 1;.6 0 .9 .4;0 0 1 1"/><g><animateTransform attributeName="transform" type="rotate" dur="2.6s" repeatCount="indefinite" keyTimes="0;0.115;0.215;0.308;0.362;0.396;0.435;1" values="0 8.5 15.5;0 8.5 15.5;-7 8.5 15.5;-7 8.5 15.5;0 8.5 15.5;-2 8.5 15.5;0 8.5 15.5;0 8.5 15.5" calcMode="spline" keySplines="0 0 1 1;.37 0 .63 1;0 0 1 1;.6 0 .9 .4;.15 .75 .25 1;.6 0 .9 .4;0 0 1 1"/><path fill="currentColor" stroke="none" d="M14.793 10C14.895 10 14.988 10.028 15.071 10.084C15.155 10.139 15.216 10.214 15.255 10.309C15.294 10.403 15.304 10.499 15.284 10.598C15.265 10.696 15.219 10.781 15.146 10.854L13.719 12.281C13.652 12.348 13.607 12.428 13.585 12.52C13.564 12.612 13.568 12.703 13.598 12.793L14.049 14.147C14.082 14.247 14.084 14.346 14.053 14.446C14.023 14.545 13.965 14.626 13.882 14.69C13.798 14.754 13.704 14.788 13.6 14.791C13.497 14.795 13.401 14.767 13.313 14.709L11.777 13.685C11.693 13.629 11.601 13.601 11.5 13.601C11.399 13.601 11.307 13.629 11.223 13.685L9.687 14.709C9.599 14.767 9.503 14.795 9.4 14.791C9.296 14.788 9.202 14.754 9.118 14.69C9.035 14.626 8.977 14.545 8.947 14.446C8.916 14.346 8.918 14.247 8.951 14.147L9.402 12.793C9.432 12.703 9.436 12.612 9.415 12.52C9.393 12.428 9.348 12.348 9.281 12.281L7.854 10.854C7.781 10.781 7.735 10.696 7.716 10.598C7.696 10.499 7.706 10.403 7.745 10.309C7.784 10.214 7.845 10.139 7.929 10.084C8.012 10.028 8.105 10 8.207 10L10.14 10C10.247 10 10.345 9.969 10.432 9.906C10.519 9.843 10.58 9.76 10.614 9.658L11.057 8.329C11.089 8.233 11.145 8.156 11.227 8.098C11.308 8.039 11.399 8.01 11.5 8.01C11.601 8.01 11.692 8.039 11.773 8.098C11.855 8.156 11.911 8.233 11.943 8.329L12.386 9.658C12.42 9.76 12.481 9.843 12.568 9.906C12.655 9.969 12.753 10 12.86 10L14.793 10Z"></path></g></g></svg>
```

## Code (line-round)

The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. For another style, take its SVG from the JSON and swap the path `d`.

### SVG

```svg
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M2.854 11.854C2.754 11.953 2.636 12.003 2.5 12.003C2.364 12.003 2.246 11.953 2.146 11.854C2.049 11.756 2 11.638 2 11.5L2 3C2 2.746 2.047 2.5 2.14 2.264C2.242 2.007 2.391 1.781 2.586 1.586C2.781 1.391 3.007 1.242 3.264 1.14C3.5 1.047 3.746 1 4 1L7 1C7.254 1 7.5 1.047 7.736 1.14C7.993 1.242 8.219 1.391 8.414 1.586C8.609 1.781 8.758 2.007 8.86 2.264C8.953 2.5 9 2.746 9 3L9 7.5C9 7.641 8.952 7.759 8.856 7.856C8.759 7.952 8.641 8 8.5 8C8.359 8 8.241 7.952 8.144 7.856C8.048 7.759 8 7.641 8 7.5L8 3C8 2.724 7.902 2.488 7.707 2.293C7.512 2.098 7.276 2 7 2L4 2C3.724 2 3.488 2.098 3.293 2.293C3.098 2.488 3 2.724 3 3L3 10.293L4.793 8.5C4.988 8.305 5.224 8.207 5.5 8.207C5.776 8.207 6.012 8.305 6.207 8.5L6.293 8.586C6.392 8.685 6.442 8.803 6.442 8.939C6.442 9.075 6.392 9.193 6.293 9.293C6.195 9.39 6.077 9.439 5.939 9.439C5.801 9.439 5.683 9.39 5.586 9.293L5.5 9.207L2.854 11.854ZM15.071 10.084C15.155 10.139 15.216 10.214 15.255 10.309C15.294 10.403 15.304 10.499 15.284 10.598C15.265 10.696 15.219 10.781 15.146 10.854L13.719 12.281C13.652 12.348 13.607 12.428 13.585 12.52C13.564 12.612 13.568 12.703 13.598 12.793L14.049 14.147C14.082 14.247 14.084 14.346 14.053 14.446C14.023 14.545 13.965 14.626 13.882 14.69C13.798 14.754 13.704 14.788 13.6 14.791C13.497 14.795 13.401 14.767 13.313 14.709L11.777 13.685C11.693 13.629 11.601 13.601 11.5 13.601C11.399 13.601 11.307 13.629 11.223 13.685L9.687 14.709C9.599 14.767 9.503 14.795 9.4 14.791C9.296 14.788 9.202 14.754 9.118 14.69C9.035 14.626 8.977 14.545 8.947 14.446C8.916 14.346 8.918 14.247 8.951 14.147L9.402 12.793C9.432 12.703 9.436 12.612 9.415 12.52C9.393 12.428 9.348 12.348 9.281 12.281L7.854 10.854C7.781 10.781 7.735 10.696 7.716 10.598C7.696 10.499 7.706 10.403 7.745 10.309C7.784 10.214 7.845 10.139 7.929 10.084C8.012 10.028 8.105 10 8.207 10L10.14 10C10.247 10 10.345 9.969 10.432 9.906C10.519 9.843 10.58 9.76 10.614 9.658L11.057 8.329C11.089 8.233 11.145 8.156 11.227 8.098C11.308 8.039 11.399 8.01 11.5 8.01C11.601 8.01 11.692 8.039 11.773 8.098C11.855 8.156 11.911 8.233 11.943 8.329L12.386 9.658C12.42 9.76 12.481 9.843 12.568 9.906C12.655 9.969 12.753 10 12.86 10L14.793 10C14.895 10 14.988 10.028 15.071 10.084Z"/></svg>
```

### React

```tsx
// Gentleface "bookmark-star" (line-round), MIT. https://gentleface.com/icons/bookmark-star
import type { SVGProps } from 'react';

export function BookmarkStarIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M2.854 11.854C2.754 11.953 2.636 12.003 2.5 12.003C2.364 12.003 2.246 11.953 2.146 11.854C2.049 11.756 2 11.638 2 11.5L2 3C2 2.746 2.047 2.5 2.14 2.264C2.242 2.007 2.391 1.781 2.586 1.586C2.781 1.391 3.007 1.242 3.264 1.14C3.5 1.047 3.746 1 4 1L7 1C7.254 1 7.5 1.047 7.736 1.14C7.993 1.242 8.219 1.391 8.414 1.586C8.609 1.781 8.758 2.007 8.86 2.264C8.953 2.5 9 2.746 9 3L9 7.5C9 7.641 8.952 7.759 8.856 7.856C8.759 7.952 8.641 8 8.5 8C8.359 8 8.241 7.952 8.144 7.856C8.048 7.759 8 7.641 8 7.5L8 3C8 2.724 7.902 2.488 7.707 2.293C7.512 2.098 7.276 2 7 2L4 2C3.724 2 3.488 2.098 3.293 2.293C3.098 2.488 3 2.724 3 3L3 10.293L4.793 8.5C4.988 8.305 5.224 8.207 5.5 8.207C5.776 8.207 6.012 8.305 6.207 8.5L6.293 8.586C6.392 8.685 6.442 8.803 6.442 8.939C6.442 9.075 6.392 9.193 6.293 9.293C6.195 9.39 6.077 9.439 5.939 9.439C5.801 9.439 5.683 9.39 5.586 9.293L5.5 9.207L2.854 11.854ZM15.071 10.084C15.155 10.139 15.216 10.214 15.255 10.309C15.294 10.403 15.304 10.499 15.284 10.598C15.265 10.696 15.219 10.781 15.146 10.854L13.719 12.281C13.652 12.348 13.607 12.428 13.585 12.52C13.564 12.612 13.568 12.703 13.598 12.793L14.049 14.147C14.082 14.247 14.084 14.346 14.053 14.446C14.023 14.545 13.965 14.626 13.882 14.69C13.798 14.754 13.704 14.788 13.6 14.791C13.497 14.795 13.401 14.767 13.313 14.709L11.777 13.685C11.693 13.629 11.601 13.601 11.5 13.601C11.399 13.601 11.307 13.629 11.223 13.685L9.687 14.709C9.599 14.767 9.503 14.795 9.4 14.791C9.296 14.788 9.202 14.754 9.118 14.69C9.035 14.626 8.977 14.545 8.947 14.446C8.916 14.346 8.918 14.247 8.951 14.147L9.402 12.793C9.432 12.703 9.436 12.612 9.415 12.52C9.393 12.428 9.348 12.348 9.281 12.281L7.854 10.854C7.781 10.781 7.735 10.696 7.716 10.598C7.696 10.499 7.706 10.403 7.745 10.309C7.784 10.214 7.845 10.139 7.929 10.084C8.012 10.028 8.105 10 8.207 10L10.14 10C10.247 10 10.345 9.969 10.432 9.906C10.519 9.843 10.58 9.76 10.614 9.658L11.057 8.329C11.089 8.233 11.145 8.156 11.227 8.098C11.308 8.039 11.399 8.01 11.5 8.01C11.601 8.01 11.692 8.039 11.773 8.098C11.855 8.156 11.911 8.233 11.943 8.329L12.386 9.658C12.42 9.76 12.481 9.843 12.568 9.906C12.655 9.969 12.753 10 12.86 10L14.793 10C14.895 10 14.988 10.028 15.071 10.084Z" />
    </svg>
  );
}
```

### Vue

```vue
<!-- Gentleface "bookmark-star" (line-round), MIT. https://gentleface.com/icons/bookmark-star -->
<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true">
    <path d="M2.854 11.854C2.754 11.953 2.636 12.003 2.5 12.003C2.364 12.003 2.246 11.953 2.146 11.854C2.049 11.756 2 11.638 2 11.5L2 3C2 2.746 2.047 2.5 2.14 2.264C2.242 2.007 2.391 1.781 2.586 1.586C2.781 1.391 3.007 1.242 3.264 1.14C3.5 1.047 3.746 1 4 1L7 1C7.254 1 7.5 1.047 7.736 1.14C7.993 1.242 8.219 1.391 8.414 1.586C8.609 1.781 8.758 2.007 8.86 2.264C8.953 2.5 9 2.746 9 3L9 7.5C9 7.641 8.952 7.759 8.856 7.856C8.759 7.952 8.641 8 8.5 8C8.359 8 8.241 7.952 8.144 7.856C8.048 7.759 8 7.641 8 7.5L8 3C8 2.724 7.902 2.488 7.707 2.293C7.512 2.098 7.276 2 7 2L4 2C3.724 2 3.488 2.098 3.293 2.293C3.098 2.488 3 2.724 3 3L3 10.293L4.793 8.5C4.988 8.305 5.224 8.207 5.5 8.207C5.776 8.207 6.012 8.305 6.207 8.5L6.293 8.586C6.392 8.685 6.442 8.803 6.442 8.939C6.442 9.075 6.392 9.193 6.293 9.293C6.195 9.39 6.077 9.439 5.939 9.439C5.801 9.439 5.683 9.39 5.586 9.293L5.5 9.207L2.854 11.854ZM15.071 10.084C15.155 10.139 15.216 10.214 15.255 10.309C15.294 10.403 15.304 10.499 15.284 10.598C15.265 10.696 15.219 10.781 15.146 10.854L13.719 12.281C13.652 12.348 13.607 12.428 13.585 12.52C13.564 12.612 13.568 12.703 13.598 12.793L14.049 14.147C14.082 14.247 14.084 14.346 14.053 14.446C14.023 14.545 13.965 14.626 13.882 14.69C13.798 14.754 13.704 14.788 13.6 14.791C13.497 14.795 13.401 14.767 13.313 14.709L11.777 13.685C11.693 13.629 11.601 13.601 11.5 13.601C11.399 13.601 11.307 13.629 11.223 13.685L9.687 14.709C9.599 14.767 9.503 14.795 9.4 14.791C9.296 14.788 9.202 14.754 9.118 14.69C9.035 14.626 8.977 14.545 8.947 14.446C8.916 14.346 8.918 14.247 8.951 14.147L9.402 12.793C9.432 12.703 9.436 12.612 9.415 12.52C9.393 12.428 9.348 12.348 9.281 12.281L7.854 10.854C7.781 10.781 7.735 10.696 7.716 10.598C7.696 10.499 7.706 10.403 7.745 10.309C7.784 10.214 7.845 10.139 7.929 10.084C8.012 10.028 8.105 10 8.207 10L10.14 10C10.247 10 10.345 9.969 10.432 9.906C10.519 9.843 10.58 9.76 10.614 9.658L11.057 8.329C11.089 8.233 11.145 8.156 11.227 8.098C11.308 8.039 11.399 8.01 11.5 8.01C11.601 8.01 11.692 8.039 11.773 8.098C11.855 8.156 11.911 8.233 11.943 8.329L12.386 9.658C12.42 9.76 12.481 9.843 12.568 9.906C12.655 9.969 12.753 10 12.86 10L14.793 10C14.895 10 14.988 10.028 15.071 10.084Z" />
  </svg>
</template>
```

### Svelte

```svelte
<!-- Gentleface "bookmark-star" (line-round), MIT. https://gentleface.com/icons/bookmark-star -->
<script>
  let props = $props();
</script>

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
  <path d="M2.854 11.854C2.754 11.953 2.636 12.003 2.5 12.003C2.364 12.003 2.246 11.953 2.146 11.854C2.049 11.756 2 11.638 2 11.5L2 3C2 2.746 2.047 2.5 2.14 2.264C2.242 2.007 2.391 1.781 2.586 1.586C2.781 1.391 3.007 1.242 3.264 1.14C3.5 1.047 3.746 1 4 1L7 1C7.254 1 7.5 1.047 7.736 1.14C7.993 1.242 8.219 1.391 8.414 1.586C8.609 1.781 8.758 2.007 8.86 2.264C8.953 2.5 9 2.746 9 3L9 7.5C9 7.641 8.952 7.759 8.856 7.856C8.759 7.952 8.641 8 8.5 8C8.359 8 8.241 7.952 8.144 7.856C8.048 7.759 8 7.641 8 7.5L8 3C8 2.724 7.902 2.488 7.707 2.293C7.512 2.098 7.276 2 7 2L4 2C3.724 2 3.488 2.098 3.293 2.293C3.098 2.488 3 2.724 3 3L3 10.293L4.793 8.5C4.988 8.305 5.224 8.207 5.5 8.207C5.776 8.207 6.012 8.305 6.207 8.5L6.293 8.586C6.392 8.685 6.442 8.803 6.442 8.939C6.442 9.075 6.392 9.193 6.293 9.293C6.195 9.39 6.077 9.439 5.939 9.439C5.801 9.439 5.683 9.39 5.586 9.293L5.5 9.207L2.854 11.854ZM15.071 10.084C15.155 10.139 15.216 10.214 15.255 10.309C15.294 10.403 15.304 10.499 15.284 10.598C15.265 10.696 15.219 10.781 15.146 10.854L13.719 12.281C13.652 12.348 13.607 12.428 13.585 12.52C13.564 12.612 13.568 12.703 13.598 12.793L14.049 14.147C14.082 14.247 14.084 14.346 14.053 14.446C14.023 14.545 13.965 14.626 13.882 14.69C13.798 14.754 13.704 14.788 13.6 14.791C13.497 14.795 13.401 14.767 13.313 14.709L11.777 13.685C11.693 13.629 11.601 13.601 11.5 13.601C11.399 13.601 11.307 13.629 11.223 13.685L9.687 14.709C9.599 14.767 9.503 14.795 9.4 14.791C9.296 14.788 9.202 14.754 9.118 14.69C9.035 14.626 8.977 14.545 8.947 14.446C8.916 14.346 8.918 14.247 8.951 14.147L9.402 12.793C9.432 12.703 9.436 12.612 9.415 12.52C9.393 12.428 9.348 12.348 9.281 12.281L7.854 10.854C7.781 10.781 7.735 10.696 7.716 10.598C7.696 10.499 7.706 10.403 7.745 10.309C7.784 10.214 7.845 10.139 7.929 10.084C8.012 10.028 8.105 10 8.207 10L10.14 10C10.247 10 10.345 9.969 10.432 9.906C10.519 9.843 10.58 9.76 10.614 9.658L11.057 8.329C11.089 8.233 11.145 8.156 11.227 8.098C11.308 8.039 11.399 8.01 11.5 8.01C11.601 8.01 11.692 8.039 11.773 8.098C11.855 8.156 11.911 8.233 11.943 8.329L12.386 9.658C12.42 9.76 12.481 9.843 12.568 9.906C12.655 9.969 12.753 10 12.86 10L14.793 10C14.895 10 14.988 10.028 15.071 10.084Z" />
</svg>
```

### HTML img

```html
<!-- Gentleface "bookmark-star" (line-round), MIT. https://gentleface.com/icons/bookmark-star. An <img> can't take currentColor: it draws black. Inline the SVG or use the CSS mask to color it. -->
<img src="https://gentleface.com/svg/line-round/16/bookmark-star.svg" width="16" height="16" alt="">
```

### CSS

```css
/* Gentleface "bookmark-star" (line-round), MIT. https://gentleface.com/icons/bookmark-star. Takes the text color. */
.icon-bookmark-star {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M2.854 11.854C2.754 11.953 2.636 12.003 2.5 12.003C2.364 12.003 2.246 11.953 2.146 11.854C2.049 11.756 2 11.638 2 11.5L2 3C2 2.746 2.047 2.5 2.14 2.264C2.242 2.007 2.391 1.781 2.586 1.586C2.781 1.391 3.007 1.242 3.264 1.14C3.5 1.047 3.746 1 4 1L7 1C7.254 1 7.5 1.047 7.736 1.14C7.993 1.242 8.219 1.391 8.414 1.586C8.609 1.781 8.758 2.007 8.86 2.264C8.953 2.5 9 2.746 9 3L9 7.5C9 7.641 8.952 7.759 8.856 7.856C8.759 7.952 8.641 8 8.5 8C8.359 8 8.241 7.952 8.144 7.856C8.048 7.759 8 7.641 8 7.5L8 3C8 2.724 7.902 2.488 7.707 2.293C7.512 2.098 7.276 2 7 2L4 2C3.724 2 3.488 2.098 3.293 2.293C3.098 2.488 3 2.724 3 3L3 10.293L4.793 8.5C4.988 8.305 5.224 8.207 5.5 8.207C5.776 8.207 6.012 8.305 6.207 8.5L6.293 8.586C6.392 8.685 6.442 8.803 6.442 8.939C6.442 9.075 6.392 9.193 6.293 9.293C6.195 9.39 6.077 9.439 5.939 9.439C5.801 9.439 5.683 9.39 5.586 9.293L5.5 9.207L2.854 11.854ZM15.071 10.084C15.155 10.139 15.216 10.214 15.255 10.309C15.294 10.403 15.304 10.499 15.284 10.598C15.265 10.696 15.219 10.781 15.146 10.854L13.719 12.281C13.652 12.348 13.607 12.428 13.585 12.52C13.564 12.612 13.568 12.703 13.598 12.793L14.049 14.147C14.082 14.247 14.084 14.346 14.053 14.446C14.023 14.545 13.965 14.626 13.882 14.69C13.798 14.754 13.704 14.788 13.6 14.791C13.497 14.795 13.401 14.767 13.313 14.709L11.777 13.685C11.693 13.629 11.601 13.601 11.5 13.601C11.399 13.601 11.307 13.629 11.223 13.685L9.687 14.709C9.599 14.767 9.503 14.795 9.4 14.791C9.296 14.788 9.202 14.754 9.118 14.69C9.035 14.626 8.977 14.545 8.947 14.446C8.916 14.346 8.918 14.247 8.951 14.147L9.402 12.793C9.432 12.703 9.436 12.612 9.415 12.52C9.393 12.428 9.348 12.348 9.281 12.281L7.854 10.854C7.781 10.781 7.735 10.696 7.716 10.598C7.696 10.499 7.706 10.403 7.745 10.309C7.784 10.214 7.845 10.139 7.929 10.084C8.012 10.028 8.105 10 8.207 10L10.14 10C10.247 10 10.345 9.969 10.432 9.906C10.519 9.843 10.58 9.76 10.614 9.658L11.057 8.329C11.089 8.233 11.145 8.156 11.227 8.098C11.308 8.039 11.399 8.01 11.5 8.01C11.601 8.01 11.692 8.039 11.773 8.098C11.855 8.156 11.911 8.233 11.943 8.329L12.386 9.658C12.42 9.76 12.481 9.843 12.568 9.906C12.655 9.969 12.753 10 12.86 10L14.793 10C14.895 10 14.988 10.028 15.071 10.084Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M2.854 11.854C2.754 11.953 2.636 12.003 2.5 12.003C2.364 12.003 2.246 11.953 2.146 11.854C2.049 11.756 2 11.638 2 11.5L2 3C2 2.746 2.047 2.5 2.14 2.264C2.242 2.007 2.391 1.781 2.586 1.586C2.781 1.391 3.007 1.242 3.264 1.14C3.5 1.047 3.746 1 4 1L7 1C7.254 1 7.5 1.047 7.736 1.14C7.993 1.242 8.219 1.391 8.414 1.586C8.609 1.781 8.758 2.007 8.86 2.264C8.953 2.5 9 2.746 9 3L9 7.5C9 7.641 8.952 7.759 8.856 7.856C8.759 7.952 8.641 8 8.5 8C8.359 8 8.241 7.952 8.144 7.856C8.048 7.759 8 7.641 8 7.5L8 3C8 2.724 7.902 2.488 7.707 2.293C7.512 2.098 7.276 2 7 2L4 2C3.724 2 3.488 2.098 3.293 2.293C3.098 2.488 3 2.724 3 3L3 10.293L4.793 8.5C4.988 8.305 5.224 8.207 5.5 8.207C5.776 8.207 6.012 8.305 6.207 8.5L6.293 8.586C6.392 8.685 6.442 8.803 6.442 8.939C6.442 9.075 6.392 9.193 6.293 9.293C6.195 9.39 6.077 9.439 5.939 9.439C5.801 9.439 5.683 9.39 5.586 9.293L5.5 9.207L2.854 11.854ZM15.071 10.084C15.155 10.139 15.216 10.214 15.255 10.309C15.294 10.403 15.304 10.499 15.284 10.598C15.265 10.696 15.219 10.781 15.146 10.854L13.719 12.281C13.652 12.348 13.607 12.428 13.585 12.52C13.564 12.612 13.568 12.703 13.598 12.793L14.049 14.147C14.082 14.247 14.084 14.346 14.053 14.446C14.023 14.545 13.965 14.626 13.882 14.69C13.798 14.754 13.704 14.788 13.6 14.791C13.497 14.795 13.401 14.767 13.313 14.709L11.777 13.685C11.693 13.629 11.601 13.601 11.5 13.601C11.399 13.601 11.307 13.629 11.223 13.685L9.687 14.709C9.599 14.767 9.503 14.795 9.4 14.791C9.296 14.788 9.202 14.754 9.118 14.69C9.035 14.626 8.977 14.545 8.947 14.446C8.916 14.346 8.918 14.247 8.951 14.147L9.402 12.793C9.432 12.703 9.436 12.612 9.415 12.52C9.393 12.428 9.348 12.348 9.281 12.281L7.854 10.854C7.781 10.781 7.735 10.696 7.716 10.598C7.696 10.499 7.706 10.403 7.745 10.309C7.784 10.214 7.845 10.139 7.929 10.084C8.012 10.028 8.105 10 8.207 10L10.14 10C10.247 10 10.345 9.969 10.432 9.906C10.519 9.843 10.58 9.76 10.614 9.658L11.057 8.329C11.089 8.233 11.145 8.156 11.227 8.098C11.308 8.039 11.399 8.01 11.5 8.01C11.601 8.01 11.692 8.039 11.773 8.098C11.855 8.156 11.911 8.233 11.943 8.329L12.386 9.658C12.42 9.76 12.481 9.843 12.568 9.906C12.655 9.969 12.753 10 12.86 10L14.793 10C14.895 10 14.988 10.028 15.071 10.084Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
}
```

### Data URL

```text
data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M2.854 11.854C2.754 11.953 2.636 12.003 2.5 12.003C2.364 12.003 2.246 11.953 2.146 11.854C2.049 11.756 2 11.638 2 11.5L2 3C2 2.746 2.047 2.5 2.14 2.264C2.242 2.007 2.391 1.781 2.586 1.586C2.781 1.391 3.007 1.242 3.264 1.14C3.5 1.047 3.746 1 4 1L7 1C7.254 1 7.5 1.047 7.736 1.14C7.993 1.242 8.219 1.391 8.414 1.586C8.609 1.781 8.758 2.007 8.86 2.264C8.953 2.5 9 2.746 9 3L9 7.5C9 7.641 8.952 7.759 8.856 7.856C8.759 7.952 8.641 8 8.5 8C8.359 8 8.241 7.952 8.144 7.856C8.048 7.759 8 7.641 8 7.5L8 3C8 2.724 7.902 2.488 7.707 2.293C7.512 2.098 7.276 2 7 2L4 2C3.724 2 3.488 2.098 3.293 2.293C3.098 2.488 3 2.724 3 3L3 10.293L4.793 8.5C4.988 8.305 5.224 8.207 5.5 8.207C5.776 8.207 6.012 8.305 6.207 8.5L6.293 8.586C6.392 8.685 6.442 8.803 6.442 8.939C6.442 9.075 6.392 9.193 6.293 9.293C6.195 9.39 6.077 9.439 5.939 9.439C5.801 9.439 5.683 9.39 5.586 9.293L5.5 9.207L2.854 11.854ZM15.071 10.084C15.155 10.139 15.216 10.214 15.255 10.309C15.294 10.403 15.304 10.499 15.284 10.598C15.265 10.696 15.219 10.781 15.146 10.854L13.719 12.281C13.652 12.348 13.607 12.428 13.585 12.52C13.564 12.612 13.568 12.703 13.598 12.793L14.049 14.147C14.082 14.247 14.084 14.346 14.053 14.446C14.023 14.545 13.965 14.626 13.882 14.69C13.798 14.754 13.704 14.788 13.6 14.791C13.497 14.795 13.401 14.767 13.313 14.709L11.777 13.685C11.693 13.629 11.601 13.601 11.5 13.601C11.399 13.601 11.307 13.629 11.223 13.685L9.687 14.709C9.599 14.767 9.503 14.795 9.4 14.791C9.296 14.788 9.202 14.754 9.118 14.69C9.035 14.626 8.977 14.545 8.947 14.446C8.916 14.346 8.918 14.247 8.951 14.147L9.402 12.793C9.432 12.703 9.436 12.612 9.415 12.52C9.393 12.428 9.348 12.348 9.281 12.281L7.854 10.854C7.781 10.781 7.735 10.696 7.716 10.598C7.696 10.499 7.706 10.403 7.745 10.309C7.784 10.214 7.845 10.139 7.929 10.084C8.012 10.028 8.105 10 8.207 10L10.14 10C10.247 10 10.345 9.969 10.432 9.906C10.519 9.843 10.58 9.76 10.614 9.658L11.057 8.329C11.089 8.233 11.145 8.156 11.227 8.098C11.308 8.039 11.399 8.01 11.5 8.01C11.601 8.01 11.692 8.039 11.773 8.098C11.855 8.156 11.911 8.233 11.943 8.329L12.386 9.658C12.42 9.76 12.481 9.843 12.568 9.906C12.655 9.969 12.753 10 12.86 10L14.793 10C14.895 10 14.988 10.028 15.071 10.084Z'/%3E%3C/svg%3E
```

### Sprite

```html
<!-- Gentleface "bookmark-star" (line-round), MIT. https://gentleface.com/icons/bookmark-star
     Every icon of this style in one file: https://gentleface.com/sprite/line-round.svg
     Serve it from your own origin: <use> does not load from another origin. -->
<svg width="16" height="16" aria-hidden="true"><use href="/sprite/line-round.svg#bookmark-star"/></svg>
```

### SwiftUI

```swift
// Gentleface "bookmark-star" (line-round), MIT. https://gentleface.com/icons/bookmark-star
import SwiftUI

struct BookmarkStarIcon: Shape {
    func path(in rect: CGRect) -> Path {
        var p = Path()
        p.move(to: CGPoint(x: 2.854, y: 11.854))
        p.addCurve(to: CGPoint(x: 2.5, y: 12.003), control1: CGPoint(x: 2.754, y: 11.953), control2: CGPoint(x: 2.636, y: 12.003))
        p.addCurve(to: CGPoint(x: 2.146, y: 11.854), control1: CGPoint(x: 2.364, y: 12.003), control2: CGPoint(x: 2.246, y: 11.953))
        p.addCurve(to: CGPoint(x: 2, y: 11.5), control1: CGPoint(x: 2.049, y: 11.756), control2: CGPoint(x: 2, y: 11.638))
        p.addLine(to: CGPoint(x: 2, y: 3))
        p.addCurve(to: CGPoint(x: 2.14, y: 2.264), control1: CGPoint(x: 2, y: 2.746), control2: CGPoint(x: 2.047, y: 2.5))
        p.addCurve(to: CGPoint(x: 2.586, y: 1.586), control1: CGPoint(x: 2.242, y: 2.007), control2: CGPoint(x: 2.391, y: 1.781))
        p.addCurve(to: CGPoint(x: 3.264, y: 1.14), control1: CGPoint(x: 2.781, y: 1.391), control2: CGPoint(x: 3.007, y: 1.242))
        p.addCurve(to: CGPoint(x: 4, y: 1), control1: CGPoint(x: 3.5, y: 1.047), control2: CGPoint(x: 3.746, y: 1))
        p.addLine(to: CGPoint(x: 7, y: 1))
        p.addCurve(to: CGPoint(x: 7.736, y: 1.14), control1: CGPoint(x: 7.254, y: 1), control2: CGPoint(x: 7.5, y: 1.047))
        p.addCurve(to: CGPoint(x: 8.414, y: 1.586), control1: CGPoint(x: 7.993, y: 1.242), control2: CGPoint(x: 8.219, y: 1.391))
        p.addCurve(to: CGPoint(x: 8.86, y: 2.264), control1: CGPoint(x: 8.609, y: 1.781), control2: CGPoint(x: 8.758, y: 2.007))
        p.addCurve(to: CGPoint(x: 9, y: 3), control1: CGPoint(x: 8.953, y: 2.5), control2: CGPoint(x: 9, y: 2.746))
        p.addLine(to: CGPoint(x: 9, y: 7.5))
        p.addCurve(to: CGPoint(x: 8.856, y: 7.856), control1: CGPoint(x: 9, y: 7.641), control2: CGPoint(x: 8.952, y: 7.759))
        p.addCurve(to: CGPoint(x: 8.5, y: 8), control1: CGPoint(x: 8.759, y: 7.952), control2: CGPoint(x: 8.641, y: 8))
        p.addCurve(to: CGPoint(x: 8.144, y: 7.856), control1: CGPoint(x: 8.359, y: 8), control2: CGPoint(x: 8.241, y: 7.952))
        p.addCurve(to: CGPoint(x: 8, y: 7.5), control1: CGPoint(x: 8.048, y: 7.759), control2: CGPoint(x: 8, y: 7.641))
        p.addLine(to: CGPoint(x: 8, y: 3))
        p.addCurve(to: CGPoint(x: 7.707, y: 2.293), control1: CGPoint(x: 8, y: 2.724), control2: CGPoint(x: 7.902, y: 2.488))
        p.addCurve(to: CGPoint(x: 7, y: 2), control1: CGPoint(x: 7.512, y: 2.098), control2: CGPoint(x: 7.276, y: 2))
        p.addLine(to: CGPoint(x: 4, y: 2))
        p.addCurve(to: CGPoint(x: 3.293, y: 2.293), control1: CGPoint(x: 3.724, y: 2), control2: CGPoint(x: 3.488, y: 2.098))
        p.addCurve(to: CGPoint(x: 3, y: 3), control1: CGPoint(x: 3.098, y: 2.488), control2: CGPoint(x: 3, y: 2.724))
        p.addLine(to: CGPoint(x: 3, y: 10.293))
        p.addLine(to: CGPoint(x: 4.793, y: 8.5))
        p.addCurve(to: CGPoint(x: 5.5, y: 8.207), control1: CGPoint(x: 4.988, y: 8.305), control2: CGPoint(x: 5.224, y: 8.207))
        p.addCurve(to: CGPoint(x: 6.207, y: 8.5), control1: CGPoint(x: 5.776, y: 8.207), control2: CGPoint(x: 6.012, y: 8.305))
        p.addLine(to: CGPoint(x: 6.293, y: 8.586))
        p.addCurve(to: CGPoint(x: 6.442, y: 8.939), control1: CGPoint(x: 6.392, y: 8.685), control2: CGPoint(x: 6.442, y: 8.803))
        p.addCurve(to: CGPoint(x: 6.293, y: 9.293), control1: CGPoint(x: 6.442, y: 9.075), control2: CGPoint(x: 6.392, y: 9.193))
        p.addCurve(to: CGPoint(x: 5.939, y: 9.439), control1: CGPoint(x: 6.195, y: 9.39), control2: CGPoint(x: 6.077, y: 9.439))
        p.addCurve(to: CGPoint(x: 5.586, y: 9.293), control1: CGPoint(x: 5.801, y: 9.439), control2: CGPoint(x: 5.683, y: 9.39))
        p.addLine(to: CGPoint(x: 5.5, y: 9.207))
        p.addLine(to: CGPoint(x: 2.854, y: 11.854))
        p.closeSubpath()
        p.move(to: CGPoint(x: 15.071, y: 10.084))
        p.addCurve(to: CGPoint(x: 15.255, y: 10.309), control1: CGPoint(x: 15.155, y: 10.139), control2: CGPoint(x: 15.216, y: 10.214))
        p.addCurve(to: CGPoint(x: 15.284, y: 10.598), control1: CGPoint(x: 15.294, y: 10.403), control2: CGPoint(x: 15.304, y: 10.499))
        p.addCurve(to: CGPoint(x: 15.146, y: 10.854), control1: CGPoint(x: 15.265, y: 10.696), control2: CGPoint(x: 15.219, y: 10.781))
        p.addLine(to: CGPoint(x: 13.719, y: 12.281))
        p.addCurve(to: CGPoint(x: 13.585, y: 12.52), control1: CGPoint(x: 13.652, y: 12.348), control2: CGPoint(x: 13.607, y: 12.428))
        p.addCurve(to: CGPoint(x: 13.598, y: 12.793), control1: CGPoint(x: 13.564, y: 12.612), control2: CGPoint(x: 13.568, y: 12.703))
        p.addLine(to: CGPoint(x: 14.049, y: 14.147))
        p.addCurve(to: CGPoint(x: 14.053, y: 14.446), control1: CGPoint(x: 14.082, y: 14.247), control2: CGPoint(x: 14.084, y: 14.346))
        p.addCurve(to: CGPoint(x: 13.882, y: 14.69), control1: CGPoint(x: 14.023, y: 14.545), control2: CGPoint(x: 13.965, y: 14.626))
        p.addCurve(to: CGPoint(x: 13.6, y: 14.791), control1: CGPoint(x: 13.798, y: 14.754), control2: CGPoint(x: 13.704, y: 14.788))
        p.addCurve(to: CGPoint(x: 13.313, y: 14.709), control1: CGPoint(x: 13.497, y: 14.795), control2: CGPoint(x: 13.401, y: 14.767))
        p.addLine(to: CGPoint(x: 11.777, y: 13.685))
        p.addCurve(to: CGPoint(x: 11.5, y: 13.601), control1: CGPoint(x: 11.693, y: 13.629), control2: CGPoint(x: 11.601, y: 13.601))
        p.addCurve(to: CGPoint(x: 11.223, y: 13.685), control1: CGPoint(x: 11.399, y: 13.601), control2: CGPoint(x: 11.307, y: 13.629))
        p.addLine(to: CGPoint(x: 9.687, y: 14.709))
        p.addCurve(to: CGPoint(x: 9.4, y: 14.791), control1: CGPoint(x: 9.599, y: 14.767), control2: CGPoint(x: 9.503, y: 14.795))
        p.addCurve(to: CGPoint(x: 9.118, y: 14.69), control1: CGPoint(x: 9.296, y: 14.788), control2: CGPoint(x: 9.202, y: 14.754))
        p.addCurve(to: CGPoint(x: 8.947, y: 14.446), control1: CGPoint(x: 9.035, y: 14.626), control2: CGPoint(x: 8.977, y: 14.545))
        p.addCurve(to: CGPoint(x: 8.951, y: 14.147), control1: CGPoint(x: 8.916, y: 14.346), control2: CGPoint(x: 8.918, y: 14.247))
        p.addLine(to: CGPoint(x: 9.402, y: 12.793))
        p.addCurve(to: CGPoint(x: 9.415, y: 12.52), control1: CGPoint(x: 9.432, y: 12.703), control2: CGPoint(x: 9.436, y: 12.612))
        p.addCurve(to: CGPoint(x: 9.281, y: 12.281), control1: CGPoint(x: 9.393, y: 12.428), control2: CGPoint(x: 9.348, y: 12.348))
        p.addLine(to: CGPoint(x: 7.854, y: 10.854))
        p.addCurve(to: CGPoint(x: 7.716, y: 10.598), control1: CGPoint(x: 7.781, y: 10.781), control2: CGPoint(x: 7.735, y: 10.696))
        p.addCurve(to: CGPoint(x: 7.745, y: 10.309), control1: CGPoint(x: 7.696, y: 10.499), control2: CGPoint(x: 7.706, y: 10.403))
        p.addCurve(to: CGPoint(x: 7.929, y: 10.084), control1: CGPoint(x: 7.784, y: 10.214), control2: CGPoint(x: 7.845, y: 10.139))
        p.addCurve(to: CGPoint(x: 8.207, y: 10), control1: CGPoint(x: 8.012, y: 10.028), control2: CGPoint(x: 8.105, y: 10))
        p.addLine(to: CGPoint(x: 10.14, y: 10))
        p.addCurve(to: CGPoint(x: 10.432, y: 9.906), control1: CGPoint(x: 10.247, y: 10), control2: CGPoint(x: 10.345, y: 9.969))
        p.addCurve(to: CGPoint(x: 10.614, y: 9.658), control1: CGPoint(x: 10.519, y: 9.843), control2: CGPoint(x: 10.58, y: 9.76))
        p.addLine(to: CGPoint(x: 11.057, y: 8.329))
        p.addCurve(to: CGPoint(x: 11.227, y: 8.098), control1: CGPoint(x: 11.089, y: 8.233), control2: CGPoint(x: 11.145, y: 8.156))
        p.addCurve(to: CGPoint(x: 11.5, y: 8.01), control1: CGPoint(x: 11.308, y: 8.039), control2: CGPoint(x: 11.399, y: 8.01))
        p.addCurve(to: CGPoint(x: 11.773, y: 8.098), control1: CGPoint(x: 11.601, y: 8.01), control2: CGPoint(x: 11.692, y: 8.039))
        p.addCurve(to: CGPoint(x: 11.943, y: 8.329), control1: CGPoint(x: 11.855, y: 8.156), control2: CGPoint(x: 11.911, y: 8.233))
        p.addLine(to: CGPoint(x: 12.386, y: 9.658))
        p.addCurve(to: CGPoint(x: 12.568, y: 9.906), control1: CGPoint(x: 12.42, y: 9.76), control2: CGPoint(x: 12.481, y: 9.843))
        p.addCurve(to: CGPoint(x: 12.86, y: 10), control1: CGPoint(x: 12.655, y: 9.969), control2: CGPoint(x: 12.753, y: 10))
        p.addLine(to: CGPoint(x: 14.793, y: 10))
        p.addCurve(to: CGPoint(x: 15.071, y: 10.084), control1: CGPoint(x: 14.895, y: 10), control2: CGPoint(x: 14.988, y: 10.028))
        p.closeSubpath()
        return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16))
    }
}

// BookmarkStarIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp.
```

### Compose

```kotlin
// Gentleface "bookmark-star" (line-round), MIT. https://gentleface.com/icons/bookmark-star
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.SolidColor
import androidx.compose.ui.graphics.vector.ImageVector
import androidx.compose.ui.graphics.vector.addPathNodes
import androidx.compose.ui.unit.dp

val BookmarkStarIcon: ImageVector by lazy {
    ImageVector.Builder(
        name = "bookmark-star", defaultWidth = 16.dp, defaultHeight = 16.dp,
        viewportWidth = 16f, viewportHeight = 16f,
    ).addPath(
        pathData = addPathNodes("M2.854 11.854C2.754 11.953 2.636 12.003 2.5 12.003C2.364 12.003 2.246 11.953 2.146 11.854C2.049 11.756 2 11.638 2 11.5L2 3C2 2.746 2.047 2.5 2.14 2.264C2.242 2.007 2.391 1.781 2.586 1.586C2.781 1.391 3.007 1.242 3.264 1.14C3.5 1.047 3.746 1 4 1L7 1C7.254 1 7.5 1.047 7.736 1.14C7.993 1.242 8.219 1.391 8.414 1.586C8.609 1.781 8.758 2.007 8.86 2.264C8.953 2.5 9 2.746 9 3L9 7.5C9 7.641 8.952 7.759 8.856 7.856C8.759 7.952 8.641 8 8.5 8C8.359 8 8.241 7.952 8.144 7.856C8.048 7.759 8 7.641 8 7.5L8 3C8 2.724 7.902 2.488 7.707 2.293C7.512 2.098 7.276 2 7 2L4 2C3.724 2 3.488 2.098 3.293 2.293C3.098 2.488 3 2.724 3 3L3 10.293L4.793 8.5C4.988 8.305 5.224 8.207 5.5 8.207C5.776 8.207 6.012 8.305 6.207 8.5L6.293 8.586C6.392 8.685 6.442 8.803 6.442 8.939C6.442 9.075 6.392 9.193 6.293 9.293C6.195 9.39 6.077 9.439 5.939 9.439C5.801 9.439 5.683 9.39 5.586 9.293L5.5 9.207L2.854 11.854ZM15.071 10.084C15.155 10.139 15.216 10.214 15.255 10.309C15.294 10.403 15.304 10.499 15.284 10.598C15.265 10.696 15.219 10.781 15.146 10.854L13.719 12.281C13.652 12.348 13.607 12.428 13.585 12.52C13.564 12.612 13.568 12.703 13.598 12.793L14.049 14.147C14.082 14.247 14.084 14.346 14.053 14.446C14.023 14.545 13.965 14.626 13.882 14.69C13.798 14.754 13.704 14.788 13.6 14.791C13.497 14.795 13.401 14.767 13.313 14.709L11.777 13.685C11.693 13.629 11.601 13.601 11.5 13.601C11.399 13.601 11.307 13.629 11.223 13.685L9.687 14.709C9.599 14.767 9.503 14.795 9.4 14.791C9.296 14.788 9.202 14.754 9.118 14.69C9.035 14.626 8.977 14.545 8.947 14.446C8.916 14.346 8.918 14.247 8.951 14.147L9.402 12.793C9.432 12.703 9.436 12.612 9.415 12.52C9.393 12.428 9.348 12.348 9.281 12.281L7.854 10.854C7.781 10.781 7.735 10.696 7.716 10.598C7.696 10.499 7.706 10.403 7.745 10.309C7.784 10.214 7.845 10.139 7.929 10.084C8.012 10.028 8.105 10 8.207 10L10.14 10C10.247 10 10.345 9.969 10.432 9.906C10.519 9.843 10.58 9.76 10.614 9.658L11.057 8.329C11.089 8.233 11.145 8.156 11.227 8.098C11.308 8.039 11.399 8.01 11.5 8.01C11.601 8.01 11.692 8.039 11.773 8.098C11.855 8.156 11.911 8.233 11.943 8.329L12.386 9.658C12.42 9.76 12.481 9.843 12.568 9.906C12.655 9.969 12.753 10 12.86 10L14.793 10C14.895 10 14.988 10.028 15.071 10.084Z"),
        fill = SolidColor(Color.Black),
    ).build()
}

// Icon(BookmarkStarIcon, contentDescription = null) tints it with LocalContentColor.
```

### Android XML

```xml
<!-- res/drawable/ic_bookmark_star.xml · Gentleface "bookmark-star" (line-round), MIT. https://gentleface.com/icons/bookmark-star -->
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="16dp"
    android:height="16dp"
    android:viewportWidth="16"
    android:viewportHeight="16"
    android:tint="?attr/colorControlNormal">
  <path
      android:fillColor="@android:color/white"
      android:pathData="M2.854 11.854C2.754 11.953 2.636 12.003 2.5 12.003C2.364 12.003 2.246 11.953 2.146 11.854C2.049 11.756 2 11.638 2 11.5L2 3C2 2.746 2.047 2.5 2.14 2.264C2.242 2.007 2.391 1.781 2.586 1.586C2.781 1.391 3.007 1.242 3.264 1.14C3.5 1.047 3.746 1 4 1L7 1C7.254 1 7.5 1.047 7.736 1.14C7.993 1.242 8.219 1.391 8.414 1.586C8.609 1.781 8.758 2.007 8.86 2.264C8.953 2.5 9 2.746 9 3L9 7.5C9 7.641 8.952 7.759 8.856 7.856C8.759 7.952 8.641 8 8.5 8C8.359 8 8.241 7.952 8.144 7.856C8.048 7.759 8 7.641 8 7.5L8 3C8 2.724 7.902 2.488 7.707 2.293C7.512 2.098 7.276 2 7 2L4 2C3.724 2 3.488 2.098 3.293 2.293C3.098 2.488 3 2.724 3 3L3 10.293L4.793 8.5C4.988 8.305 5.224 8.207 5.5 8.207C5.776 8.207 6.012 8.305 6.207 8.5L6.293 8.586C6.392 8.685 6.442 8.803 6.442 8.939C6.442 9.075 6.392 9.193 6.293 9.293C6.195 9.39 6.077 9.439 5.939 9.439C5.801 9.439 5.683 9.39 5.586 9.293L5.5 9.207L2.854 11.854ZM15.071 10.084C15.155 10.139 15.216 10.214 15.255 10.309C15.294 10.403 15.304 10.499 15.284 10.598C15.265 10.696 15.219 10.781 15.146 10.854L13.719 12.281C13.652 12.348 13.607 12.428 13.585 12.52C13.564 12.612 13.568 12.703 13.598 12.793L14.049 14.147C14.082 14.247 14.084 14.346 14.053 14.446C14.023 14.545 13.965 14.626 13.882 14.69C13.798 14.754 13.704 14.788 13.6 14.791C13.497 14.795 13.401 14.767 13.313 14.709L11.777 13.685C11.693 13.629 11.601 13.601 11.5 13.601C11.399 13.601 11.307 13.629 11.223 13.685L9.687 14.709C9.599 14.767 9.503 14.795 9.4 14.791C9.296 14.788 9.202 14.754 9.118 14.69C9.035 14.626 8.977 14.545 8.947 14.446C8.916 14.346 8.918 14.247 8.951 14.147L9.402 12.793C9.432 12.703 9.436 12.612 9.415 12.52C9.393 12.428 9.348 12.348 9.281 12.281L7.854 10.854C7.781 10.781 7.735 10.696 7.716 10.598C7.696 10.499 7.706 10.403 7.745 10.309C7.784 10.214 7.845 10.139 7.929 10.084C8.012 10.028 8.105 10 8.207 10L10.14 10C10.247 10 10.345 9.969 10.432 9.906C10.519 9.843 10.58 9.76 10.614 9.658L11.057 8.329C11.089 8.233 11.145 8.156 11.227 8.098C11.308 8.039 11.399 8.01 11.5 8.01C11.601 8.01 11.692 8.039 11.773 8.098C11.855 8.156 11.911 8.233 11.943 8.329L12.386 9.658C12.42 9.76 12.481 9.843 12.568 9.906C12.655 9.969 12.753 10 12.86 10L14.793 10C14.895 10 14.988 10.028 15.071 10.084Z"/>
</vector>
```

### Flutter

```dart
// Gentleface "bookmark-star" (line-round), MIT. https://gentleface.com/icons/bookmark-star
import 'package:flutter/widgets.dart';

class BookmarkStarIcon extends StatelessWidget {
  const BookmarkStarIcon({super.key, this.size = 16, this.color});
  final double size;
  final Color? color;

  @override
  Widget build(BuildContext context) => CustomPaint(
        size: Size.square(size),
        painter: _BookmarkStarIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)),
      );
}

class _BookmarkStarIconPainter extends CustomPainter {
  _BookmarkStarIconPainter(this.color);
  final Color color;

  @override
  void paint(Canvas canvas, Size size) {
    canvas.scale(size.width / 16, size.height / 16);
    final p = Path()
      ..moveTo(2.854, 11.854)
      ..cubicTo(2.754, 11.953, 2.636, 12.003, 2.5, 12.003)
      ..cubicTo(2.364, 12.003, 2.246, 11.953, 2.146, 11.854)
      ..cubicTo(2.049, 11.756, 2, 11.638, 2, 11.5)
      ..lineTo(2, 3)
      ..cubicTo(2, 2.746, 2.047, 2.5, 2.14, 2.264)
      ..cubicTo(2.242, 2.007, 2.391, 1.781, 2.586, 1.586)
      ..cubicTo(2.781, 1.391, 3.007, 1.242, 3.264, 1.14)
      ..cubicTo(3.5, 1.047, 3.746, 1, 4, 1)
      ..lineTo(7, 1)
      ..cubicTo(7.254, 1, 7.5, 1.047, 7.736, 1.14)
      ..cubicTo(7.993, 1.242, 8.219, 1.391, 8.414, 1.586)
      ..cubicTo(8.609, 1.781, 8.758, 2.007, 8.86, 2.264)
      ..cubicTo(8.953, 2.5, 9, 2.746, 9, 3)
      ..lineTo(9, 7.5)
      ..cubicTo(9, 7.641, 8.952, 7.759, 8.856, 7.856)
      ..cubicTo(8.759, 7.952, 8.641, 8, 8.5, 8)
      ..cubicTo(8.359, 8, 8.241, 7.952, 8.144, 7.856)
      ..cubicTo(8.048, 7.759, 8, 7.641, 8, 7.5)
      ..lineTo(8, 3)
      ..cubicTo(8, 2.724, 7.902, 2.488, 7.707, 2.293)
      ..cubicTo(7.512, 2.098, 7.276, 2, 7, 2)
      ..lineTo(4, 2)
      ..cubicTo(3.724, 2, 3.488, 2.098, 3.293, 2.293)
      ..cubicTo(3.098, 2.488, 3, 2.724, 3, 3)
      ..lineTo(3, 10.293)
      ..lineTo(4.793, 8.5)
      ..cubicTo(4.988, 8.305, 5.224, 8.207, 5.5, 8.207)
      ..cubicTo(5.776, 8.207, 6.012, 8.305, 6.207, 8.5)
      ..lineTo(6.293, 8.586)
      ..cubicTo(6.392, 8.685, 6.442, 8.803, 6.442, 8.939)
      ..cubicTo(6.442, 9.075, 6.392, 9.193, 6.293, 9.293)
      ..cubicTo(6.195, 9.39, 6.077, 9.439, 5.939, 9.439)
      ..cubicTo(5.801, 9.439, 5.683, 9.39, 5.586, 9.293)
      ..lineTo(5.5, 9.207)
      ..lineTo(2.854, 11.854)
      ..close()
      ..moveTo(15.071, 10.084)
      ..cubicTo(15.155, 10.139, 15.216, 10.214, 15.255, 10.309)
      ..cubicTo(15.294, 10.403, 15.304, 10.499, 15.284, 10.598)
      ..cubicTo(15.265, 10.696, 15.219, 10.781, 15.146, 10.854)
      ..lineTo(13.719, 12.281)
      ..cubicTo(13.652, 12.348, 13.607, 12.428, 13.585, 12.52)
      ..cubicTo(13.564, 12.612, 13.568, 12.703, 13.598, 12.793)
      ..lineTo(14.049, 14.147)
      ..cubicTo(14.082, 14.247, 14.084, 14.346, 14.053, 14.446)
      ..cubicTo(14.023, 14.545, 13.965, 14.626, 13.882, 14.69)
      ..cubicTo(13.798, 14.754, 13.704, 14.788, 13.6, 14.791)
      ..cubicTo(13.497, 14.795, 13.401, 14.767, 13.313, 14.709)
      ..lineTo(11.777, 13.685)
      ..cubicTo(11.693, 13.629, 11.601, 13.601, 11.5, 13.601)
      ..cubicTo(11.399, 13.601, 11.307, 13.629, 11.223, 13.685)
      ..lineTo(9.687, 14.709)
      ..cubicTo(9.599, 14.767, 9.503, 14.795, 9.4, 14.791)
      ..cubicTo(9.296, 14.788, 9.202, 14.754, 9.118, 14.69)
      ..cubicTo(9.035, 14.626, 8.977, 14.545, 8.947, 14.446)
      ..cubicTo(8.916, 14.346, 8.918, 14.247, 8.951, 14.147)
      ..lineTo(9.402, 12.793)
      ..cubicTo(9.432, 12.703, 9.436, 12.612, 9.415, 12.52)
      ..cubicTo(9.393, 12.428, 9.348, 12.348, 9.281, 12.281)
      ..lineTo(7.854, 10.854)
      ..cubicTo(7.781, 10.781, 7.735, 10.696, 7.716, 10.598)
      ..cubicTo(7.696, 10.499, 7.706, 10.403, 7.745, 10.309)
      ..cubicTo(7.784, 10.214, 7.845, 10.139, 7.929, 10.084)
      ..cubicTo(8.012, 10.028, 8.105, 10, 8.207, 10)
      ..lineTo(10.14, 10)
      ..cubicTo(10.247, 10, 10.345, 9.969, 10.432, 9.906)
      ..cubicTo(10.519, 9.843, 10.58, 9.76, 10.614, 9.658)
      ..lineTo(11.057, 8.329)
      ..cubicTo(11.089, 8.233, 11.145, 8.156, 11.227, 8.098)
      ..cubicTo(11.308, 8.039, 11.399, 8.01, 11.5, 8.01)
      ..cubicTo(11.601, 8.01, 11.692, 8.039, 11.773, 8.098)
      ..cubicTo(11.855, 8.156, 11.911, 8.233, 11.943, 8.329)
      ..lineTo(12.386, 9.658)
      ..cubicTo(12.42, 9.76, 12.481, 9.843, 12.568, 9.906)
      ..cubicTo(12.655, 9.969, 12.753, 10, 12.86, 10)
      ..lineTo(14.793, 10)
      ..cubicTo(14.895, 10, 14.988, 10.028, 15.071, 10.084)
      ..close();
    canvas.drawPath(p, Paint()..color = color);
  }

  @override
  bool shouldRepaint(_BookmarkStarIconPainter old) => old.color != color;
}
```