# bookmark-tag icon Bookmark tag. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/bookmark-tag - Category: Social & emotions - Use it for: bookmark tags, tag bookmark - Example: Tag a bookmark in a read-later app - Built from: bookmark + tag - Tags: bookmark, save, later, ribbon, tag - Family: bookmark, bookmark-alert, bookmark-check, bookmark-heart, bookmark-link, bookmark-off, bookmark-pencil, bookmark-plus, bookmark-search, bookmark-star, bookmark-sync, bookmark-x, bookmarks - Component name: BookmarkTagIcon - Added: 2026-11-07 - Since: version 0.5.0 - npm: `import { BookmarkTagIcon } from '@gentleface/react';` (@gentleface/react 0.6.0) ## 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-tag.svg · PNG https://gentleface.com/png/line-round/16/bookmark-tag.png · https://gentleface.com/png/line-round/32/bookmark-tag.png · https://gentleface.com/png/line-round/48/bookmark-tag.png - line-soft: https://gentleface.com/svg/line-soft/16/bookmark-tag.svg · PNG https://gentleface.com/png/line-soft/16/bookmark-tag.png · https://gentleface.com/png/line-soft/32/bookmark-tag.png · https://gentleface.com/png/line-soft/48/bookmark-tag.png - line-sharp: https://gentleface.com/svg/line-sharp/16/bookmark-tag.svg · PNG https://gentleface.com/png/line-sharp/16/bookmark-tag.png · https://gentleface.com/png/line-sharp/32/bookmark-tag.png · https://gentleface.com/png/line-sharp/48/bookmark-tag.png - solid-round: https://gentleface.com/svg/solid-round/16/bookmark-tag.svg · PNG https://gentleface.com/png/solid-round/16/bookmark-tag.png · https://gentleface.com/png/solid-round/32/bookmark-tag.png · https://gentleface.com/png/solid-round/48/bookmark-tag.png - solid-soft: https://gentleface.com/svg/solid-soft/16/bookmark-tag.svg · PNG https://gentleface.com/png/solid-soft/16/bookmark-tag.png · https://gentleface.com/png/solid-soft/32/bookmark-tag.png · https://gentleface.com/png/solid-soft/48/bookmark-tag.png - solid-sharp: https://gentleface.com/svg/solid-sharp/16/bookmark-tag.svg · PNG https://gentleface.com/png/solid-sharp/16/bookmark-tag.png · https://gentleface.com/png/solid-sharp/32/bookmark-tag.png · https://gentleface.com/png/solid-sharp/48/bookmark-tag.png The SVG of every style: https://gentleface.com/icons/bookmark-tag.json (`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 ``` ### React ```tsx // Gentleface "bookmark-tag" (line-round), MIT. https://gentleface.com/icons/bookmark-tag import type { SVGProps } from 'react'; export function BookmarkTagIcon(props: SVGProps) { return ( ); } ``` ### Vue ```vue ``` ### Svelte ```svelte ``` ### HTML img ```html

``` ### CSS ```css /* Gentleface "bookmark-tag" (line-round), MIT. https://gentleface.com/icons/bookmark-tag. Takes the text color. */ .icon-bookmark-tag { 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.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 5.5C9 5.641 8.952 5.759 8.856 5.856C8.759 5.952 8.641 6 8.5 6C8.359 6 8.241 5.952 8.144 5.856C8.048 5.759 8 5.641 8 5.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.904 8.389 5.034 8.308 5.184 8.258C5.333 8.209 5.486 8.195 5.641 8.217C5.781 8.237 5.892 8.301 5.973 8.41C5.983 8.423 5.992 8.436 6 8.45L6 8.972C5.968 9.025 5.925 9.072 5.871 9.112C5.76 9.195 5.637 9.227 5.5 9.207L2.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.264ZM15.586 11.5C15.586 11.776 15.488 12.012 15.293 12.207L12.207 15.293C12.012 15.488 11.776 15.586 11.5 15.586C11.224 15.586 10.988 15.488 10.793 15.293L7.293 11.793C7.098 11.598 7 11.362 7 11.086L7 8C7 7.724 7.098 7.488 7.293 7.293C7.488 7.098 7.724 7 8 7L11.086 7C11.362 7 11.598 7.098 11.793 7.293L15.293 10.793C15.488 10.988 15.586 11.224 15.586 11.5ZM10 11C10.552 11 11 10.552 11 10C11 9.448 10.552 9 10 9C9.448 9 9 9.448 9 10C9 10.552 9.448 11 10 11Z'/%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.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 5.5C9 5.641 8.952 5.759 8.856 5.856C8.759 5.952 8.641 6 8.5 6C8.359 6 8.241 5.952 8.144 5.856C8.048 5.759 8 5.641 8 5.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.904 8.389 5.034 8.308 5.184 8.258C5.333 8.209 5.486 8.195 5.641 8.217C5.781 8.237 5.892 8.301 5.973 8.41C5.983 8.423 5.992 8.436 6 8.45L6 8.972C5.968 9.025 5.925 9.072 5.871 9.112C5.76 9.195 5.637 9.227 5.5 9.207L2.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.264ZM15.586 11.5C15.586 11.776 15.488 12.012 15.293 12.207L12.207 15.293C12.012 15.488 11.776 15.586 11.5 15.586C11.224 15.586 10.988 15.488 10.793 15.293L7.293 11.793C7.098 11.598 7 11.362 7 11.086L7 8C7 7.724 7.098 7.488 7.293 7.293C7.488 7.098 7.724 7 8 7L11.086 7C11.362 7 11.598 7.098 11.793 7.293L15.293 10.793C15.488 10.988 15.586 11.224 15.586 11.5ZM10 11C10.552 11 11 10.552 11 10C11 9.448 10.552 9 10 9C9.448 9 9 9.448 9 10C9 10.552 9.448 11 10 11Z'/%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.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 5.5C9 5.641 8.952 5.759 8.856 5.856C8.759 5.952 8.641 6 8.5 6C8.359 6 8.241 5.952 8.144 5.856C8.048 5.759 8 5.641 8 5.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.904 8.389 5.034 8.308 5.184 8.258C5.333 8.209 5.486 8.195 5.641 8.217C5.781 8.237 5.892 8.301 5.973 8.41C5.983 8.423 5.992 8.436 6 8.45L6 8.972C5.968 9.025 5.925 9.072 5.871 9.112C5.76 9.195 5.637 9.227 5.5 9.207L2.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.264ZM15.586 11.5C15.586 11.776 15.488 12.012 15.293 12.207L12.207 15.293C12.012 15.488 11.776 15.586 11.5 15.586C11.224 15.586 10.988 15.488 10.793 15.293L7.293 11.793C7.098 11.598 7 11.362 7 11.086L7 8C7 7.724 7.098 7.488 7.293 7.293C7.488 7.098 7.724 7 8 7L11.086 7C11.362 7 11.598 7.098 11.793 7.293L15.293 10.793C15.488 10.988 15.586 11.224 15.586 11.5ZM10 11C10.552 11 11 10.552 11 10C11 9.448 10.552 9 10 9C9.448 9 9 9.448 9 10C9 10.552 9.448 11 10 11Z'/%3E%3C/svg%3E ``` ### Sprite ```html ``` ### SwiftUI ```swift // Gentleface "bookmark-tag" (line-round), MIT. https://gentleface.com/icons/bookmark-tag import SwiftUI struct BookmarkTagIcon: Shape { func path(in rect: CGRect) -> Path { var p = Path() p.move(to: CGPoint(x: 2.14, y: 2.264)) 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: 5.5)) p.addCurve(to: CGPoint(x: 8.856, y: 5.856), control1: CGPoint(x: 9, y: 5.641), control2: CGPoint(x: 8.952, y: 5.759)) p.addCurve(to: CGPoint(x: 8.5, y: 6), control1: CGPoint(x: 8.759, y: 5.952), control2: CGPoint(x: 8.641, y: 6)) p.addCurve(to: CGPoint(x: 8.144, y: 5.856), control1: CGPoint(x: 8.359, y: 6), control2: CGPoint(x: 8.241, y: 5.952)) p.addCurve(to: CGPoint(x: 8, y: 5.5), control1: CGPoint(x: 8.048, y: 5.759), control2: CGPoint(x: 8, y: 5.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.184, y: 8.258), control1: CGPoint(x: 4.904, y: 8.389), control2: CGPoint(x: 5.034, y: 8.308)) p.addCurve(to: CGPoint(x: 5.641, y: 8.217), control1: CGPoint(x: 5.333, y: 8.209), control2: CGPoint(x: 5.486, y: 8.195)) p.addCurve(to: CGPoint(x: 5.973, y: 8.41), control1: CGPoint(x: 5.781, y: 8.237), control2: CGPoint(x: 5.892, y: 8.301)) p.addCurve(to: CGPoint(x: 6, y: 8.45), control1: CGPoint(x: 5.983, y: 8.423), control2: CGPoint(x: 5.992, y: 8.436)) p.addLine(to: CGPoint(x: 6, y: 8.972)) p.addCurve(to: CGPoint(x: 5.871, y: 9.112), control1: CGPoint(x: 5.968, y: 9.025), control2: CGPoint(x: 5.925, y: 9.072)) p.addCurve(to: CGPoint(x: 5.5, y: 9.207), control1: CGPoint(x: 5.76, y: 9.195), control2: CGPoint(x: 5.637, y: 9.227)) p.addLine(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.closeSubpath() p.move(to: CGPoint(x: 15.586, y: 11.5)) p.addCurve(to: CGPoint(x: 15.293, y: 12.207), control1: CGPoint(x: 15.586, y: 11.776), control2: CGPoint(x: 15.488, y: 12.012)) p.addLine(to: CGPoint(x: 12.207, y: 15.293)) p.addCurve(to: CGPoint(x: 11.5, y: 15.586), control1: CGPoint(x: 12.012, y: 15.488), control2: CGPoint(x: 11.776, y: 15.586)) p.addCurve(to: CGPoint(x: 10.793, y: 15.293), control1: CGPoint(x: 11.224, y: 15.586), control2: CGPoint(x: 10.988, y: 15.488)) p.addLine(to: CGPoint(x: 7.293, y: 11.793)) p.addCurve(to: CGPoint(x: 7, y: 11.086), control1: CGPoint(x: 7.098, y: 11.598), control2: CGPoint(x: 7, y: 11.362)) p.addLine(to: CGPoint(x: 7, y: 8)) p.addCurve(to: CGPoint(x: 7.293, y: 7.293), control1: CGPoint(x: 7, y: 7.724), control2: CGPoint(x: 7.098, y: 7.488)) p.addCurve(to: CGPoint(x: 8, y: 7), control1: CGPoint(x: 7.488, y: 7.098), control2: CGPoint(x: 7.724, y: 7)) p.addLine(to: CGPoint(x: 11.086, y: 7)) p.addCurve(to: CGPoint(x: 11.793, y: 7.293), control1: CGPoint(x: 11.362, y: 7), control2: CGPoint(x: 11.598, y: 7.098)) p.addLine(to: CGPoint(x: 15.293, y: 10.793)) p.addCurve(to: CGPoint(x: 15.586, y: 11.5), control1: CGPoint(x: 15.488, y: 10.988), control2: CGPoint(x: 15.586, y: 11.224)) p.closeSubpath() p.move(to: CGPoint(x: 10, y: 11)) p.addCurve(to: CGPoint(x: 11, y: 10), control1: CGPoint(x: 10.552, y: 11), control2: CGPoint(x: 11, y: 10.552)) p.addCurve(to: CGPoint(x: 10, y: 9), control1: CGPoint(x: 11, y: 9.448), control2: CGPoint(x: 10.552, y: 9)) p.addCurve(to: CGPoint(x: 9, y: 10), control1: CGPoint(x: 9.448, y: 9), control2: CGPoint(x: 9, y: 9.448)) p.addCurve(to: CGPoint(x: 10, y: 11), control1: CGPoint(x: 9, y: 10.552), control2: CGPoint(x: 9.448, y: 11)) p.closeSubpath() return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16)) } } // BookmarkTagIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp. ``` ### Compose ```kotlin // Gentleface "bookmark-tag" (line-round), MIT. https://gentleface.com/icons/bookmark-tag 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 BookmarkTagIcon: ImageVector by lazy { ImageVector.Builder( name = "bookmark-tag", defaultWidth = 16.dp, defaultHeight = 16.dp, viewportWidth = 16f, viewportHeight = 16f, ).addPath( pathData = addPathNodes("M2.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 5.5C9 5.641 8.952 5.759 8.856 5.856C8.759 5.952 8.641 6 8.5 6C8.359 6 8.241 5.952 8.144 5.856C8.048 5.759 8 5.641 8 5.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.904 8.389 5.034 8.308 5.184 8.258C5.333 8.209 5.486 8.195 5.641 8.217C5.781 8.237 5.892 8.301 5.973 8.41C5.983 8.423 5.992 8.436 6 8.45L6 8.972C5.968 9.025 5.925 9.072 5.871 9.112C5.76 9.195 5.637 9.227 5.5 9.207L2.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.264ZM15.586 11.5C15.586 11.776 15.488 12.012 15.293 12.207L12.207 15.293C12.012 15.488 11.776 15.586 11.5 15.586C11.224 15.586 10.988 15.488 10.793 15.293L7.293 11.793C7.098 11.598 7 11.362 7 11.086L7 8C7 7.724 7.098 7.488 7.293 7.293C7.488 7.098 7.724 7 8 7L11.086 7C11.362 7 11.598 7.098 11.793 7.293L15.293 10.793C15.488 10.988 15.586 11.224 15.586 11.5ZM10 11C10.552 11 11 10.552 11 10C11 9.448 10.552 9 10 9C9.448 9 9 9.448 9 10C9 10.552 9.448 11 10 11Z"), fill = SolidColor(Color.Black), ).build() } // Icon(BookmarkTagIcon, contentDescription = null) tints it with LocalContentColor. ``` ### Android XML ```xml ``` ### Flutter ```dart // Gentleface "bookmark-tag" (line-round), MIT. https://gentleface.com/icons/bookmark-tag import 'package:flutter/widgets.dart'; class BookmarkTagIcon extends StatelessWidget { const BookmarkTagIcon({super.key, this.size = 16, this.color}); final double size; final Color? color; @override Widget build(BuildContext context) => CustomPaint( size: Size.square(size), painter: _BookmarkTagIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)), ); } class _BookmarkTagIconPainter extends CustomPainter { _BookmarkTagIconPainter(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.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, 5.5) ..cubicTo(9, 5.641, 8.952, 5.759, 8.856, 5.856) ..cubicTo(8.759, 5.952, 8.641, 6, 8.5, 6) ..cubicTo(8.359, 6, 8.241, 5.952, 8.144, 5.856) ..cubicTo(8.048, 5.759, 8, 5.641, 8, 5.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.904, 8.389, 5.034, 8.308, 5.184, 8.258) ..cubicTo(5.333, 8.209, 5.486, 8.195, 5.641, 8.217) ..cubicTo(5.781, 8.237, 5.892, 8.301, 5.973, 8.41) ..cubicTo(5.983, 8.423, 5.992, 8.436, 6, 8.45) ..lineTo(6, 8.972) ..cubicTo(5.968, 9.025, 5.925, 9.072, 5.871, 9.112) ..cubicTo(5.76, 9.195, 5.637, 9.227, 5.5, 9.207) ..lineTo(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) ..close() ..moveTo(15.586, 11.5) ..cubicTo(15.586, 11.776, 15.488, 12.012, 15.293, 12.207) ..lineTo(12.207, 15.293) ..cubicTo(12.012, 15.488, 11.776, 15.586, 11.5, 15.586) ..cubicTo(11.224, 15.586, 10.988, 15.488, 10.793, 15.293) ..lineTo(7.293, 11.793) ..cubicTo(7.098, 11.598, 7, 11.362, 7, 11.086) ..lineTo(7, 8) ..cubicTo(7, 7.724, 7.098, 7.488, 7.293, 7.293) ..cubicTo(7.488, 7.098, 7.724, 7, 8, 7) ..lineTo(11.086, 7) ..cubicTo(11.362, 7, 11.598, 7.098, 11.793, 7.293) ..lineTo(15.293, 10.793) ..cubicTo(15.488, 10.988, 15.586, 11.224, 15.586, 11.5) ..close() ..moveTo(10, 11) ..cubicTo(10.552, 11, 11, 10.552, 11, 10) ..cubicTo(11, 9.448, 10.552, 9, 10, 9) ..cubicTo(9.448, 9, 9, 9.448, 9, 10) ..cubicTo(9, 10.552, 9.448, 11, 10, 11) ..close(); canvas.drawPath(p, Paint()..color = color); } @override bool shouldRepaint(_BookmarkTagIconPainter old) => old.color != color; } ```