# swipe icon Swipe. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/swipe - Category: Layout & interface - Use it for: swipe, swipe gesture, swipe actions, swipe left, swipe right - Tags: swipe, gesture, touch, hand, finger, slide, drag, mobile, onboarding - Family: hand, hand-grab, hand-off - Component name: SwipeIcon - Added: 2026-10-16 ## Alternatives - `hand-pointer`: a tap (tap) - `carousel-horizontal`: swipeable content (carousel) ## Also fits - tap: a swipe gesture (swipe) ## 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/swipe.svg · PNG https://gentleface.com/png/line-round/16/swipe.png · https://gentleface.com/png/line-round/32/swipe.png · https://gentleface.com/png/line-round/48/swipe.png - line-soft: https://gentleface.com/svg/line-soft/16/swipe.svg · PNG https://gentleface.com/png/line-soft/16/swipe.png · https://gentleface.com/png/line-soft/32/swipe.png · https://gentleface.com/png/line-soft/48/swipe.png - line-sharp: https://gentleface.com/svg/line-sharp/16/swipe.svg · PNG https://gentleface.com/png/line-sharp/16/swipe.png · https://gentleface.com/png/line-sharp/32/swipe.png · https://gentleface.com/png/line-sharp/48/swipe.png - solid-round: https://gentleface.com/svg/solid-round/16/swipe.svg · PNG https://gentleface.com/png/solid-round/16/swipe.png · https://gentleface.com/png/solid-round/32/swipe.png · https://gentleface.com/png/solid-round/48/swipe.png - solid-soft: https://gentleface.com/svg/solid-soft/16/swipe.svg · PNG https://gentleface.com/png/solid-soft/16/swipe.png · https://gentleface.com/png/solid-soft/32/swipe.png · https://gentleface.com/png/solid-soft/48/swipe.png - solid-sharp: https://gentleface.com/svg/solid-sharp/16/swipe.svg · PNG https://gentleface.com/png/solid-sharp/16/swipe.png · https://gentleface.com/png/solid-sharp/32/swipe.png · https://gentleface.com/png/solid-sharp/48/swipe.png The SVG of every style: https://gentleface.com/icons/swipe.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 "swipe" (line-round), MIT. https://gentleface.com/icons/swipe import type { SVGProps } from 'react'; export function SwipeIcon(props: SVGProps) { return ( ); } ``` ### Vue ```vue ``` ### Svelte ```svelte ``` ### HTML img ```html

``` ### CSS ```css /* Gentleface "swipe" (line-round), MIT. https://gentleface.com/icons/swipe. Takes the text color. */ .icon-swipe { 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='M15.003 3.5C15.003 3.636 14.953 3.754 14.854 3.854L12.854 5.854C12.754 5.953 12.636 6.003 12.5 6.003C12.364 6.003 12.246 5.953 12.146 5.854C12.049 5.756 12 5.638 12 5.5C12 5.362 12.049 5.244 12.146 5.146L13.293 4L8.5 4C8.359 4 8.241 3.952 8.144 3.856C8.048 3.759 8 3.641 8 3.5C8 3.359 8.048 3.241 8.144 3.144C8.241 3.048 8.359 3 8.5 3L13.293 3L12.146 1.854C12.049 1.756 12 1.638 12 1.5C12 1.362 12.049 1.244 12.146 1.146C12.246 1.047 12.364 0.997 12.5 0.997C12.636 0.997 12.754 1.047 12.854 1.146L14.854 3.146C14.953 3.246 15.003 3.364 15.003 3.5ZM12.649 11.84C12.395 12.482 12.024 13.047 11.536 13.536C11.047 14.024 10.482 14.395 9.84 14.649C9.249 14.883 8.636 15 8 15L5.5 15C5.362 15 5.244 14.951 5.146 14.854L1.146 10.854C1.049 10.756 1 10.638 1 10.5C1 10.182 1.059 9.875 1.176 9.58C1.303 9.259 1.488 8.976 1.732 8.732C1.976 8.488 2.259 8.303 2.58 8.176C2.875 8.059 3.182 8 3.5 8C3.638 8 3.756 8.049 3.854 8.146L4 8.293L4 3.5C4 3.309 4.035 3.125 4.105 2.948C4.182 2.755 4.293 2.586 4.439 2.439C4.586 2.293 4.755 2.182 4.948 2.105C5.125 2.035 5.309 2 5.5 2C5.691 2 5.875 2.035 6.052 2.105C6.245 2.182 6.414 2.293 6.561 2.439C6.707 2.586 6.818 2.755 6.895 2.948C6.965 3.125 7 3.309 7 3.5L7 5.086C7.161 5.029 7.328 5 7.5 5C7.691 5 7.875 5.035 8.052 5.105C8.245 5.182 8.414 5.293 8.561 5.439C8.707 5.586 8.818 5.755 8.895 5.948C8.915 6 8.933 6.052 8.947 6.106L8.948 6.105C9.125 6.035 9.309 6 9.5 6C9.691 6 9.875 6.035 10.052 6.105C10.245 6.182 10.414 6.293 10.561 6.439C10.707 6.586 10.818 6.755 10.895 6.948C10.915 7 10.933 7.052 10.947 7.106L10.948 7.105C11.125 7.035 11.309 7 11.5 7C11.691 7 11.875 7.035 12.052 7.105C12.245 7.182 12.414 7.293 12.561 7.439C12.707 7.586 12.818 7.755 12.895 7.948C12.965 8.125 13 8.309 13 8.5L13 10C13 10.636 12.883 11.249 12.649 11.84ZM8.856 8.856C8.759 8.952 8.641 9 8.5 9C8.359 9 8.241 8.952 8.144 8.856C8.048 8.759 8 8.641 8 8.5L8 6.5C8 6.362 7.951 6.244 7.854 6.146C7.756 6.049 7.638 6 7.5 6C7.362 6 7.244 6.049 7.146 6.146C7.049 6.244 7 6.362 7 6.5L7 8.5C7 8.641 6.952 8.759 6.856 8.856C6.759 8.952 6.641 9 6.5 9C6.359 9 6.241 8.952 6.144 8.856C6.048 8.759 6 8.641 6 8.5L6 3.5C6 3.362 5.951 3.244 5.854 3.146C5.756 3.049 5.638 3 5.5 3C5.362 3 5.244 3.049 5.146 3.146C5.049 3.244 5 3.362 5 3.5L5 9.5C5 9.638 4.951 9.756 4.854 9.854C4.754 9.953 4.636 10.003 4.5 10.003C4.364 10.003 4.246 9.953 4.146 9.854L3.305 9.012C3.183 9.028 3.064 9.059 2.948 9.105C2.755 9.182 2.586 9.293 2.439 9.439C2.293 9.586 2.182 9.755 2.105 9.948C2.059 10.064 2.028 10.183 2.012 10.305L5.707 14L8 14C8.509 14 8.999 13.906 9.472 13.719C9.986 13.516 10.438 13.219 10.828 12.828C11.219 12.438 11.516 11.986 11.719 11.472C11.906 10.999 12 10.509 12 10L12 8.5C12 8.362 11.951 8.244 11.854 8.146C11.756 8.049 11.638 8 11.5 8C11.362 8 11.244 8.049 11.146 8.146C11.049 8.244 11 8.362 11 8.5C11 8.641 10.952 8.759 10.856 8.856C10.759 8.952 10.641 9 10.5 9C10.359 9 10.241 8.952 10.144 8.856C10.048 8.759 10 8.641 10 8.5L10 7.5C10 7.362 9.951 7.244 9.854 7.146C9.756 7.049 9.638 7 9.5 7C9.362 7 9.244 7.049 9.146 7.146C9.049 7.244 9 7.362 9 7.5L9 8.5C9 8.641 8.952 8.759 8.856 8.856Z'/%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='M15.003 3.5C15.003 3.636 14.953 3.754 14.854 3.854L12.854 5.854C12.754 5.953 12.636 6.003 12.5 6.003C12.364 6.003 12.246 5.953 12.146 5.854C12.049 5.756 12 5.638 12 5.5C12 5.362 12.049 5.244 12.146 5.146L13.293 4L8.5 4C8.359 4 8.241 3.952 8.144 3.856C8.048 3.759 8 3.641 8 3.5C8 3.359 8.048 3.241 8.144 3.144C8.241 3.048 8.359 3 8.5 3L13.293 3L12.146 1.854C12.049 1.756 12 1.638 12 1.5C12 1.362 12.049 1.244 12.146 1.146C12.246 1.047 12.364 0.997 12.5 0.997C12.636 0.997 12.754 1.047 12.854 1.146L14.854 3.146C14.953 3.246 15.003 3.364 15.003 3.5ZM12.649 11.84C12.395 12.482 12.024 13.047 11.536 13.536C11.047 14.024 10.482 14.395 9.84 14.649C9.249 14.883 8.636 15 8 15L5.5 15C5.362 15 5.244 14.951 5.146 14.854L1.146 10.854C1.049 10.756 1 10.638 1 10.5C1 10.182 1.059 9.875 1.176 9.58C1.303 9.259 1.488 8.976 1.732 8.732C1.976 8.488 2.259 8.303 2.58 8.176C2.875 8.059 3.182 8 3.5 8C3.638 8 3.756 8.049 3.854 8.146L4 8.293L4 3.5C4 3.309 4.035 3.125 4.105 2.948C4.182 2.755 4.293 2.586 4.439 2.439C4.586 2.293 4.755 2.182 4.948 2.105C5.125 2.035 5.309 2 5.5 2C5.691 2 5.875 2.035 6.052 2.105C6.245 2.182 6.414 2.293 6.561 2.439C6.707 2.586 6.818 2.755 6.895 2.948C6.965 3.125 7 3.309 7 3.5L7 5.086C7.161 5.029 7.328 5 7.5 5C7.691 5 7.875 5.035 8.052 5.105C8.245 5.182 8.414 5.293 8.561 5.439C8.707 5.586 8.818 5.755 8.895 5.948C8.915 6 8.933 6.052 8.947 6.106L8.948 6.105C9.125 6.035 9.309 6 9.5 6C9.691 6 9.875 6.035 10.052 6.105C10.245 6.182 10.414 6.293 10.561 6.439C10.707 6.586 10.818 6.755 10.895 6.948C10.915 7 10.933 7.052 10.947 7.106L10.948 7.105C11.125 7.035 11.309 7 11.5 7C11.691 7 11.875 7.035 12.052 7.105C12.245 7.182 12.414 7.293 12.561 7.439C12.707 7.586 12.818 7.755 12.895 7.948C12.965 8.125 13 8.309 13 8.5L13 10C13 10.636 12.883 11.249 12.649 11.84ZM8.856 8.856C8.759 8.952 8.641 9 8.5 9C8.359 9 8.241 8.952 8.144 8.856C8.048 8.759 8 8.641 8 8.5L8 6.5C8 6.362 7.951 6.244 7.854 6.146C7.756 6.049 7.638 6 7.5 6C7.362 6 7.244 6.049 7.146 6.146C7.049 6.244 7 6.362 7 6.5L7 8.5C7 8.641 6.952 8.759 6.856 8.856C6.759 8.952 6.641 9 6.5 9C6.359 9 6.241 8.952 6.144 8.856C6.048 8.759 6 8.641 6 8.5L6 3.5C6 3.362 5.951 3.244 5.854 3.146C5.756 3.049 5.638 3 5.5 3C5.362 3 5.244 3.049 5.146 3.146C5.049 3.244 5 3.362 5 3.5L5 9.5C5 9.638 4.951 9.756 4.854 9.854C4.754 9.953 4.636 10.003 4.5 10.003C4.364 10.003 4.246 9.953 4.146 9.854L3.305 9.012C3.183 9.028 3.064 9.059 2.948 9.105C2.755 9.182 2.586 9.293 2.439 9.439C2.293 9.586 2.182 9.755 2.105 9.948C2.059 10.064 2.028 10.183 2.012 10.305L5.707 14L8 14C8.509 14 8.999 13.906 9.472 13.719C9.986 13.516 10.438 13.219 10.828 12.828C11.219 12.438 11.516 11.986 11.719 11.472C11.906 10.999 12 10.509 12 10L12 8.5C12 8.362 11.951 8.244 11.854 8.146C11.756 8.049 11.638 8 11.5 8C11.362 8 11.244 8.049 11.146 8.146C11.049 8.244 11 8.362 11 8.5C11 8.641 10.952 8.759 10.856 8.856C10.759 8.952 10.641 9 10.5 9C10.359 9 10.241 8.952 10.144 8.856C10.048 8.759 10 8.641 10 8.5L10 7.5C10 7.362 9.951 7.244 9.854 7.146C9.756 7.049 9.638 7 9.5 7C9.362 7 9.244 7.049 9.146 7.146C9.049 7.244 9 7.362 9 7.5L9 8.5C9 8.641 8.952 8.759 8.856 8.856Z'/%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='M15.003 3.5C15.003 3.636 14.953 3.754 14.854 3.854L12.854 5.854C12.754 5.953 12.636 6.003 12.5 6.003C12.364 6.003 12.246 5.953 12.146 5.854C12.049 5.756 12 5.638 12 5.5C12 5.362 12.049 5.244 12.146 5.146L13.293 4L8.5 4C8.359 4 8.241 3.952 8.144 3.856C8.048 3.759 8 3.641 8 3.5C8 3.359 8.048 3.241 8.144 3.144C8.241 3.048 8.359 3 8.5 3L13.293 3L12.146 1.854C12.049 1.756 12 1.638 12 1.5C12 1.362 12.049 1.244 12.146 1.146C12.246 1.047 12.364 0.997 12.5 0.997C12.636 0.997 12.754 1.047 12.854 1.146L14.854 3.146C14.953 3.246 15.003 3.364 15.003 3.5ZM12.649 11.84C12.395 12.482 12.024 13.047 11.536 13.536C11.047 14.024 10.482 14.395 9.84 14.649C9.249 14.883 8.636 15 8 15L5.5 15C5.362 15 5.244 14.951 5.146 14.854L1.146 10.854C1.049 10.756 1 10.638 1 10.5C1 10.182 1.059 9.875 1.176 9.58C1.303 9.259 1.488 8.976 1.732 8.732C1.976 8.488 2.259 8.303 2.58 8.176C2.875 8.059 3.182 8 3.5 8C3.638 8 3.756 8.049 3.854 8.146L4 8.293L4 3.5C4 3.309 4.035 3.125 4.105 2.948C4.182 2.755 4.293 2.586 4.439 2.439C4.586 2.293 4.755 2.182 4.948 2.105C5.125 2.035 5.309 2 5.5 2C5.691 2 5.875 2.035 6.052 2.105C6.245 2.182 6.414 2.293 6.561 2.439C6.707 2.586 6.818 2.755 6.895 2.948C6.965 3.125 7 3.309 7 3.5L7 5.086C7.161 5.029 7.328 5 7.5 5C7.691 5 7.875 5.035 8.052 5.105C8.245 5.182 8.414 5.293 8.561 5.439C8.707 5.586 8.818 5.755 8.895 5.948C8.915 6 8.933 6.052 8.947 6.106L8.948 6.105C9.125 6.035 9.309 6 9.5 6C9.691 6 9.875 6.035 10.052 6.105C10.245 6.182 10.414 6.293 10.561 6.439C10.707 6.586 10.818 6.755 10.895 6.948C10.915 7 10.933 7.052 10.947 7.106L10.948 7.105C11.125 7.035 11.309 7 11.5 7C11.691 7 11.875 7.035 12.052 7.105C12.245 7.182 12.414 7.293 12.561 7.439C12.707 7.586 12.818 7.755 12.895 7.948C12.965 8.125 13 8.309 13 8.5L13 10C13 10.636 12.883 11.249 12.649 11.84ZM8.856 8.856C8.759 8.952 8.641 9 8.5 9C8.359 9 8.241 8.952 8.144 8.856C8.048 8.759 8 8.641 8 8.5L8 6.5C8 6.362 7.951 6.244 7.854 6.146C7.756 6.049 7.638 6 7.5 6C7.362 6 7.244 6.049 7.146 6.146C7.049 6.244 7 6.362 7 6.5L7 8.5C7 8.641 6.952 8.759 6.856 8.856C6.759 8.952 6.641 9 6.5 9C6.359 9 6.241 8.952 6.144 8.856C6.048 8.759 6 8.641 6 8.5L6 3.5C6 3.362 5.951 3.244 5.854 3.146C5.756 3.049 5.638 3 5.5 3C5.362 3 5.244 3.049 5.146 3.146C5.049 3.244 5 3.362 5 3.5L5 9.5C5 9.638 4.951 9.756 4.854 9.854C4.754 9.953 4.636 10.003 4.5 10.003C4.364 10.003 4.246 9.953 4.146 9.854L3.305 9.012C3.183 9.028 3.064 9.059 2.948 9.105C2.755 9.182 2.586 9.293 2.439 9.439C2.293 9.586 2.182 9.755 2.105 9.948C2.059 10.064 2.028 10.183 2.012 10.305L5.707 14L8 14C8.509 14 8.999 13.906 9.472 13.719C9.986 13.516 10.438 13.219 10.828 12.828C11.219 12.438 11.516 11.986 11.719 11.472C11.906 10.999 12 10.509 12 10L12 8.5C12 8.362 11.951 8.244 11.854 8.146C11.756 8.049 11.638 8 11.5 8C11.362 8 11.244 8.049 11.146 8.146C11.049 8.244 11 8.362 11 8.5C11 8.641 10.952 8.759 10.856 8.856C10.759 8.952 10.641 9 10.5 9C10.359 9 10.241 8.952 10.144 8.856C10.048 8.759 10 8.641 10 8.5L10 7.5C10 7.362 9.951 7.244 9.854 7.146C9.756 7.049 9.638 7 9.5 7C9.362 7 9.244 7.049 9.146 7.146C9.049 7.244 9 7.362 9 7.5L9 8.5C9 8.641 8.952 8.759 8.856 8.856Z'/%3E%3C/svg%3E ``` ### Sprite ```html ``` ### SwiftUI ```swift // Gentleface "swipe" (line-round), MIT. https://gentleface.com/icons/swipe import SwiftUI struct SwipeIcon: Shape { func path(in rect: CGRect) -> Path { var p = Path() p.move(to: CGPoint(x: 15.003, y: 3.5)) p.addCurve(to: CGPoint(x: 14.854, y: 3.854), control1: CGPoint(x: 15.003, y: 3.636), control2: CGPoint(x: 14.953, y: 3.754)) p.addLine(to: CGPoint(x: 12.854, y: 5.854)) p.addCurve(to: CGPoint(x: 12.5, y: 6.003), control1: CGPoint(x: 12.754, y: 5.953), control2: CGPoint(x: 12.636, y: 6.003)) p.addCurve(to: CGPoint(x: 12.146, y: 5.854), control1: CGPoint(x: 12.364, y: 6.003), control2: CGPoint(x: 12.246, y: 5.953)) p.addCurve(to: CGPoint(x: 12, y: 5.5), control1: CGPoint(x: 12.049, y: 5.756), control2: CGPoint(x: 12, y: 5.638)) p.addCurve(to: CGPoint(x: 12.146, y: 5.146), control1: CGPoint(x: 12, y: 5.362), control2: CGPoint(x: 12.049, y: 5.244)) p.addLine(to: CGPoint(x: 13.293, y: 4)) p.addLine(to: CGPoint(x: 8.5, y: 4)) p.addCurve(to: CGPoint(x: 8.144, y: 3.856), control1: CGPoint(x: 8.359, y: 4), control2: CGPoint(x: 8.241, y: 3.952)) p.addCurve(to: CGPoint(x: 8, y: 3.5), control1: CGPoint(x: 8.048, y: 3.759), control2: CGPoint(x: 8, y: 3.641)) p.addCurve(to: CGPoint(x: 8.144, y: 3.144), control1: CGPoint(x: 8, y: 3.359), control2: CGPoint(x: 8.048, y: 3.241)) p.addCurve(to: CGPoint(x: 8.5, y: 3), control1: CGPoint(x: 8.241, y: 3.048), control2: CGPoint(x: 8.359, y: 3)) p.addLine(to: CGPoint(x: 13.293, y: 3)) p.addLine(to: CGPoint(x: 12.146, y: 1.854)) p.addCurve(to: CGPoint(x: 12, y: 1.5), control1: CGPoint(x: 12.049, y: 1.756), control2: CGPoint(x: 12, y: 1.638)) p.addCurve(to: CGPoint(x: 12.146, y: 1.146), control1: CGPoint(x: 12, y: 1.362), control2: CGPoint(x: 12.049, y: 1.244)) p.addCurve(to: CGPoint(x: 12.5, y: 0.997), control1: CGPoint(x: 12.246, y: 1.047), control2: CGPoint(x: 12.364, y: 0.997)) p.addCurve(to: CGPoint(x: 12.854, y: 1.146), control1: CGPoint(x: 12.636, y: 0.997), control2: CGPoint(x: 12.754, y: 1.047)) p.addLine(to: CGPoint(x: 14.854, y: 3.146)) p.addCurve(to: CGPoint(x: 15.003, y: 3.5), control1: CGPoint(x: 14.953, y: 3.246), control2: CGPoint(x: 15.003, y: 3.364)) p.closeSubpath() p.move(to: CGPoint(x: 12.649, y: 11.84)) p.addCurve(to: CGPoint(x: 11.536, y: 13.536), control1: CGPoint(x: 12.395, y: 12.482), control2: CGPoint(x: 12.024, y: 13.047)) p.addCurve(to: CGPoint(x: 9.84, y: 14.649), control1: CGPoint(x: 11.047, y: 14.024), control2: CGPoint(x: 10.482, y: 14.395)) p.addCurve(to: CGPoint(x: 8, y: 15), control1: CGPoint(x: 9.249, y: 14.883), control2: CGPoint(x: 8.636, y: 15)) p.addLine(to: CGPoint(x: 5.5, y: 15)) p.addCurve(to: CGPoint(x: 5.146, y: 14.854), control1: CGPoint(x: 5.362, y: 15), control2: CGPoint(x: 5.244, y: 14.951)) p.addLine(to: CGPoint(x: 1.146, y: 10.854)) p.addCurve(to: CGPoint(x: 1, y: 10.5), control1: CGPoint(x: 1.049, y: 10.756), control2: CGPoint(x: 1, y: 10.638)) p.addCurve(to: CGPoint(x: 1.176, y: 9.58), control1: CGPoint(x: 1, y: 10.182), control2: CGPoint(x: 1.059, y: 9.875)) p.addCurve(to: CGPoint(x: 1.732, y: 8.732), control1: CGPoint(x: 1.303, y: 9.259), control2: CGPoint(x: 1.488, y: 8.976)) p.addCurve(to: CGPoint(x: 2.58, y: 8.176), control1: CGPoint(x: 1.976, y: 8.488), control2: CGPoint(x: 2.259, y: 8.303)) p.addCurve(to: CGPoint(x: 3.5, y: 8), control1: CGPoint(x: 2.875, y: 8.059), control2: CGPoint(x: 3.182, y: 8)) p.addCurve(to: CGPoint(x: 3.854, y: 8.146), control1: CGPoint(x: 3.638, y: 8), control2: CGPoint(x: 3.756, y: 8.049)) p.addLine(to: CGPoint(x: 4, y: 8.293)) p.addLine(to: CGPoint(x: 4, y: 3.5)) p.addCurve(to: CGPoint(x: 4.105, y: 2.948), control1: CGPoint(x: 4, y: 3.309), control2: CGPoint(x: 4.035, y: 3.125)) p.addCurve(to: CGPoint(x: 4.439, y: 2.439), control1: CGPoint(x: 4.182, y: 2.755), control2: CGPoint(x: 4.293, y: 2.586)) p.addCurve(to: CGPoint(x: 4.948, y: 2.105), control1: CGPoint(x: 4.586, y: 2.293), control2: CGPoint(x: 4.755, y: 2.182)) p.addCurve(to: CGPoint(x: 5.5, y: 2), control1: CGPoint(x: 5.125, y: 2.035), control2: CGPoint(x: 5.309, y: 2)) p.addCurve(to: CGPoint(x: 6.052, y: 2.105), control1: CGPoint(x: 5.691, y: 2), control2: CGPoint(x: 5.875, y: 2.035)) p.addCurve(to: CGPoint(x: 6.561, y: 2.439), control1: CGPoint(x: 6.245, y: 2.182), control2: CGPoint(x: 6.414, y: 2.293)) p.addCurve(to: CGPoint(x: 6.895, y: 2.948), control1: CGPoint(x: 6.707, y: 2.586), control2: CGPoint(x: 6.818, y: 2.755)) p.addCurve(to: CGPoint(x: 7, y: 3.5), control1: CGPoint(x: 6.965, y: 3.125), control2: CGPoint(x: 7, y: 3.309)) p.addLine(to: CGPoint(x: 7, y: 5.086)) p.addCurve(to: CGPoint(x: 7.5, y: 5), control1: CGPoint(x: 7.161, y: 5.029), control2: CGPoint(x: 7.328, y: 5)) p.addCurve(to: CGPoint(x: 8.052, y: 5.105), control1: CGPoint(x: 7.691, y: 5), control2: CGPoint(x: 7.875, y: 5.035)) p.addCurve(to: CGPoint(x: 8.561, y: 5.439), control1: CGPoint(x: 8.245, y: 5.182), control2: CGPoint(x: 8.414, y: 5.293)) p.addCurve(to: CGPoint(x: 8.895, y: 5.948), control1: CGPoint(x: 8.707, y: 5.586), control2: CGPoint(x: 8.818, y: 5.755)) p.addCurve(to: CGPoint(x: 8.947, y: 6.106), control1: CGPoint(x: 8.915, y: 6), control2: CGPoint(x: 8.933, y: 6.052)) p.addLine(to: CGPoint(x: 8.948, y: 6.105)) p.addCurve(to: CGPoint(x: 9.5, y: 6), control1: CGPoint(x: 9.125, y: 6.035), control2: CGPoint(x: 9.309, y: 6)) p.addCurve(to: CGPoint(x: 10.052, y: 6.105), control1: CGPoint(x: 9.691, y: 6), control2: CGPoint(x: 9.875, y: 6.035)) p.addCurve(to: CGPoint(x: 10.561, y: 6.439), control1: CGPoint(x: 10.245, y: 6.182), control2: CGPoint(x: 10.414, y: 6.293)) p.addCurve(to: CGPoint(x: 10.895, y: 6.948), control1: CGPoint(x: 10.707, y: 6.586), control2: CGPoint(x: 10.818, y: 6.755)) p.addCurve(to: CGPoint(x: 10.947, y: 7.106), control1: CGPoint(x: 10.915, y: 7), control2: CGPoint(x: 10.933, y: 7.052)) p.addLine(to: CGPoint(x: 10.948, y: 7.105)) p.addCurve(to: CGPoint(x: 11.5, y: 7), control1: CGPoint(x: 11.125, y: 7.035), control2: CGPoint(x: 11.309, y: 7)) p.addCurve(to: CGPoint(x: 12.052, y: 7.105), control1: CGPoint(x: 11.691, y: 7), control2: CGPoint(x: 11.875, y: 7.035)) p.addCurve(to: CGPoint(x: 12.561, y: 7.439), control1: CGPoint(x: 12.245, y: 7.182), control2: CGPoint(x: 12.414, y: 7.293)) p.addCurve(to: CGPoint(x: 12.895, y: 7.948), control1: CGPoint(x: 12.707, y: 7.586), control2: CGPoint(x: 12.818, y: 7.755)) p.addCurve(to: CGPoint(x: 13, y: 8.5), control1: CGPoint(x: 12.965, y: 8.125), control2: CGPoint(x: 13, y: 8.309)) p.addLine(to: CGPoint(x: 13, y: 10)) p.addCurve(to: CGPoint(x: 12.649, y: 11.84), control1: CGPoint(x: 13, y: 10.636), control2: CGPoint(x: 12.883, y: 11.249)) p.closeSubpath() p.move(to: CGPoint(x: 8.856, y: 8.856)) p.addCurve(to: CGPoint(x: 8.5, y: 9), control1: CGPoint(x: 8.759, y: 8.952), control2: CGPoint(x: 8.641, y: 9)) p.addCurve(to: CGPoint(x: 8.144, y: 8.856), control1: CGPoint(x: 8.359, y: 9), control2: CGPoint(x: 8.241, y: 8.952)) p.addCurve(to: CGPoint(x: 8, y: 8.5), control1: CGPoint(x: 8.048, y: 8.759), control2: CGPoint(x: 8, y: 8.641)) p.addLine(to: CGPoint(x: 8, y: 6.5)) p.addCurve(to: CGPoint(x: 7.854, y: 6.146), control1: CGPoint(x: 8, y: 6.362), control2: CGPoint(x: 7.951, y: 6.244)) p.addCurve(to: CGPoint(x: 7.5, y: 6), control1: CGPoint(x: 7.756, y: 6.049), control2: CGPoint(x: 7.638, y: 6)) p.addCurve(to: CGPoint(x: 7.146, y: 6.146), control1: CGPoint(x: 7.362, y: 6), control2: CGPoint(x: 7.244, y: 6.049)) p.addCurve(to: CGPoint(x: 7, y: 6.5), control1: CGPoint(x: 7.049, y: 6.244), control2: CGPoint(x: 7, y: 6.362)) p.addLine(to: CGPoint(x: 7, y: 8.5)) p.addCurve(to: CGPoint(x: 6.856, y: 8.856), control1: CGPoint(x: 7, y: 8.641), control2: CGPoint(x: 6.952, y: 8.759)) p.addCurve(to: CGPoint(x: 6.5, y: 9), control1: CGPoint(x: 6.759, y: 8.952), control2: CGPoint(x: 6.641, y: 9)) p.addCurve(to: CGPoint(x: 6.144, y: 8.856), control1: CGPoint(x: 6.359, y: 9), control2: CGPoint(x: 6.241, y: 8.952)) p.addCurve(to: CGPoint(x: 6, y: 8.5), control1: CGPoint(x: 6.048, y: 8.759), control2: CGPoint(x: 6, y: 8.641)) p.addLine(to: CGPoint(x: 6, y: 3.5)) p.addCurve(to: CGPoint(x: 5.854, y: 3.146), control1: CGPoint(x: 6, y: 3.362), control2: CGPoint(x: 5.951, y: 3.244)) p.addCurve(to: CGPoint(x: 5.5, y: 3), control1: CGPoint(x: 5.756, y: 3.049), control2: CGPoint(x: 5.638, y: 3)) p.addCurve(to: CGPoint(x: 5.146, y: 3.146), control1: CGPoint(x: 5.362, y: 3), control2: CGPoint(x: 5.244, y: 3.049)) p.addCurve(to: CGPoint(x: 5, y: 3.5), control1: CGPoint(x: 5.049, y: 3.244), control2: CGPoint(x: 5, y: 3.362)) p.addLine(to: CGPoint(x: 5, y: 9.5)) p.addCurve(to: CGPoint(x: 4.854, y: 9.854), control1: CGPoint(x: 5, y: 9.638), control2: CGPoint(x: 4.951, y: 9.756)) p.addCurve(to: CGPoint(x: 4.5, y: 10.003), control1: CGPoint(x: 4.754, y: 9.953), control2: CGPoint(x: 4.636, y: 10.003)) p.addCurve(to: CGPoint(x: 4.146, y: 9.854), control1: CGPoint(x: 4.364, y: 10.003), control2: CGPoint(x: 4.246, y: 9.953)) p.addLine(to: CGPoint(x: 3.305, y: 9.012)) p.addCurve(to: CGPoint(x: 2.948, y: 9.105), control1: CGPoint(x: 3.183, y: 9.028), control2: CGPoint(x: 3.064, y: 9.059)) p.addCurve(to: CGPoint(x: 2.439, y: 9.439), control1: CGPoint(x: 2.755, y: 9.182), control2: CGPoint(x: 2.586, y: 9.293)) p.addCurve(to: CGPoint(x: 2.105, y: 9.948), control1: CGPoint(x: 2.293, y: 9.586), control2: CGPoint(x: 2.182, y: 9.755)) p.addCurve(to: CGPoint(x: 2.012, y: 10.305), control1: CGPoint(x: 2.059, y: 10.064), control2: CGPoint(x: 2.028, y: 10.183)) p.addLine(to: CGPoint(x: 5.707, y: 14)) p.addLine(to: CGPoint(x: 8, y: 14)) p.addCurve(to: CGPoint(x: 9.472, y: 13.719), control1: CGPoint(x: 8.509, y: 14), control2: CGPoint(x: 8.999, y: 13.906)) p.addCurve(to: CGPoint(x: 10.828, y: 12.828), control1: CGPoint(x: 9.986, y: 13.516), control2: CGPoint(x: 10.438, y: 13.219)) p.addCurve(to: CGPoint(x: 11.719, y: 11.472), control1: CGPoint(x: 11.219, y: 12.438), control2: CGPoint(x: 11.516, y: 11.986)) p.addCurve(to: CGPoint(x: 12, y: 10), control1: CGPoint(x: 11.906, y: 10.999), control2: CGPoint(x: 12, y: 10.509)) p.addLine(to: CGPoint(x: 12, y: 8.5)) p.addCurve(to: CGPoint(x: 11.854, y: 8.146), control1: CGPoint(x: 12, y: 8.362), control2: CGPoint(x: 11.951, y: 8.244)) p.addCurve(to: CGPoint(x: 11.5, y: 8), control1: CGPoint(x: 11.756, y: 8.049), control2: CGPoint(x: 11.638, y: 8)) p.addCurve(to: CGPoint(x: 11.146, y: 8.146), control1: CGPoint(x: 11.362, y: 8), control2: CGPoint(x: 11.244, y: 8.049)) p.addCurve(to: CGPoint(x: 11, y: 8.5), control1: CGPoint(x: 11.049, y: 8.244), control2: CGPoint(x: 11, y: 8.362)) p.addCurve(to: CGPoint(x: 10.856, y: 8.856), control1: CGPoint(x: 11, y: 8.641), control2: CGPoint(x: 10.952, y: 8.759)) p.addCurve(to: CGPoint(x: 10.5, y: 9), control1: CGPoint(x: 10.759, y: 8.952), control2: CGPoint(x: 10.641, y: 9)) p.addCurve(to: CGPoint(x: 10.144, y: 8.856), control1: CGPoint(x: 10.359, y: 9), control2: CGPoint(x: 10.241, y: 8.952)) p.addCurve(to: CGPoint(x: 10, y: 8.5), control1: CGPoint(x: 10.048, y: 8.759), control2: CGPoint(x: 10, y: 8.641)) p.addLine(to: CGPoint(x: 10, y: 7.5)) p.addCurve(to: CGPoint(x: 9.854, y: 7.146), control1: CGPoint(x: 10, y: 7.362), control2: CGPoint(x: 9.951, y: 7.244)) p.addCurve(to: CGPoint(x: 9.5, y: 7), control1: CGPoint(x: 9.756, y: 7.049), control2: CGPoint(x: 9.638, y: 7)) p.addCurve(to: CGPoint(x: 9.146, y: 7.146), control1: CGPoint(x: 9.362, y: 7), control2: CGPoint(x: 9.244, y: 7.049)) p.addCurve(to: CGPoint(x: 9, y: 7.5), control1: CGPoint(x: 9.049, y: 7.244), control2: CGPoint(x: 9, y: 7.362)) p.addLine(to: CGPoint(x: 9, y: 8.5)) p.addCurve(to: CGPoint(x: 8.856, y: 8.856), control1: CGPoint(x: 9, y: 8.641), control2: CGPoint(x: 8.952, y: 8.759)) p.closeSubpath() return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16)) } } // SwipeIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp. ``` ### Compose ```kotlin // Gentleface "swipe" (line-round), MIT. https://gentleface.com/icons/swipe 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 SwipeIcon: ImageVector by lazy { ImageVector.Builder( name = "swipe", defaultWidth = 16.dp, defaultHeight = 16.dp, viewportWidth = 16f, viewportHeight = 16f, ).addPath( pathData = addPathNodes("M15.003 3.5C15.003 3.636 14.953 3.754 14.854 3.854L12.854 5.854C12.754 5.953 12.636 6.003 12.5 6.003C12.364 6.003 12.246 5.953 12.146 5.854C12.049 5.756 12 5.638 12 5.5C12 5.362 12.049 5.244 12.146 5.146L13.293 4L8.5 4C8.359 4 8.241 3.952 8.144 3.856C8.048 3.759 8 3.641 8 3.5C8 3.359 8.048 3.241 8.144 3.144C8.241 3.048 8.359 3 8.5 3L13.293 3L12.146 1.854C12.049 1.756 12 1.638 12 1.5C12 1.362 12.049 1.244 12.146 1.146C12.246 1.047 12.364 0.997 12.5 0.997C12.636 0.997 12.754 1.047 12.854 1.146L14.854 3.146C14.953 3.246 15.003 3.364 15.003 3.5ZM12.649 11.84C12.395 12.482 12.024 13.047 11.536 13.536C11.047 14.024 10.482 14.395 9.84 14.649C9.249 14.883 8.636 15 8 15L5.5 15C5.362 15 5.244 14.951 5.146 14.854L1.146 10.854C1.049 10.756 1 10.638 1 10.5C1 10.182 1.059 9.875 1.176 9.58C1.303 9.259 1.488 8.976 1.732 8.732C1.976 8.488 2.259 8.303 2.58 8.176C2.875 8.059 3.182 8 3.5 8C3.638 8 3.756 8.049 3.854 8.146L4 8.293L4 3.5C4 3.309 4.035 3.125 4.105 2.948C4.182 2.755 4.293 2.586 4.439 2.439C4.586 2.293 4.755 2.182 4.948 2.105C5.125 2.035 5.309 2 5.5 2C5.691 2 5.875 2.035 6.052 2.105C6.245 2.182 6.414 2.293 6.561 2.439C6.707 2.586 6.818 2.755 6.895 2.948C6.965 3.125 7 3.309 7 3.5L7 5.086C7.161 5.029 7.328 5 7.5 5C7.691 5 7.875 5.035 8.052 5.105C8.245 5.182 8.414 5.293 8.561 5.439C8.707 5.586 8.818 5.755 8.895 5.948C8.915 6 8.933 6.052 8.947 6.106L8.948 6.105C9.125 6.035 9.309 6 9.5 6C9.691 6 9.875 6.035 10.052 6.105C10.245 6.182 10.414 6.293 10.561 6.439C10.707 6.586 10.818 6.755 10.895 6.948C10.915 7 10.933 7.052 10.947 7.106L10.948 7.105C11.125 7.035 11.309 7 11.5 7C11.691 7 11.875 7.035 12.052 7.105C12.245 7.182 12.414 7.293 12.561 7.439C12.707 7.586 12.818 7.755 12.895 7.948C12.965 8.125 13 8.309 13 8.5L13 10C13 10.636 12.883 11.249 12.649 11.84ZM8.856 8.856C8.759 8.952 8.641 9 8.5 9C8.359 9 8.241 8.952 8.144 8.856C8.048 8.759 8 8.641 8 8.5L8 6.5C8 6.362 7.951 6.244 7.854 6.146C7.756 6.049 7.638 6 7.5 6C7.362 6 7.244 6.049 7.146 6.146C7.049 6.244 7 6.362 7 6.5L7 8.5C7 8.641 6.952 8.759 6.856 8.856C6.759 8.952 6.641 9 6.5 9C6.359 9 6.241 8.952 6.144 8.856C6.048 8.759 6 8.641 6 8.5L6 3.5C6 3.362 5.951 3.244 5.854 3.146C5.756 3.049 5.638 3 5.5 3C5.362 3 5.244 3.049 5.146 3.146C5.049 3.244 5 3.362 5 3.5L5 9.5C5 9.638 4.951 9.756 4.854 9.854C4.754 9.953 4.636 10.003 4.5 10.003C4.364 10.003 4.246 9.953 4.146 9.854L3.305 9.012C3.183 9.028 3.064 9.059 2.948 9.105C2.755 9.182 2.586 9.293 2.439 9.439C2.293 9.586 2.182 9.755 2.105 9.948C2.059 10.064 2.028 10.183 2.012 10.305L5.707 14L8 14C8.509 14 8.999 13.906 9.472 13.719C9.986 13.516 10.438 13.219 10.828 12.828C11.219 12.438 11.516 11.986 11.719 11.472C11.906 10.999 12 10.509 12 10L12 8.5C12 8.362 11.951 8.244 11.854 8.146C11.756 8.049 11.638 8 11.5 8C11.362 8 11.244 8.049 11.146 8.146C11.049 8.244 11 8.362 11 8.5C11 8.641 10.952 8.759 10.856 8.856C10.759 8.952 10.641 9 10.5 9C10.359 9 10.241 8.952 10.144 8.856C10.048 8.759 10 8.641 10 8.5L10 7.5C10 7.362 9.951 7.244 9.854 7.146C9.756 7.049 9.638 7 9.5 7C9.362 7 9.244 7.049 9.146 7.146C9.049 7.244 9 7.362 9 7.5L9 8.5C9 8.641 8.952 8.759 8.856 8.856Z"), fill = SolidColor(Color.Black), ).build() } // Icon(SwipeIcon, contentDescription = null) tints it with LocalContentColor. ``` ### Android XML ```xml ``` ### Flutter ```dart // Gentleface "swipe" (line-round), MIT. https://gentleface.com/icons/swipe import 'package:flutter/widgets.dart'; class SwipeIcon extends StatelessWidget { const SwipeIcon({super.key, this.size = 16, this.color}); final double size; final Color? color; @override Widget build(BuildContext context) => CustomPaint( size: Size.square(size), painter: _SwipeIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)), ); } class _SwipeIconPainter extends CustomPainter { _SwipeIconPainter(this.color); final Color color; @override void paint(Canvas canvas, Size size) { canvas.scale(size.width / 16, size.height / 16); final p = Path() ..moveTo(15.003, 3.5) ..cubicTo(15.003, 3.636, 14.953, 3.754, 14.854, 3.854) ..lineTo(12.854, 5.854) ..cubicTo(12.754, 5.953, 12.636, 6.003, 12.5, 6.003) ..cubicTo(12.364, 6.003, 12.246, 5.953, 12.146, 5.854) ..cubicTo(12.049, 5.756, 12, 5.638, 12, 5.5) ..cubicTo(12, 5.362, 12.049, 5.244, 12.146, 5.146) ..lineTo(13.293, 4) ..lineTo(8.5, 4) ..cubicTo(8.359, 4, 8.241, 3.952, 8.144, 3.856) ..cubicTo(8.048, 3.759, 8, 3.641, 8, 3.5) ..cubicTo(8, 3.359, 8.048, 3.241, 8.144, 3.144) ..cubicTo(8.241, 3.048, 8.359, 3, 8.5, 3) ..lineTo(13.293, 3) ..lineTo(12.146, 1.854) ..cubicTo(12.049, 1.756, 12, 1.638, 12, 1.5) ..cubicTo(12, 1.362, 12.049, 1.244, 12.146, 1.146) ..cubicTo(12.246, 1.047, 12.364, 0.997, 12.5, 0.997) ..cubicTo(12.636, 0.997, 12.754, 1.047, 12.854, 1.146) ..lineTo(14.854, 3.146) ..cubicTo(14.953, 3.246, 15.003, 3.364, 15.003, 3.5) ..close() ..moveTo(12.649, 11.84) ..cubicTo(12.395, 12.482, 12.024, 13.047, 11.536, 13.536) ..cubicTo(11.047, 14.024, 10.482, 14.395, 9.84, 14.649) ..cubicTo(9.249, 14.883, 8.636, 15, 8, 15) ..lineTo(5.5, 15) ..cubicTo(5.362, 15, 5.244, 14.951, 5.146, 14.854) ..lineTo(1.146, 10.854) ..cubicTo(1.049, 10.756, 1, 10.638, 1, 10.5) ..cubicTo(1, 10.182, 1.059, 9.875, 1.176, 9.58) ..cubicTo(1.303, 9.259, 1.488, 8.976, 1.732, 8.732) ..cubicTo(1.976, 8.488, 2.259, 8.303, 2.58, 8.176) ..cubicTo(2.875, 8.059, 3.182, 8, 3.5, 8) ..cubicTo(3.638, 8, 3.756, 8.049, 3.854, 8.146) ..lineTo(4, 8.293) ..lineTo(4, 3.5) ..cubicTo(4, 3.309, 4.035, 3.125, 4.105, 2.948) ..cubicTo(4.182, 2.755, 4.293, 2.586, 4.439, 2.439) ..cubicTo(4.586, 2.293, 4.755, 2.182, 4.948, 2.105) ..cubicTo(5.125, 2.035, 5.309, 2, 5.5, 2) ..cubicTo(5.691, 2, 5.875, 2.035, 6.052, 2.105) ..cubicTo(6.245, 2.182, 6.414, 2.293, 6.561, 2.439) ..cubicTo(6.707, 2.586, 6.818, 2.755, 6.895, 2.948) ..cubicTo(6.965, 3.125, 7, 3.309, 7, 3.5) ..lineTo(7, 5.086) ..cubicTo(7.161, 5.029, 7.328, 5, 7.5, 5) ..cubicTo(7.691, 5, 7.875, 5.035, 8.052, 5.105) ..cubicTo(8.245, 5.182, 8.414, 5.293, 8.561, 5.439) ..cubicTo(8.707, 5.586, 8.818, 5.755, 8.895, 5.948) ..cubicTo(8.915, 6, 8.933, 6.052, 8.947, 6.106) ..lineTo(8.948, 6.105) ..cubicTo(9.125, 6.035, 9.309, 6, 9.5, 6) ..cubicTo(9.691, 6, 9.875, 6.035, 10.052, 6.105) ..cubicTo(10.245, 6.182, 10.414, 6.293, 10.561, 6.439) ..cubicTo(10.707, 6.586, 10.818, 6.755, 10.895, 6.948) ..cubicTo(10.915, 7, 10.933, 7.052, 10.947, 7.106) ..lineTo(10.948, 7.105) ..cubicTo(11.125, 7.035, 11.309, 7, 11.5, 7) ..cubicTo(11.691, 7, 11.875, 7.035, 12.052, 7.105) ..cubicTo(12.245, 7.182, 12.414, 7.293, 12.561, 7.439) ..cubicTo(12.707, 7.586, 12.818, 7.755, 12.895, 7.948) ..cubicTo(12.965, 8.125, 13, 8.309, 13, 8.5) ..lineTo(13, 10) ..cubicTo(13, 10.636, 12.883, 11.249, 12.649, 11.84) ..close() ..moveTo(8.856, 8.856) ..cubicTo(8.759, 8.952, 8.641, 9, 8.5, 9) ..cubicTo(8.359, 9, 8.241, 8.952, 8.144, 8.856) ..cubicTo(8.048, 8.759, 8, 8.641, 8, 8.5) ..lineTo(8, 6.5) ..cubicTo(8, 6.362, 7.951, 6.244, 7.854, 6.146) ..cubicTo(7.756, 6.049, 7.638, 6, 7.5, 6) ..cubicTo(7.362, 6, 7.244, 6.049, 7.146, 6.146) ..cubicTo(7.049, 6.244, 7, 6.362, 7, 6.5) ..lineTo(7, 8.5) ..cubicTo(7, 8.641, 6.952, 8.759, 6.856, 8.856) ..cubicTo(6.759, 8.952, 6.641, 9, 6.5, 9) ..cubicTo(6.359, 9, 6.241, 8.952, 6.144, 8.856) ..cubicTo(6.048, 8.759, 6, 8.641, 6, 8.5) ..lineTo(6, 3.5) ..cubicTo(6, 3.362, 5.951, 3.244, 5.854, 3.146) ..cubicTo(5.756, 3.049, 5.638, 3, 5.5, 3) ..cubicTo(5.362, 3, 5.244, 3.049, 5.146, 3.146) ..cubicTo(5.049, 3.244, 5, 3.362, 5, 3.5) ..lineTo(5, 9.5) ..cubicTo(5, 9.638, 4.951, 9.756, 4.854, 9.854) ..cubicTo(4.754, 9.953, 4.636, 10.003, 4.5, 10.003) ..cubicTo(4.364, 10.003, 4.246, 9.953, 4.146, 9.854) ..lineTo(3.305, 9.012) ..cubicTo(3.183, 9.028, 3.064, 9.059, 2.948, 9.105) ..cubicTo(2.755, 9.182, 2.586, 9.293, 2.439, 9.439) ..cubicTo(2.293, 9.586, 2.182, 9.755, 2.105, 9.948) ..cubicTo(2.059, 10.064, 2.028, 10.183, 2.012, 10.305) ..lineTo(5.707, 14) ..lineTo(8, 14) ..cubicTo(8.509, 14, 8.999, 13.906, 9.472, 13.719) ..cubicTo(9.986, 13.516, 10.438, 13.219, 10.828, 12.828) ..cubicTo(11.219, 12.438, 11.516, 11.986, 11.719, 11.472) ..cubicTo(11.906, 10.999, 12, 10.509, 12, 10) ..lineTo(12, 8.5) ..cubicTo(12, 8.362, 11.951, 8.244, 11.854, 8.146) ..cubicTo(11.756, 8.049, 11.638, 8, 11.5, 8) ..cubicTo(11.362, 8, 11.244, 8.049, 11.146, 8.146) ..cubicTo(11.049, 8.244, 11, 8.362, 11, 8.5) ..cubicTo(11, 8.641, 10.952, 8.759, 10.856, 8.856) ..cubicTo(10.759, 8.952, 10.641, 9, 10.5, 9) ..cubicTo(10.359, 9, 10.241, 8.952, 10.144, 8.856) ..cubicTo(10.048, 8.759, 10, 8.641, 10, 8.5) ..lineTo(10, 7.5) ..cubicTo(10, 7.362, 9.951, 7.244, 9.854, 7.146) ..cubicTo(9.756, 7.049, 9.638, 7, 9.5, 7) ..cubicTo(9.362, 7, 9.244, 7.049, 9.146, 7.146) ..cubicTo(9.049, 7.244, 9, 7.362, 9, 7.5) ..lineTo(9, 8.5) ..cubicTo(9, 8.641, 8.952, 8.759, 8.856, 8.856) ..close(); canvas.drawPath(p, Paint()..color = color); } @override bool shouldRepaint(_SwipeIconPainter old) => old.color != color; } ```