# CSS Trick: Change Favorite Heart to Bookmark

**URL:** <https://community.glideapps.com/t/css-trick-change-favorite-heart-to-bookmark/17951>\
**Category:** Community Resources\
**Created:** [November 4, 2020, 4:08pm UTC](https://community.glideapps.com/t/css-trick-change-favorite-heart-to-bookmark/17951 "2020-11-04T16:08:38Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [November 4, 2020, 5:17pm UTC](https://community.glideapps.com/t/css-trick-change-favorite-heart-to-bookmark/17951/3 "2020-11-04T17:17:15Z")

</div>

### Replicate styling to Tiles:

![Screen Shot 2020-11-04 at 12.16.42 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/5/d58d359b46a0affbfc8abe84956b419c519298c6.png)

```auto
<pre><span><style>
[data-test="app-toggle-icon-overlay"] :nth-child(1) :nth-child(1) {
stroke: white;
d: path("m 1 1 l 16 0 l 0 18 l -8 -6 l -8 6 l 0 -18");
}
[data-test="app-toggle-icon-overlay"] :nth-child(1) :nth-child(2) {
stroke: white;
fill: none;
d: path("m 1 1 l 16 0 l 0 18 l -8 -6 l -8 6 l 0 -18");
}

```

---

_[View the full topic](https://community.glideapps.com/t/css-trick-change-favorite-heart-to-bookmark/17951)._