# cat icon Cat. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/cat - Category: Nature & animals - Use it for: cat, kitten, kitty, feline - Tags: cat, kitten, kitty, pet, pets, animal, feline - Component name: CatIcon - Added: 2026-10-15 - Changed: 2026-10-16 (16 px redrawn) ## Alternatives - `paw`: pets in general, or pet-friendly ## Also fits - pets: a cat specifically ## Files Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. - line-round: https://gentleface.com/svg/line-round/16/cat.svg · PNG https://gentleface.com/png/line-round/16/cat.png · https://gentleface.com/png/line-round/32/cat.png · https://gentleface.com/png/line-round/48/cat.png - line-soft: https://gentleface.com/svg/line-soft/16/cat.svg · PNG https://gentleface.com/png/line-soft/16/cat.png · https://gentleface.com/png/line-soft/32/cat.png · https://gentleface.com/png/line-soft/48/cat.png - line-sharp: https://gentleface.com/svg/line-sharp/16/cat.svg · PNG https://gentleface.com/png/line-sharp/16/cat.png · https://gentleface.com/png/line-sharp/32/cat.png · https://gentleface.com/png/line-sharp/48/cat.png - solid-round: https://gentleface.com/svg/solid-round/16/cat.svg · PNG https://gentleface.com/png/solid-round/16/cat.png · https://gentleface.com/png/solid-round/32/cat.png · https://gentleface.com/png/solid-round/48/cat.png - solid-soft: https://gentleface.com/svg/solid-soft/16/cat.svg · PNG https://gentleface.com/png/solid-soft/16/cat.png · https://gentleface.com/png/solid-soft/32/cat.png · https://gentleface.com/png/solid-soft/48/cat.png - solid-sharp: https://gentleface.com/svg/solid-sharp/16/cat.svg · PNG https://gentleface.com/png/solid-sharp/16/cat.png · https://gentleface.com/png/solid-sharp/32/cat.png · https://gentleface.com/png/solid-sharp/48/cat.png The SVG of every style: https://gentleface.com/icons/cat.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 "cat" (line-round), MIT. https://gentleface.com/icons/cat import type { SVGProps } from 'react'; export function CatIcon(props: SVGProps) { return ( ); } ``` ### Vue ```vue ``` ### Svelte ```svelte ``` ### HTML img ```html

``` ### CSS ```css /* Gentleface "cat" (line-round), MIT. https://gentleface.com/icons/cat. Takes the text color. */ .icon-cat { 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='M5.829 2.606C6.355 2.869 6.912 3 7.5 3L8.5 3C9.088 3 9.645 2.869 10.171 2.606L12.553 1.415C12.697 1.343 12.849 1.307 13.01 1.309C13.196 1.311 13.368 1.361 13.526 1.458C13.684 1.556 13.805 1.688 13.89 1.853C13.963 1.996 14 2.148 14 2.309L14 9L14.5 9C14.641 9 14.759 9.048 14.856 9.144C14.952 9.241 15 9.359 15 9.5C15 9.641 14.952 9.759 14.856 9.856C14.759 9.952 14.641 10 14.5 10L13.909 10C13.843 10.351 13.74 10.684 13.6 11L14.5 11C14.641 11 14.759 11.048 14.856 11.144C14.952 11.241 15 11.359 15 11.5C15 11.641 14.952 11.759 14.856 11.856C14.759 11.952 14.641 12 14.5 12L12.988 12C12.755 12.285 12.484 12.543 12.175 12.775C11.632 13.182 10.995 13.49 10.262 13.7C9.561 13.9 8.807 14 8 14C7.193 14 6.439 13.9 5.738 13.7C5.005 13.49 4.368 13.182 3.825 12.775C3.516 12.543 3.245 12.285 3.012 12L1.5 12C1.359 12 1.241 11.952 1.144 11.856C1.048 11.759 1 11.641 1 11.5C1 11.359 1.048 11.241 1.144 11.144C1.241 11.048 1.359 11 1.5 11L2.4 11C2.26 10.684 2.157 10.351 2.091 10L1.5 10C1.359 10 1.241 9.952 1.144 9.856C1.048 9.759 1 9.641 1 9.5C1 9.359 1.048 9.241 1.144 9.144C1.241 9.048 1.359 9 1.5 9L2 9L2 2.309C2 2.148 2.037 1.996 2.11 1.853C2.195 1.688 2.316 1.556 2.474 1.458C2.632 1.361 2.804 1.311 2.99 1.309C3.151 1.307 3.303 1.343 3.447 1.415L5.829 2.606ZM10.618 3.5C9.951 3.833 9.245 4 8.5 4L7.5 4C6.755 4 6.049 3.833 5.382 3.5L3 2.309L3 9L4.5 9C4.641 9 4.759 9.048 4.856 9.144C4.952 9.241 5 9.359 5 9.5C5 9.641 4.952 9.759 4.856 9.856C4.759 9.952 4.641 10 4.5 10L3.114 10C3.177 10.263 3.268 10.511 3.385 10.745C3.428 10.832 3.476 10.917 3.526 11L4.5 11C4.641 11 4.759 11.048 4.856 11.144C4.952 11.241 5 11.359 5 11.5C5 11.641 4.952 11.759 4.856 11.856C4.759 11.952 4.641 12 4.5 12L4.459 12C4.896 12.321 5.414 12.567 6.012 12.738C6.624 12.913 7.286 13 8 13C8.714 13 9.376 12.913 9.988 12.738C10.586 12.567 11.104 12.321 11.541 12L11.5 12C11.359 12 11.241 11.952 11.144 11.856C11.048 11.759 11 11.641 11 11.5C11 11.359 11.048 11.241 11.144 11.144C11.241 11.048 11.359 11 11.5 11L12.474 11C12.524 10.917 12.572 10.832 12.615 10.745C12.732 10.511 12.823 10.263 12.886 10L11.5 10C11.359 10 11.241 9.952 11.144 9.856C11.048 9.759 11 9.641 11 9.5C11 9.359 11.048 9.241 11.144 9.144C11.241 9.048 11.359 9 11.5 9L13 9L13 2.309L10.618 3.5ZM5.707 6.293C5.902 6.488 6 6.724 6 7C6 7.276 5.902 7.512 5.707 7.707C5.512 7.902 5.276 8 5 8C4.724 8 4.488 7.902 4.293 7.707C4.098 7.512 4 7.276 4 7C4 6.724 4.098 6.488 4.293 6.293C4.488 6.098 4.724 6 5 6C5.276 6 5.512 6.098 5.707 6.293ZM10.293 6.293C10.488 6.098 10.724 6 11 6C11.276 6 11.512 6.098 11.707 6.293C11.902 6.488 12 6.724 12 7C12 7.276 11.902 7.512 11.707 7.707C11.512 7.902 11.276 8 11 8C10.724 8 10.488 7.902 10.293 7.707C10.098 7.512 10 7.276 10 7C10 6.724 10.098 6.488 10.293 6.293ZM8.707 10.293C8.512 10.488 8.276 10.586 8 10.586C7.724 10.586 7.488 10.488 7.293 10.293L6.768 9.768C6.684 9.684 6.636 9.569 6.636 9.45C6.636 9.201 6.838 9 7.086 9L8.914 9C9.033 9 9.147 9.047 9.232 9.132C9.408 9.308 9.408 9.592 9.232 9.768L8.707 10.293Z'/%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='M5.829 2.606C6.355 2.869 6.912 3 7.5 3L8.5 3C9.088 3 9.645 2.869 10.171 2.606L12.553 1.415C12.697 1.343 12.849 1.307 13.01 1.309C13.196 1.311 13.368 1.361 13.526 1.458C13.684 1.556 13.805 1.688 13.89 1.853C13.963 1.996 14 2.148 14 2.309L14 9L14.5 9C14.641 9 14.759 9.048 14.856 9.144C14.952 9.241 15 9.359 15 9.5C15 9.641 14.952 9.759 14.856 9.856C14.759 9.952 14.641 10 14.5 10L13.909 10C13.843 10.351 13.74 10.684 13.6 11L14.5 11C14.641 11 14.759 11.048 14.856 11.144C14.952 11.241 15 11.359 15 11.5C15 11.641 14.952 11.759 14.856 11.856C14.759 11.952 14.641 12 14.5 12L12.988 12C12.755 12.285 12.484 12.543 12.175 12.775C11.632 13.182 10.995 13.49 10.262 13.7C9.561 13.9 8.807 14 8 14C7.193 14 6.439 13.9 5.738 13.7C5.005 13.49 4.368 13.182 3.825 12.775C3.516 12.543 3.245 12.285 3.012 12L1.5 12C1.359 12 1.241 11.952 1.144 11.856C1.048 11.759 1 11.641 1 11.5C1 11.359 1.048 11.241 1.144 11.144C1.241 11.048 1.359 11 1.5 11L2.4 11C2.26 10.684 2.157 10.351 2.091 10L1.5 10C1.359 10 1.241 9.952 1.144 9.856C1.048 9.759 1 9.641 1 9.5C1 9.359 1.048 9.241 1.144 9.144C1.241 9.048 1.359 9 1.5 9L2 9L2 2.309C2 2.148 2.037 1.996 2.11 1.853C2.195 1.688 2.316 1.556 2.474 1.458C2.632 1.361 2.804 1.311 2.99 1.309C3.151 1.307 3.303 1.343 3.447 1.415L5.829 2.606ZM10.618 3.5C9.951 3.833 9.245 4 8.5 4L7.5 4C6.755 4 6.049 3.833 5.382 3.5L3 2.309L3 9L4.5 9C4.641 9 4.759 9.048 4.856 9.144C4.952 9.241 5 9.359 5 9.5C5 9.641 4.952 9.759 4.856 9.856C4.759 9.952 4.641 10 4.5 10L3.114 10C3.177 10.263 3.268 10.511 3.385 10.745C3.428 10.832 3.476 10.917 3.526 11L4.5 11C4.641 11 4.759 11.048 4.856 11.144C4.952 11.241 5 11.359 5 11.5C5 11.641 4.952 11.759 4.856 11.856C4.759 11.952 4.641 12 4.5 12L4.459 12C4.896 12.321 5.414 12.567 6.012 12.738C6.624 12.913 7.286 13 8 13C8.714 13 9.376 12.913 9.988 12.738C10.586 12.567 11.104 12.321 11.541 12L11.5 12C11.359 12 11.241 11.952 11.144 11.856C11.048 11.759 11 11.641 11 11.5C11 11.359 11.048 11.241 11.144 11.144C11.241 11.048 11.359 11 11.5 11L12.474 11C12.524 10.917 12.572 10.832 12.615 10.745C12.732 10.511 12.823 10.263 12.886 10L11.5 10C11.359 10 11.241 9.952 11.144 9.856C11.048 9.759 11 9.641 11 9.5C11 9.359 11.048 9.241 11.144 9.144C11.241 9.048 11.359 9 11.5 9L13 9L13 2.309L10.618 3.5ZM5.707 6.293C5.902 6.488 6 6.724 6 7C6 7.276 5.902 7.512 5.707 7.707C5.512 7.902 5.276 8 5 8C4.724 8 4.488 7.902 4.293 7.707C4.098 7.512 4 7.276 4 7C4 6.724 4.098 6.488 4.293 6.293C4.488 6.098 4.724 6 5 6C5.276 6 5.512 6.098 5.707 6.293ZM10.293 6.293C10.488 6.098 10.724 6 11 6C11.276 6 11.512 6.098 11.707 6.293C11.902 6.488 12 6.724 12 7C12 7.276 11.902 7.512 11.707 7.707C11.512 7.902 11.276 8 11 8C10.724 8 10.488 7.902 10.293 7.707C10.098 7.512 10 7.276 10 7C10 6.724 10.098 6.488 10.293 6.293ZM8.707 10.293C8.512 10.488 8.276 10.586 8 10.586C7.724 10.586 7.488 10.488 7.293 10.293L6.768 9.768C6.684 9.684 6.636 9.569 6.636 9.45C6.636 9.201 6.838 9 7.086 9L8.914 9C9.033 9 9.147 9.047 9.232 9.132C9.408 9.308 9.408 9.592 9.232 9.768L8.707 10.293Z'/%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='M5.829 2.606C6.355 2.869 6.912 3 7.5 3L8.5 3C9.088 3 9.645 2.869 10.171 2.606L12.553 1.415C12.697 1.343 12.849 1.307 13.01 1.309C13.196 1.311 13.368 1.361 13.526 1.458C13.684 1.556 13.805 1.688 13.89 1.853C13.963 1.996 14 2.148 14 2.309L14 9L14.5 9C14.641 9 14.759 9.048 14.856 9.144C14.952 9.241 15 9.359 15 9.5C15 9.641 14.952 9.759 14.856 9.856C14.759 9.952 14.641 10 14.5 10L13.909 10C13.843 10.351 13.74 10.684 13.6 11L14.5 11C14.641 11 14.759 11.048 14.856 11.144C14.952 11.241 15 11.359 15 11.5C15 11.641 14.952 11.759 14.856 11.856C14.759 11.952 14.641 12 14.5 12L12.988 12C12.755 12.285 12.484 12.543 12.175 12.775C11.632 13.182 10.995 13.49 10.262 13.7C9.561 13.9 8.807 14 8 14C7.193 14 6.439 13.9 5.738 13.7C5.005 13.49 4.368 13.182 3.825 12.775C3.516 12.543 3.245 12.285 3.012 12L1.5 12C1.359 12 1.241 11.952 1.144 11.856C1.048 11.759 1 11.641 1 11.5C1 11.359 1.048 11.241 1.144 11.144C1.241 11.048 1.359 11 1.5 11L2.4 11C2.26 10.684 2.157 10.351 2.091 10L1.5 10C1.359 10 1.241 9.952 1.144 9.856C1.048 9.759 1 9.641 1 9.5C1 9.359 1.048 9.241 1.144 9.144C1.241 9.048 1.359 9 1.5 9L2 9L2 2.309C2 2.148 2.037 1.996 2.11 1.853C2.195 1.688 2.316 1.556 2.474 1.458C2.632 1.361 2.804 1.311 2.99 1.309C3.151 1.307 3.303 1.343 3.447 1.415L5.829 2.606ZM10.618 3.5C9.951 3.833 9.245 4 8.5 4L7.5 4C6.755 4 6.049 3.833 5.382 3.5L3 2.309L3 9L4.5 9C4.641 9 4.759 9.048 4.856 9.144C4.952 9.241 5 9.359 5 9.5C5 9.641 4.952 9.759 4.856 9.856C4.759 9.952 4.641 10 4.5 10L3.114 10C3.177 10.263 3.268 10.511 3.385 10.745C3.428 10.832 3.476 10.917 3.526 11L4.5 11C4.641 11 4.759 11.048 4.856 11.144C4.952 11.241 5 11.359 5 11.5C5 11.641 4.952 11.759 4.856 11.856C4.759 11.952 4.641 12 4.5 12L4.459 12C4.896 12.321 5.414 12.567 6.012 12.738C6.624 12.913 7.286 13 8 13C8.714 13 9.376 12.913 9.988 12.738C10.586 12.567 11.104 12.321 11.541 12L11.5 12C11.359 12 11.241 11.952 11.144 11.856C11.048 11.759 11 11.641 11 11.5C11 11.359 11.048 11.241 11.144 11.144C11.241 11.048 11.359 11 11.5 11L12.474 11C12.524 10.917 12.572 10.832 12.615 10.745C12.732 10.511 12.823 10.263 12.886 10L11.5 10C11.359 10 11.241 9.952 11.144 9.856C11.048 9.759 11 9.641 11 9.5C11 9.359 11.048 9.241 11.144 9.144C11.241 9.048 11.359 9 11.5 9L13 9L13 2.309L10.618 3.5ZM5.707 6.293C5.902 6.488 6 6.724 6 7C6 7.276 5.902 7.512 5.707 7.707C5.512 7.902 5.276 8 5 8C4.724 8 4.488 7.902 4.293 7.707C4.098 7.512 4 7.276 4 7C4 6.724 4.098 6.488 4.293 6.293C4.488 6.098 4.724 6 5 6C5.276 6 5.512 6.098 5.707 6.293ZM10.293 6.293C10.488 6.098 10.724 6 11 6C11.276 6 11.512 6.098 11.707 6.293C11.902 6.488 12 6.724 12 7C12 7.276 11.902 7.512 11.707 7.707C11.512 7.902 11.276 8 11 8C10.724 8 10.488 7.902 10.293 7.707C10.098 7.512 10 7.276 10 7C10 6.724 10.098 6.488 10.293 6.293ZM8.707 10.293C8.512 10.488 8.276 10.586 8 10.586C7.724 10.586 7.488 10.488 7.293 10.293L6.768 9.768C6.684 9.684 6.636 9.569 6.636 9.45C6.636 9.201 6.838 9 7.086 9L8.914 9C9.033 9 9.147 9.047 9.232 9.132C9.408 9.308 9.408 9.592 9.232 9.768L8.707 10.293Z'/%3E%3C/svg%3E ``` ### Sprite ```html ``` ### SwiftUI ```swift // Gentleface "cat" (line-round), MIT. https://gentleface.com/icons/cat import SwiftUI struct CatIcon: Shape { func path(in rect: CGRect) -> Path { var p = Path() p.move(to: CGPoint(x: 5.829, y: 2.606)) p.addCurve(to: CGPoint(x: 7.5, y: 3), control1: CGPoint(x: 6.355, y: 2.869), control2: CGPoint(x: 6.912, y: 3)) p.addLine(to: CGPoint(x: 8.5, y: 3)) p.addCurve(to: CGPoint(x: 10.171, y: 2.606), control1: CGPoint(x: 9.088, y: 3), control2: CGPoint(x: 9.645, y: 2.869)) p.addLine(to: CGPoint(x: 12.553, y: 1.415)) p.addCurve(to: CGPoint(x: 13.01, y: 1.309), control1: CGPoint(x: 12.697, y: 1.343), control2: CGPoint(x: 12.849, y: 1.307)) p.addCurve(to: CGPoint(x: 13.526, y: 1.458), control1: CGPoint(x: 13.196, y: 1.311), control2: CGPoint(x: 13.368, y: 1.361)) p.addCurve(to: CGPoint(x: 13.89, y: 1.853), control1: CGPoint(x: 13.684, y: 1.556), control2: CGPoint(x: 13.805, y: 1.688)) p.addCurve(to: CGPoint(x: 14, y: 2.309), control1: CGPoint(x: 13.963, y: 1.996), control2: CGPoint(x: 14, y: 2.148)) p.addLine(to: CGPoint(x: 14, y: 9)) p.addLine(to: CGPoint(x: 14.5, y: 9)) p.addCurve(to: CGPoint(x: 14.856, y: 9.144), control1: CGPoint(x: 14.641, y: 9), control2: CGPoint(x: 14.759, y: 9.048)) p.addCurve(to: CGPoint(x: 15, y: 9.5), control1: CGPoint(x: 14.952, y: 9.241), control2: CGPoint(x: 15, y: 9.359)) p.addCurve(to: CGPoint(x: 14.856, y: 9.856), control1: CGPoint(x: 15, y: 9.641), control2: CGPoint(x: 14.952, y: 9.759)) p.addCurve(to: CGPoint(x: 14.5, y: 10), control1: CGPoint(x: 14.759, y: 9.952), control2: CGPoint(x: 14.641, y: 10)) p.addLine(to: CGPoint(x: 13.909, y: 10)) p.addCurve(to: CGPoint(x: 13.6, y: 11), control1: CGPoint(x: 13.843, y: 10.351), control2: CGPoint(x: 13.74, y: 10.684)) p.addLine(to: CGPoint(x: 14.5, y: 11)) p.addCurve(to: CGPoint(x: 14.856, y: 11.144), control1: CGPoint(x: 14.641, y: 11), control2: CGPoint(x: 14.759, y: 11.048)) p.addCurve(to: CGPoint(x: 15, y: 11.5), control1: CGPoint(x: 14.952, y: 11.241), control2: CGPoint(x: 15, y: 11.359)) p.addCurve(to: CGPoint(x: 14.856, y: 11.856), control1: CGPoint(x: 15, y: 11.641), control2: CGPoint(x: 14.952, y: 11.759)) p.addCurve(to: CGPoint(x: 14.5, y: 12), control1: CGPoint(x: 14.759, y: 11.952), control2: CGPoint(x: 14.641, y: 12)) p.addLine(to: CGPoint(x: 12.988, y: 12)) p.addCurve(to: CGPoint(x: 12.175, y: 12.775), control1: CGPoint(x: 12.755, y: 12.285), control2: CGPoint(x: 12.484, y: 12.543)) p.addCurve(to: CGPoint(x: 10.262, y: 13.7), control1: CGPoint(x: 11.632, y: 13.182), control2: CGPoint(x: 10.995, y: 13.49)) p.addCurve(to: CGPoint(x: 8, y: 14), control1: CGPoint(x: 9.561, y: 13.9), control2: CGPoint(x: 8.807, y: 14)) p.addCurve(to: CGPoint(x: 5.738, y: 13.7), control1: CGPoint(x: 7.193, y: 14), control2: CGPoint(x: 6.439, y: 13.9)) p.addCurve(to: CGPoint(x: 3.825, y: 12.775), control1: CGPoint(x: 5.005, y: 13.49), control2: CGPoint(x: 4.368, y: 13.182)) p.addCurve(to: CGPoint(x: 3.012, y: 12), control1: CGPoint(x: 3.516, y: 12.543), control2: CGPoint(x: 3.245, y: 12.285)) p.addLine(to: CGPoint(x: 1.5, y: 12)) p.addCurve(to: CGPoint(x: 1.144, y: 11.856), control1: CGPoint(x: 1.359, y: 12), control2: CGPoint(x: 1.241, y: 11.952)) p.addCurve(to: CGPoint(x: 1, y: 11.5), control1: CGPoint(x: 1.048, y: 11.759), control2: CGPoint(x: 1, y: 11.641)) p.addCurve(to: CGPoint(x: 1.144, y: 11.144), control1: CGPoint(x: 1, y: 11.359), control2: CGPoint(x: 1.048, y: 11.241)) p.addCurve(to: CGPoint(x: 1.5, y: 11), control1: CGPoint(x: 1.241, y: 11.048), control2: CGPoint(x: 1.359, y: 11)) p.addLine(to: CGPoint(x: 2.4, y: 11)) p.addCurve(to: CGPoint(x: 2.091, y: 10), control1: CGPoint(x: 2.26, y: 10.684), control2: CGPoint(x: 2.157, y: 10.351)) p.addLine(to: CGPoint(x: 1.5, y: 10)) p.addCurve(to: CGPoint(x: 1.144, y: 9.856), control1: CGPoint(x: 1.359, y: 10), control2: CGPoint(x: 1.241, y: 9.952)) p.addCurve(to: CGPoint(x: 1, y: 9.5), control1: CGPoint(x: 1.048, y: 9.759), control2: CGPoint(x: 1, y: 9.641)) p.addCurve(to: CGPoint(x: 1.144, y: 9.144), control1: CGPoint(x: 1, y: 9.359), control2: CGPoint(x: 1.048, y: 9.241)) p.addCurve(to: CGPoint(x: 1.5, y: 9), control1: CGPoint(x: 1.241, y: 9.048), control2: CGPoint(x: 1.359, y: 9)) p.addLine(to: CGPoint(x: 2, y: 9)) p.addLine(to: CGPoint(x: 2, y: 2.309)) p.addCurve(to: CGPoint(x: 2.11, y: 1.853), control1: CGPoint(x: 2, y: 2.148), control2: CGPoint(x: 2.037, y: 1.996)) p.addCurve(to: CGPoint(x: 2.474, y: 1.458), control1: CGPoint(x: 2.195, y: 1.688), control2: CGPoint(x: 2.316, y: 1.556)) p.addCurve(to: CGPoint(x: 2.99, y: 1.309), control1: CGPoint(x: 2.632, y: 1.361), control2: CGPoint(x: 2.804, y: 1.311)) p.addCurve(to: CGPoint(x: 3.447, y: 1.415), control1: CGPoint(x: 3.151, y: 1.307), control2: CGPoint(x: 3.303, y: 1.343)) p.addLine(to: CGPoint(x: 5.829, y: 2.606)) p.closeSubpath() p.move(to: CGPoint(x: 10.618, y: 3.5)) p.addCurve(to: CGPoint(x: 8.5, y: 4), control1: CGPoint(x: 9.951, y: 3.833), control2: CGPoint(x: 9.245, y: 4)) p.addLine(to: CGPoint(x: 7.5, y: 4)) p.addCurve(to: CGPoint(x: 5.382, y: 3.5), control1: CGPoint(x: 6.755, y: 4), control2: CGPoint(x: 6.049, y: 3.833)) p.addLine(to: CGPoint(x: 3, y: 2.309)) p.addLine(to: CGPoint(x: 3, y: 9)) p.addLine(to: CGPoint(x: 4.5, y: 9)) p.addCurve(to: CGPoint(x: 4.856, y: 9.144), control1: CGPoint(x: 4.641, y: 9), control2: CGPoint(x: 4.759, y: 9.048)) p.addCurve(to: CGPoint(x: 5, y: 9.5), control1: CGPoint(x: 4.952, y: 9.241), control2: CGPoint(x: 5, y: 9.359)) p.addCurve(to: CGPoint(x: 4.856, y: 9.856), control1: CGPoint(x: 5, y: 9.641), control2: CGPoint(x: 4.952, y: 9.759)) p.addCurve(to: CGPoint(x: 4.5, y: 10), control1: CGPoint(x: 4.759, y: 9.952), control2: CGPoint(x: 4.641, y: 10)) p.addLine(to: CGPoint(x: 3.114, y: 10)) p.addCurve(to: CGPoint(x: 3.385, y: 10.745), control1: CGPoint(x: 3.177, y: 10.263), control2: CGPoint(x: 3.268, y: 10.511)) p.addCurve(to: CGPoint(x: 3.526, y: 11), control1: CGPoint(x: 3.428, y: 10.832), control2: CGPoint(x: 3.476, y: 10.917)) p.addLine(to: CGPoint(x: 4.5, y: 11)) p.addCurve(to: CGPoint(x: 4.856, y: 11.144), control1: CGPoint(x: 4.641, y: 11), control2: CGPoint(x: 4.759, y: 11.048)) p.addCurve(to: CGPoint(x: 5, y: 11.5), control1: CGPoint(x: 4.952, y: 11.241), control2: CGPoint(x: 5, y: 11.359)) p.addCurve(to: CGPoint(x: 4.856, y: 11.856), control1: CGPoint(x: 5, y: 11.641), control2: CGPoint(x: 4.952, y: 11.759)) p.addCurve(to: CGPoint(x: 4.5, y: 12), control1: CGPoint(x: 4.759, y: 11.952), control2: CGPoint(x: 4.641, y: 12)) p.addLine(to: CGPoint(x: 4.459, y: 12)) p.addCurve(to: CGPoint(x: 6.012, y: 12.738), control1: CGPoint(x: 4.896, y: 12.321), control2: CGPoint(x: 5.414, y: 12.567)) p.addCurve(to: CGPoint(x: 8, y: 13), control1: CGPoint(x: 6.624, y: 12.913), control2: CGPoint(x: 7.286, y: 13)) p.addCurve(to: CGPoint(x: 9.988, y: 12.738), control1: CGPoint(x: 8.714, y: 13), control2: CGPoint(x: 9.376, y: 12.913)) p.addCurve(to: CGPoint(x: 11.541, y: 12), control1: CGPoint(x: 10.586, y: 12.567), control2: CGPoint(x: 11.104, y: 12.321)) p.addLine(to: CGPoint(x: 11.5, y: 12)) p.addCurve(to: CGPoint(x: 11.144, y: 11.856), control1: CGPoint(x: 11.359, y: 12), control2: CGPoint(x: 11.241, y: 11.952)) p.addCurve(to: CGPoint(x: 11, y: 11.5), control1: CGPoint(x: 11.048, y: 11.759), control2: CGPoint(x: 11, y: 11.641)) p.addCurve(to: CGPoint(x: 11.144, y: 11.144), control1: CGPoint(x: 11, y: 11.359), control2: CGPoint(x: 11.048, y: 11.241)) p.addCurve(to: CGPoint(x: 11.5, y: 11), control1: CGPoint(x: 11.241, y: 11.048), control2: CGPoint(x: 11.359, y: 11)) p.addLine(to: CGPoint(x: 12.474, y: 11)) p.addCurve(to: CGPoint(x: 12.615, y: 10.745), control1: CGPoint(x: 12.524, y: 10.917), control2: CGPoint(x: 12.572, y: 10.832)) p.addCurve(to: CGPoint(x: 12.886, y: 10), control1: CGPoint(x: 12.732, y: 10.511), control2: CGPoint(x: 12.823, y: 10.263)) p.addLine(to: CGPoint(x: 11.5, y: 10)) p.addCurve(to: CGPoint(x: 11.144, y: 9.856), control1: CGPoint(x: 11.359, y: 10), control2: CGPoint(x: 11.241, y: 9.952)) p.addCurve(to: CGPoint(x: 11, y: 9.5), control1: CGPoint(x: 11.048, y: 9.759), control2: CGPoint(x: 11, y: 9.641)) p.addCurve(to: CGPoint(x: 11.144, y: 9.144), control1: CGPoint(x: 11, y: 9.359), control2: CGPoint(x: 11.048, y: 9.241)) p.addCurve(to: CGPoint(x: 11.5, y: 9), control1: CGPoint(x: 11.241, y: 9.048), control2: CGPoint(x: 11.359, y: 9)) p.addLine(to: CGPoint(x: 13, y: 9)) p.addLine(to: CGPoint(x: 13, y: 2.309)) p.addLine(to: CGPoint(x: 10.618, y: 3.5)) p.closeSubpath() p.move(to: CGPoint(x: 5.707, y: 6.293)) p.addCurve(to: CGPoint(x: 6, y: 7), control1: CGPoint(x: 5.902, y: 6.488), control2: CGPoint(x: 6, y: 6.724)) p.addCurve(to: CGPoint(x: 5.707, y: 7.707), control1: CGPoint(x: 6, y: 7.276), control2: CGPoint(x: 5.902, y: 7.512)) p.addCurve(to: CGPoint(x: 5, y: 8), control1: CGPoint(x: 5.512, y: 7.902), control2: CGPoint(x: 5.276, y: 8)) p.addCurve(to: CGPoint(x: 4.293, y: 7.707), control1: CGPoint(x: 4.724, y: 8), control2: CGPoint(x: 4.488, y: 7.902)) p.addCurve(to: CGPoint(x: 4, y: 7), control1: CGPoint(x: 4.098, y: 7.512), control2: CGPoint(x: 4, y: 7.276)) p.addCurve(to: CGPoint(x: 4.293, y: 6.293), control1: CGPoint(x: 4, y: 6.724), control2: CGPoint(x: 4.098, y: 6.488)) p.addCurve(to: CGPoint(x: 5, y: 6), control1: CGPoint(x: 4.488, y: 6.098), control2: CGPoint(x: 4.724, y: 6)) p.addCurve(to: CGPoint(x: 5.707, y: 6.293), control1: CGPoint(x: 5.276, y: 6), control2: CGPoint(x: 5.512, y: 6.098)) p.closeSubpath() p.move(to: CGPoint(x: 10.293, y: 6.293)) p.addCurve(to: CGPoint(x: 11, y: 6), control1: CGPoint(x: 10.488, y: 6.098), control2: CGPoint(x: 10.724, y: 6)) p.addCurve(to: CGPoint(x: 11.707, y: 6.293), control1: CGPoint(x: 11.276, y: 6), control2: CGPoint(x: 11.512, y: 6.098)) p.addCurve(to: CGPoint(x: 12, y: 7), control1: CGPoint(x: 11.902, y: 6.488), control2: CGPoint(x: 12, y: 6.724)) p.addCurve(to: CGPoint(x: 11.707, y: 7.707), control1: CGPoint(x: 12, y: 7.276), control2: CGPoint(x: 11.902, y: 7.512)) p.addCurve(to: CGPoint(x: 11, y: 8), control1: CGPoint(x: 11.512, y: 7.902), control2: CGPoint(x: 11.276, y: 8)) p.addCurve(to: CGPoint(x: 10.293, y: 7.707), control1: CGPoint(x: 10.724, y: 8), control2: CGPoint(x: 10.488, y: 7.902)) p.addCurve(to: CGPoint(x: 10, y: 7), control1: CGPoint(x: 10.098, y: 7.512), control2: CGPoint(x: 10, y: 7.276)) p.addCurve(to: CGPoint(x: 10.293, y: 6.293), control1: CGPoint(x: 10, y: 6.724), control2: CGPoint(x: 10.098, y: 6.488)) p.closeSubpath() p.move(to: CGPoint(x: 8.707, y: 10.293)) p.addCurve(to: CGPoint(x: 8, y: 10.586), control1: CGPoint(x: 8.512, y: 10.488), control2: CGPoint(x: 8.276, y: 10.586)) p.addCurve(to: CGPoint(x: 7.293, y: 10.293), control1: CGPoint(x: 7.724, y: 10.586), control2: CGPoint(x: 7.488, y: 10.488)) p.addLine(to: CGPoint(x: 6.768, y: 9.768)) p.addCurve(to: CGPoint(x: 6.636, y: 9.45), control1: CGPoint(x: 6.684, y: 9.684), control2: CGPoint(x: 6.636, y: 9.569)) p.addCurve(to: CGPoint(x: 7.086, y: 9), control1: CGPoint(x: 6.636, y: 9.201), control2: CGPoint(x: 6.838, y: 9)) p.addLine(to: CGPoint(x: 8.914, y: 9)) p.addCurve(to: CGPoint(x: 9.232, y: 9.132), control1: CGPoint(x: 9.033, y: 9), control2: CGPoint(x: 9.147, y: 9.047)) p.addCurve(to: CGPoint(x: 9.232, y: 9.768), control1: CGPoint(x: 9.408, y: 9.308), control2: CGPoint(x: 9.408, y: 9.592)) p.addLine(to: CGPoint(x: 8.707, y: 10.293)) p.closeSubpath() return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16)) } } // CatIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp. ``` ### Compose ```kotlin // Gentleface "cat" (line-round), MIT. https://gentleface.com/icons/cat 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 CatIcon: ImageVector by lazy { ImageVector.Builder( name = "cat", defaultWidth = 16.dp, defaultHeight = 16.dp, viewportWidth = 16f, viewportHeight = 16f, ).addPath( pathData = addPathNodes("M5.829 2.606C6.355 2.869 6.912 3 7.5 3L8.5 3C9.088 3 9.645 2.869 10.171 2.606L12.553 1.415C12.697 1.343 12.849 1.307 13.01 1.309C13.196 1.311 13.368 1.361 13.526 1.458C13.684 1.556 13.805 1.688 13.89 1.853C13.963 1.996 14 2.148 14 2.309L14 9L14.5 9C14.641 9 14.759 9.048 14.856 9.144C14.952 9.241 15 9.359 15 9.5C15 9.641 14.952 9.759 14.856 9.856C14.759 9.952 14.641 10 14.5 10L13.909 10C13.843 10.351 13.74 10.684 13.6 11L14.5 11C14.641 11 14.759 11.048 14.856 11.144C14.952 11.241 15 11.359 15 11.5C15 11.641 14.952 11.759 14.856 11.856C14.759 11.952 14.641 12 14.5 12L12.988 12C12.755 12.285 12.484 12.543 12.175 12.775C11.632 13.182 10.995 13.49 10.262 13.7C9.561 13.9 8.807 14 8 14C7.193 14 6.439 13.9 5.738 13.7C5.005 13.49 4.368 13.182 3.825 12.775C3.516 12.543 3.245 12.285 3.012 12L1.5 12C1.359 12 1.241 11.952 1.144 11.856C1.048 11.759 1 11.641 1 11.5C1 11.359 1.048 11.241 1.144 11.144C1.241 11.048 1.359 11 1.5 11L2.4 11C2.26 10.684 2.157 10.351 2.091 10L1.5 10C1.359 10 1.241 9.952 1.144 9.856C1.048 9.759 1 9.641 1 9.5C1 9.359 1.048 9.241 1.144 9.144C1.241 9.048 1.359 9 1.5 9L2 9L2 2.309C2 2.148 2.037 1.996 2.11 1.853C2.195 1.688 2.316 1.556 2.474 1.458C2.632 1.361 2.804 1.311 2.99 1.309C3.151 1.307 3.303 1.343 3.447 1.415L5.829 2.606ZM10.618 3.5C9.951 3.833 9.245 4 8.5 4L7.5 4C6.755 4 6.049 3.833 5.382 3.5L3 2.309L3 9L4.5 9C4.641 9 4.759 9.048 4.856 9.144C4.952 9.241 5 9.359 5 9.5C5 9.641 4.952 9.759 4.856 9.856C4.759 9.952 4.641 10 4.5 10L3.114 10C3.177 10.263 3.268 10.511 3.385 10.745C3.428 10.832 3.476 10.917 3.526 11L4.5 11C4.641 11 4.759 11.048 4.856 11.144C4.952 11.241 5 11.359 5 11.5C5 11.641 4.952 11.759 4.856 11.856C4.759 11.952 4.641 12 4.5 12L4.459 12C4.896 12.321 5.414 12.567 6.012 12.738C6.624 12.913 7.286 13 8 13C8.714 13 9.376 12.913 9.988 12.738C10.586 12.567 11.104 12.321 11.541 12L11.5 12C11.359 12 11.241 11.952 11.144 11.856C11.048 11.759 11 11.641 11 11.5C11 11.359 11.048 11.241 11.144 11.144C11.241 11.048 11.359 11 11.5 11L12.474 11C12.524 10.917 12.572 10.832 12.615 10.745C12.732 10.511 12.823 10.263 12.886 10L11.5 10C11.359 10 11.241 9.952 11.144 9.856C11.048 9.759 11 9.641 11 9.5C11 9.359 11.048 9.241 11.144 9.144C11.241 9.048 11.359 9 11.5 9L13 9L13 2.309L10.618 3.5ZM5.707 6.293C5.902 6.488 6 6.724 6 7C6 7.276 5.902 7.512 5.707 7.707C5.512 7.902 5.276 8 5 8C4.724 8 4.488 7.902 4.293 7.707C4.098 7.512 4 7.276 4 7C4 6.724 4.098 6.488 4.293 6.293C4.488 6.098 4.724 6 5 6C5.276 6 5.512 6.098 5.707 6.293ZM10.293 6.293C10.488 6.098 10.724 6 11 6C11.276 6 11.512 6.098 11.707 6.293C11.902 6.488 12 6.724 12 7C12 7.276 11.902 7.512 11.707 7.707C11.512 7.902 11.276 8 11 8C10.724 8 10.488 7.902 10.293 7.707C10.098 7.512 10 7.276 10 7C10 6.724 10.098 6.488 10.293 6.293ZM8.707 10.293C8.512 10.488 8.276 10.586 8 10.586C7.724 10.586 7.488 10.488 7.293 10.293L6.768 9.768C6.684 9.684 6.636 9.569 6.636 9.45C6.636 9.201 6.838 9 7.086 9L8.914 9C9.033 9 9.147 9.047 9.232 9.132C9.408 9.308 9.408 9.592 9.232 9.768L8.707 10.293Z"), fill = SolidColor(Color.Black), ).build() } // Icon(CatIcon, contentDescription = null) tints it with LocalContentColor. ``` ### Android XML ```xml ``` ### Flutter ```dart // Gentleface "cat" (line-round), MIT. https://gentleface.com/icons/cat import 'package:flutter/widgets.dart'; class CatIcon extends StatelessWidget { const CatIcon({super.key, this.size = 16, this.color}); final double size; final Color? color; @override Widget build(BuildContext context) => CustomPaint( size: Size.square(size), painter: _CatIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)), ); } class _CatIconPainter extends CustomPainter { _CatIconPainter(this.color); final Color color; @override void paint(Canvas canvas, Size size) { canvas.scale(size.width / 16, size.height / 16); final p = Path() ..moveTo(5.829, 2.606) ..cubicTo(6.355, 2.869, 6.912, 3, 7.5, 3) ..lineTo(8.5, 3) ..cubicTo(9.088, 3, 9.645, 2.869, 10.171, 2.606) ..lineTo(12.553, 1.415) ..cubicTo(12.697, 1.343, 12.849, 1.307, 13.01, 1.309) ..cubicTo(13.196, 1.311, 13.368, 1.361, 13.526, 1.458) ..cubicTo(13.684, 1.556, 13.805, 1.688, 13.89, 1.853) ..cubicTo(13.963, 1.996, 14, 2.148, 14, 2.309) ..lineTo(14, 9) ..lineTo(14.5, 9) ..cubicTo(14.641, 9, 14.759, 9.048, 14.856, 9.144) ..cubicTo(14.952, 9.241, 15, 9.359, 15, 9.5) ..cubicTo(15, 9.641, 14.952, 9.759, 14.856, 9.856) ..cubicTo(14.759, 9.952, 14.641, 10, 14.5, 10) ..lineTo(13.909, 10) ..cubicTo(13.843, 10.351, 13.74, 10.684, 13.6, 11) ..lineTo(14.5, 11) ..cubicTo(14.641, 11, 14.759, 11.048, 14.856, 11.144) ..cubicTo(14.952, 11.241, 15, 11.359, 15, 11.5) ..cubicTo(15, 11.641, 14.952, 11.759, 14.856, 11.856) ..cubicTo(14.759, 11.952, 14.641, 12, 14.5, 12) ..lineTo(12.988, 12) ..cubicTo(12.755, 12.285, 12.484, 12.543, 12.175, 12.775) ..cubicTo(11.632, 13.182, 10.995, 13.49, 10.262, 13.7) ..cubicTo(9.561, 13.9, 8.807, 14, 8, 14) ..cubicTo(7.193, 14, 6.439, 13.9, 5.738, 13.7) ..cubicTo(5.005, 13.49, 4.368, 13.182, 3.825, 12.775) ..cubicTo(3.516, 12.543, 3.245, 12.285, 3.012, 12) ..lineTo(1.5, 12) ..cubicTo(1.359, 12, 1.241, 11.952, 1.144, 11.856) ..cubicTo(1.048, 11.759, 1, 11.641, 1, 11.5) ..cubicTo(1, 11.359, 1.048, 11.241, 1.144, 11.144) ..cubicTo(1.241, 11.048, 1.359, 11, 1.5, 11) ..lineTo(2.4, 11) ..cubicTo(2.26, 10.684, 2.157, 10.351, 2.091, 10) ..lineTo(1.5, 10) ..cubicTo(1.359, 10, 1.241, 9.952, 1.144, 9.856) ..cubicTo(1.048, 9.759, 1, 9.641, 1, 9.5) ..cubicTo(1, 9.359, 1.048, 9.241, 1.144, 9.144) ..cubicTo(1.241, 9.048, 1.359, 9, 1.5, 9) ..lineTo(2, 9) ..lineTo(2, 2.309) ..cubicTo(2, 2.148, 2.037, 1.996, 2.11, 1.853) ..cubicTo(2.195, 1.688, 2.316, 1.556, 2.474, 1.458) ..cubicTo(2.632, 1.361, 2.804, 1.311, 2.99, 1.309) ..cubicTo(3.151, 1.307, 3.303, 1.343, 3.447, 1.415) ..lineTo(5.829, 2.606) ..close() ..moveTo(10.618, 3.5) ..cubicTo(9.951, 3.833, 9.245, 4, 8.5, 4) ..lineTo(7.5, 4) ..cubicTo(6.755, 4, 6.049, 3.833, 5.382, 3.5) ..lineTo(3, 2.309) ..lineTo(3, 9) ..lineTo(4.5, 9) ..cubicTo(4.641, 9, 4.759, 9.048, 4.856, 9.144) ..cubicTo(4.952, 9.241, 5, 9.359, 5, 9.5) ..cubicTo(5, 9.641, 4.952, 9.759, 4.856, 9.856) ..cubicTo(4.759, 9.952, 4.641, 10, 4.5, 10) ..lineTo(3.114, 10) ..cubicTo(3.177, 10.263, 3.268, 10.511, 3.385, 10.745) ..cubicTo(3.428, 10.832, 3.476, 10.917, 3.526, 11) ..lineTo(4.5, 11) ..cubicTo(4.641, 11, 4.759, 11.048, 4.856, 11.144) ..cubicTo(4.952, 11.241, 5, 11.359, 5, 11.5) ..cubicTo(5, 11.641, 4.952, 11.759, 4.856, 11.856) ..cubicTo(4.759, 11.952, 4.641, 12, 4.5, 12) ..lineTo(4.459, 12) ..cubicTo(4.896, 12.321, 5.414, 12.567, 6.012, 12.738) ..cubicTo(6.624, 12.913, 7.286, 13, 8, 13) ..cubicTo(8.714, 13, 9.376, 12.913, 9.988, 12.738) ..cubicTo(10.586, 12.567, 11.104, 12.321, 11.541, 12) ..lineTo(11.5, 12) ..cubicTo(11.359, 12, 11.241, 11.952, 11.144, 11.856) ..cubicTo(11.048, 11.759, 11, 11.641, 11, 11.5) ..cubicTo(11, 11.359, 11.048, 11.241, 11.144, 11.144) ..cubicTo(11.241, 11.048, 11.359, 11, 11.5, 11) ..lineTo(12.474, 11) ..cubicTo(12.524, 10.917, 12.572, 10.832, 12.615, 10.745) ..cubicTo(12.732, 10.511, 12.823, 10.263, 12.886, 10) ..lineTo(11.5, 10) ..cubicTo(11.359, 10, 11.241, 9.952, 11.144, 9.856) ..cubicTo(11.048, 9.759, 11, 9.641, 11, 9.5) ..cubicTo(11, 9.359, 11.048, 9.241, 11.144, 9.144) ..cubicTo(11.241, 9.048, 11.359, 9, 11.5, 9) ..lineTo(13, 9) ..lineTo(13, 2.309) ..lineTo(10.618, 3.5) ..close() ..moveTo(5.707, 6.293) ..cubicTo(5.902, 6.488, 6, 6.724, 6, 7) ..cubicTo(6, 7.276, 5.902, 7.512, 5.707, 7.707) ..cubicTo(5.512, 7.902, 5.276, 8, 5, 8) ..cubicTo(4.724, 8, 4.488, 7.902, 4.293, 7.707) ..cubicTo(4.098, 7.512, 4, 7.276, 4, 7) ..cubicTo(4, 6.724, 4.098, 6.488, 4.293, 6.293) ..cubicTo(4.488, 6.098, 4.724, 6, 5, 6) ..cubicTo(5.276, 6, 5.512, 6.098, 5.707, 6.293) ..close() ..moveTo(10.293, 6.293) ..cubicTo(10.488, 6.098, 10.724, 6, 11, 6) ..cubicTo(11.276, 6, 11.512, 6.098, 11.707, 6.293) ..cubicTo(11.902, 6.488, 12, 6.724, 12, 7) ..cubicTo(12, 7.276, 11.902, 7.512, 11.707, 7.707) ..cubicTo(11.512, 7.902, 11.276, 8, 11, 8) ..cubicTo(10.724, 8, 10.488, 7.902, 10.293, 7.707) ..cubicTo(10.098, 7.512, 10, 7.276, 10, 7) ..cubicTo(10, 6.724, 10.098, 6.488, 10.293, 6.293) ..close() ..moveTo(8.707, 10.293) ..cubicTo(8.512, 10.488, 8.276, 10.586, 8, 10.586) ..cubicTo(7.724, 10.586, 7.488, 10.488, 7.293, 10.293) ..lineTo(6.768, 9.768) ..cubicTo(6.684, 9.684, 6.636, 9.569, 6.636, 9.45) ..cubicTo(6.636, 9.201, 6.838, 9, 7.086, 9) ..lineTo(8.914, 9) ..cubicTo(9.033, 9, 9.147, 9.047, 9.232, 9.132) ..cubicTo(9.408, 9.308, 9.408, 9.592, 9.232, 9.768) ..lineTo(8.707, 10.293) ..close(); canvas.drawPath(p, Paint()..color = color); } @override bool shouldRepaint(_CatIconPainter old) => old.color != color; } ```