# curling icon Curling. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/curling - Category: Games & sports - Use it for: curling stone - Tags: curling, curling-stone, stone, rock, winter-sports, olympics, ice, sports - Component name: CurlingIcon - Added: 2026-11-12 ## 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/curling.svg · PNG https://gentleface.com/png/line-round/16/curling.png · https://gentleface.com/png/line-round/32/curling.png · https://gentleface.com/png/line-round/48/curling.png - line-soft: https://gentleface.com/svg/line-soft/16/curling.svg · PNG https://gentleface.com/png/line-soft/16/curling.png · https://gentleface.com/png/line-soft/32/curling.png · https://gentleface.com/png/line-soft/48/curling.png - line-sharp: https://gentleface.com/svg/line-sharp/16/curling.svg · PNG https://gentleface.com/png/line-sharp/16/curling.png · https://gentleface.com/png/line-sharp/32/curling.png · https://gentleface.com/png/line-sharp/48/curling.png - solid-round: https://gentleface.com/svg/solid-round/16/curling.svg · PNG https://gentleface.com/png/solid-round/16/curling.png · https://gentleface.com/png/solid-round/32/curling.png · https://gentleface.com/png/solid-round/48/curling.png - solid-soft: https://gentleface.com/svg/solid-soft/16/curling.svg · PNG https://gentleface.com/png/solid-soft/16/curling.png · https://gentleface.com/png/solid-soft/32/curling.png · https://gentleface.com/png/solid-soft/48/curling.png - solid-sharp: https://gentleface.com/svg/solid-sharp/16/curling.svg · PNG https://gentleface.com/png/solid-sharp/16/curling.png · https://gentleface.com/png/solid-sharp/32/curling.png · https://gentleface.com/png/solid-sharp/48/curling.png The SVG of every style: https://gentleface.com/icons/curling.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 "curling" (line-round), MIT. https://gentleface.com/icons/curling import type { SVGProps } from 'react'; export function CurlingIcon(props: SVGProps) { return ( ); } ``` ### Vue ```vue ``` ### Svelte ```svelte ``` ### HTML img ```html

``` ### CSS ```css /* Gentleface "curling" (line-round), MIT. https://gentleface.com/icons/curling. Takes the text color. */ .icon-curling { 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='M13.42 6.176C13.741 6.303 14.024 6.488 14.268 6.732C14.512 6.976 14.697 7.259 14.824 7.58C14.941 7.875 15 8.182 15 8.5L15 10.5C15 10.818 14.941 11.125 14.824 11.42C14.697 11.741 14.512 12.024 14.268 12.268C14.024 12.512 13.741 12.697 13.42 12.824C13.125 12.941 12.818 13 12.5 13L3.5 13C3.182 13 2.875 12.941 2.58 12.824C2.259 12.697 1.976 12.512 1.732 12.268C1.488 12.024 1.303 11.741 1.176 11.42C1.059 11.125 1 10.818 1 10.5L1 8.5C1 8.182 1.059 7.875 1.176 7.58C1.303 7.259 1.488 6.976 1.732 6.732C1.976 6.488 2.259 6.303 2.58 6.176C2.875 6.059 3.182 6 3.5 6L5 6L5 4.5C5 4.182 5.059 3.875 5.176 3.58C5.303 3.259 5.488 2.976 5.732 2.732C5.976 2.488 6.259 2.303 6.58 2.176C6.875 2.059 7.182 2 7.5 2L11.5 2C11.641 2 11.759 2.048 11.856 2.144C11.952 2.241 12 2.359 12 2.5C12 2.641 11.952 2.759 11.856 2.856C11.759 2.952 11.641 3 11.5 3L7.5 3C7.309 3 7.125 3.035 6.948 3.105C6.755 3.182 6.586 3.293 6.439 3.439C6.293 3.586 6.182 3.755 6.105 3.948C6.035 4.125 6 4.309 6 4.5L6 6L12.5 6C12.818 6 13.125 6.059 13.42 6.176ZM14 9L14 8.5C14 8.309 13.965 8.125 13.895 7.948C13.818 7.755 13.707 7.586 13.561 7.439C13.414 7.293 13.245 7.182 13.052 7.105C12.875 7.035 12.691 7 12.5 7L3.5 7C3.309 7 3.125 7.035 2.948 7.105C2.755 7.182 2.586 7.293 2.439 7.439C2.293 7.586 2.182 7.755 2.105 7.948C2.035 8.125 2 8.309 2 8.5L2 9L14 9ZM2.105 11.052C2.182 11.245 2.293 11.414 2.439 11.561C2.586 11.707 2.755 11.818 2.948 11.895C3.125 11.965 3.309 12 3.5 12L12.5 12C12.691 12 12.875 11.965 13.052 11.895C13.245 11.818 13.414 11.707 13.561 11.561C13.707 11.414 13.818 11.245 13.895 11.052C13.965 10.875 14 10.691 14 10.5L14 10L2 10L2 10.5C2 10.691 2.035 10.875 2.105 11.052Z'/%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='M13.42 6.176C13.741 6.303 14.024 6.488 14.268 6.732C14.512 6.976 14.697 7.259 14.824 7.58C14.941 7.875 15 8.182 15 8.5L15 10.5C15 10.818 14.941 11.125 14.824 11.42C14.697 11.741 14.512 12.024 14.268 12.268C14.024 12.512 13.741 12.697 13.42 12.824C13.125 12.941 12.818 13 12.5 13L3.5 13C3.182 13 2.875 12.941 2.58 12.824C2.259 12.697 1.976 12.512 1.732 12.268C1.488 12.024 1.303 11.741 1.176 11.42C1.059 11.125 1 10.818 1 10.5L1 8.5C1 8.182 1.059 7.875 1.176 7.58C1.303 7.259 1.488 6.976 1.732 6.732C1.976 6.488 2.259 6.303 2.58 6.176C2.875 6.059 3.182 6 3.5 6L5 6L5 4.5C5 4.182 5.059 3.875 5.176 3.58C5.303 3.259 5.488 2.976 5.732 2.732C5.976 2.488 6.259 2.303 6.58 2.176C6.875 2.059 7.182 2 7.5 2L11.5 2C11.641 2 11.759 2.048 11.856 2.144C11.952 2.241 12 2.359 12 2.5C12 2.641 11.952 2.759 11.856 2.856C11.759 2.952 11.641 3 11.5 3L7.5 3C7.309 3 7.125 3.035 6.948 3.105C6.755 3.182 6.586 3.293 6.439 3.439C6.293 3.586 6.182 3.755 6.105 3.948C6.035 4.125 6 4.309 6 4.5L6 6L12.5 6C12.818 6 13.125 6.059 13.42 6.176ZM14 9L14 8.5C14 8.309 13.965 8.125 13.895 7.948C13.818 7.755 13.707 7.586 13.561 7.439C13.414 7.293 13.245 7.182 13.052 7.105C12.875 7.035 12.691 7 12.5 7L3.5 7C3.309 7 3.125 7.035 2.948 7.105C2.755 7.182 2.586 7.293 2.439 7.439C2.293 7.586 2.182 7.755 2.105 7.948C2.035 8.125 2 8.309 2 8.5L2 9L14 9ZM2.105 11.052C2.182 11.245 2.293 11.414 2.439 11.561C2.586 11.707 2.755 11.818 2.948 11.895C3.125 11.965 3.309 12 3.5 12L12.5 12C12.691 12 12.875 11.965 13.052 11.895C13.245 11.818 13.414 11.707 13.561 11.561C13.707 11.414 13.818 11.245 13.895 11.052C13.965 10.875 14 10.691 14 10.5L14 10L2 10L2 10.5C2 10.691 2.035 10.875 2.105 11.052Z'/%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='M13.42 6.176C13.741 6.303 14.024 6.488 14.268 6.732C14.512 6.976 14.697 7.259 14.824 7.58C14.941 7.875 15 8.182 15 8.5L15 10.5C15 10.818 14.941 11.125 14.824 11.42C14.697 11.741 14.512 12.024 14.268 12.268C14.024 12.512 13.741 12.697 13.42 12.824C13.125 12.941 12.818 13 12.5 13L3.5 13C3.182 13 2.875 12.941 2.58 12.824C2.259 12.697 1.976 12.512 1.732 12.268C1.488 12.024 1.303 11.741 1.176 11.42C1.059 11.125 1 10.818 1 10.5L1 8.5C1 8.182 1.059 7.875 1.176 7.58C1.303 7.259 1.488 6.976 1.732 6.732C1.976 6.488 2.259 6.303 2.58 6.176C2.875 6.059 3.182 6 3.5 6L5 6L5 4.5C5 4.182 5.059 3.875 5.176 3.58C5.303 3.259 5.488 2.976 5.732 2.732C5.976 2.488 6.259 2.303 6.58 2.176C6.875 2.059 7.182 2 7.5 2L11.5 2C11.641 2 11.759 2.048 11.856 2.144C11.952 2.241 12 2.359 12 2.5C12 2.641 11.952 2.759 11.856 2.856C11.759 2.952 11.641 3 11.5 3L7.5 3C7.309 3 7.125 3.035 6.948 3.105C6.755 3.182 6.586 3.293 6.439 3.439C6.293 3.586 6.182 3.755 6.105 3.948C6.035 4.125 6 4.309 6 4.5L6 6L12.5 6C12.818 6 13.125 6.059 13.42 6.176ZM14 9L14 8.5C14 8.309 13.965 8.125 13.895 7.948C13.818 7.755 13.707 7.586 13.561 7.439C13.414 7.293 13.245 7.182 13.052 7.105C12.875 7.035 12.691 7 12.5 7L3.5 7C3.309 7 3.125 7.035 2.948 7.105C2.755 7.182 2.586 7.293 2.439 7.439C2.293 7.586 2.182 7.755 2.105 7.948C2.035 8.125 2 8.309 2 8.5L2 9L14 9ZM2.105 11.052C2.182 11.245 2.293 11.414 2.439 11.561C2.586 11.707 2.755 11.818 2.948 11.895C3.125 11.965 3.309 12 3.5 12L12.5 12C12.691 12 12.875 11.965 13.052 11.895C13.245 11.818 13.414 11.707 13.561 11.561C13.707 11.414 13.818 11.245 13.895 11.052C13.965 10.875 14 10.691 14 10.5L14 10L2 10L2 10.5C2 10.691 2.035 10.875 2.105 11.052Z'/%3E%3C/svg%3E ``` ### Sprite ```html ``` ### SwiftUI ```swift // Gentleface "curling" (line-round), MIT. https://gentleface.com/icons/curling import SwiftUI struct CurlingIcon: Shape { func path(in rect: CGRect) -> Path { var p = Path() p.move(to: CGPoint(x: 13.42, y: 6.176)) p.addCurve(to: CGPoint(x: 14.268, y: 6.732), control1: CGPoint(x: 13.741, y: 6.303), control2: CGPoint(x: 14.024, y: 6.488)) p.addCurve(to: CGPoint(x: 14.824, y: 7.58), control1: CGPoint(x: 14.512, y: 6.976), control2: CGPoint(x: 14.697, y: 7.259)) p.addCurve(to: CGPoint(x: 15, y: 8.5), control1: CGPoint(x: 14.941, y: 7.875), control2: CGPoint(x: 15, y: 8.182)) p.addLine(to: CGPoint(x: 15, y: 10.5)) p.addCurve(to: CGPoint(x: 14.824, y: 11.42), control1: CGPoint(x: 15, y: 10.818), control2: CGPoint(x: 14.941, y: 11.125)) p.addCurve(to: CGPoint(x: 14.268, y: 12.268), control1: CGPoint(x: 14.697, y: 11.741), control2: CGPoint(x: 14.512, y: 12.024)) p.addCurve(to: CGPoint(x: 13.42, y: 12.824), control1: CGPoint(x: 14.024, y: 12.512), control2: CGPoint(x: 13.741, y: 12.697)) p.addCurve(to: CGPoint(x: 12.5, y: 13), control1: CGPoint(x: 13.125, y: 12.941), control2: CGPoint(x: 12.818, y: 13)) p.addLine(to: CGPoint(x: 3.5, y: 13)) p.addCurve(to: CGPoint(x: 2.58, y: 12.824), control1: CGPoint(x: 3.182, y: 13), control2: CGPoint(x: 2.875, y: 12.941)) p.addCurve(to: CGPoint(x: 1.732, y: 12.268), control1: CGPoint(x: 2.259, y: 12.697), control2: CGPoint(x: 1.976, y: 12.512)) p.addCurve(to: CGPoint(x: 1.176, y: 11.42), control1: CGPoint(x: 1.488, y: 12.024), control2: CGPoint(x: 1.303, y: 11.741)) p.addCurve(to: CGPoint(x: 1, y: 10.5), control1: CGPoint(x: 1.059, y: 11.125), control2: CGPoint(x: 1, y: 10.818)) p.addLine(to: CGPoint(x: 1, y: 8.5)) p.addCurve(to: CGPoint(x: 1.176, y: 7.58), control1: CGPoint(x: 1, y: 8.182), control2: CGPoint(x: 1.059, y: 7.875)) p.addCurve(to: CGPoint(x: 1.732, y: 6.732), control1: CGPoint(x: 1.303, y: 7.259), control2: CGPoint(x: 1.488, y: 6.976)) p.addCurve(to: CGPoint(x: 2.58, y: 6.176), control1: CGPoint(x: 1.976, y: 6.488), control2: CGPoint(x: 2.259, y: 6.303)) p.addCurve(to: CGPoint(x: 3.5, y: 6), control1: CGPoint(x: 2.875, y: 6.059), control2: CGPoint(x: 3.182, y: 6)) p.addLine(to: CGPoint(x: 5, y: 6)) p.addLine(to: CGPoint(x: 5, y: 4.5)) p.addCurve(to: CGPoint(x: 5.176, y: 3.58), control1: CGPoint(x: 5, y: 4.182), control2: CGPoint(x: 5.059, y: 3.875)) p.addCurve(to: CGPoint(x: 5.732, y: 2.732), control1: CGPoint(x: 5.303, y: 3.259), control2: CGPoint(x: 5.488, y: 2.976)) p.addCurve(to: CGPoint(x: 6.58, y: 2.176), control1: CGPoint(x: 5.976, y: 2.488), control2: CGPoint(x: 6.259, y: 2.303)) p.addCurve(to: CGPoint(x: 7.5, y: 2), control1: CGPoint(x: 6.875, y: 2.059), control2: CGPoint(x: 7.182, y: 2)) p.addLine(to: CGPoint(x: 11.5, y: 2)) p.addCurve(to: CGPoint(x: 11.856, y: 2.144), control1: CGPoint(x: 11.641, y: 2), control2: CGPoint(x: 11.759, y: 2.048)) p.addCurve(to: CGPoint(x: 12, y: 2.5), control1: CGPoint(x: 11.952, y: 2.241), control2: CGPoint(x: 12, y: 2.359)) p.addCurve(to: CGPoint(x: 11.856, y: 2.856), control1: CGPoint(x: 12, y: 2.641), control2: CGPoint(x: 11.952, y: 2.759)) p.addCurve(to: CGPoint(x: 11.5, y: 3), control1: CGPoint(x: 11.759, y: 2.952), control2: CGPoint(x: 11.641, y: 3)) p.addLine(to: CGPoint(x: 7.5, y: 3)) p.addCurve(to: CGPoint(x: 6.948, y: 3.105), control1: CGPoint(x: 7.309, y: 3), control2: CGPoint(x: 7.125, y: 3.035)) p.addCurve(to: CGPoint(x: 6.439, y: 3.439), control1: CGPoint(x: 6.755, y: 3.182), control2: CGPoint(x: 6.586, y: 3.293)) p.addCurve(to: CGPoint(x: 6.105, y: 3.948), control1: CGPoint(x: 6.293, y: 3.586), control2: CGPoint(x: 6.182, y: 3.755)) p.addCurve(to: CGPoint(x: 6, y: 4.5), control1: CGPoint(x: 6.035, y: 4.125), control2: CGPoint(x: 6, y: 4.309)) p.addLine(to: CGPoint(x: 6, y: 6)) p.addLine(to: CGPoint(x: 12.5, y: 6)) p.addCurve(to: CGPoint(x: 13.42, y: 6.176), control1: CGPoint(x: 12.818, y: 6), control2: CGPoint(x: 13.125, y: 6.059)) p.closeSubpath() p.move(to: CGPoint(x: 14, y: 9)) p.addLine(to: CGPoint(x: 14, y: 8.5)) p.addCurve(to: CGPoint(x: 13.895, y: 7.948), control1: CGPoint(x: 14, y: 8.309), control2: CGPoint(x: 13.965, y: 8.125)) p.addCurve(to: CGPoint(x: 13.561, y: 7.439), control1: CGPoint(x: 13.818, y: 7.755), control2: CGPoint(x: 13.707, y: 7.586)) p.addCurve(to: CGPoint(x: 13.052, y: 7.105), control1: CGPoint(x: 13.414, y: 7.293), control2: CGPoint(x: 13.245, y: 7.182)) p.addCurve(to: CGPoint(x: 12.5, y: 7), control1: CGPoint(x: 12.875, y: 7.035), control2: CGPoint(x: 12.691, y: 7)) p.addLine(to: CGPoint(x: 3.5, y: 7)) p.addCurve(to: CGPoint(x: 2.948, y: 7.105), control1: CGPoint(x: 3.309, y: 7), control2: CGPoint(x: 3.125, y: 7.035)) p.addCurve(to: CGPoint(x: 2.439, y: 7.439), control1: CGPoint(x: 2.755, y: 7.182), control2: CGPoint(x: 2.586, y: 7.293)) p.addCurve(to: CGPoint(x: 2.105, y: 7.948), control1: CGPoint(x: 2.293, y: 7.586), control2: CGPoint(x: 2.182, y: 7.755)) p.addCurve(to: CGPoint(x: 2, y: 8.5), control1: CGPoint(x: 2.035, y: 8.125), control2: CGPoint(x: 2, y: 8.309)) p.addLine(to: CGPoint(x: 2, y: 9)) p.addLine(to: CGPoint(x: 14, y: 9)) p.closeSubpath() p.move(to: CGPoint(x: 2.105, y: 11.052)) p.addCurve(to: CGPoint(x: 2.439, y: 11.561), control1: CGPoint(x: 2.182, y: 11.245), control2: CGPoint(x: 2.293, y: 11.414)) p.addCurve(to: CGPoint(x: 2.948, y: 11.895), control1: CGPoint(x: 2.586, y: 11.707), control2: CGPoint(x: 2.755, y: 11.818)) p.addCurve(to: CGPoint(x: 3.5, y: 12), control1: CGPoint(x: 3.125, y: 11.965), control2: CGPoint(x: 3.309, y: 12)) p.addLine(to: CGPoint(x: 12.5, y: 12)) p.addCurve(to: CGPoint(x: 13.052, y: 11.895), control1: CGPoint(x: 12.691, y: 12), control2: CGPoint(x: 12.875, y: 11.965)) p.addCurve(to: CGPoint(x: 13.561, y: 11.561), control1: CGPoint(x: 13.245, y: 11.818), control2: CGPoint(x: 13.414, y: 11.707)) p.addCurve(to: CGPoint(x: 13.895, y: 11.052), control1: CGPoint(x: 13.707, y: 11.414), control2: CGPoint(x: 13.818, y: 11.245)) p.addCurve(to: CGPoint(x: 14, y: 10.5), control1: CGPoint(x: 13.965, y: 10.875), control2: CGPoint(x: 14, y: 10.691)) p.addLine(to: CGPoint(x: 14, y: 10)) p.addLine(to: CGPoint(x: 2, y: 10)) p.addLine(to: CGPoint(x: 2, y: 10.5)) p.addCurve(to: CGPoint(x: 2.105, y: 11.052), control1: CGPoint(x: 2, y: 10.691), control2: CGPoint(x: 2.035, y: 10.875)) p.closeSubpath() return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16)) } } // CurlingIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp. ``` ### Compose ```kotlin // Gentleface "curling" (line-round), MIT. https://gentleface.com/icons/curling 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 CurlingIcon: ImageVector by lazy { ImageVector.Builder( name = "curling", defaultWidth = 16.dp, defaultHeight = 16.dp, viewportWidth = 16f, viewportHeight = 16f, ).addPath( pathData = addPathNodes("M13.42 6.176C13.741 6.303 14.024 6.488 14.268 6.732C14.512 6.976 14.697 7.259 14.824 7.58C14.941 7.875 15 8.182 15 8.5L15 10.5C15 10.818 14.941 11.125 14.824 11.42C14.697 11.741 14.512 12.024 14.268 12.268C14.024 12.512 13.741 12.697 13.42 12.824C13.125 12.941 12.818 13 12.5 13L3.5 13C3.182 13 2.875 12.941 2.58 12.824C2.259 12.697 1.976 12.512 1.732 12.268C1.488 12.024 1.303 11.741 1.176 11.42C1.059 11.125 1 10.818 1 10.5L1 8.5C1 8.182 1.059 7.875 1.176 7.58C1.303 7.259 1.488 6.976 1.732 6.732C1.976 6.488 2.259 6.303 2.58 6.176C2.875 6.059 3.182 6 3.5 6L5 6L5 4.5C5 4.182 5.059 3.875 5.176 3.58C5.303 3.259 5.488 2.976 5.732 2.732C5.976 2.488 6.259 2.303 6.58 2.176C6.875 2.059 7.182 2 7.5 2L11.5 2C11.641 2 11.759 2.048 11.856 2.144C11.952 2.241 12 2.359 12 2.5C12 2.641 11.952 2.759 11.856 2.856C11.759 2.952 11.641 3 11.5 3L7.5 3C7.309 3 7.125 3.035 6.948 3.105C6.755 3.182 6.586 3.293 6.439 3.439C6.293 3.586 6.182 3.755 6.105 3.948C6.035 4.125 6 4.309 6 4.5L6 6L12.5 6C12.818 6 13.125 6.059 13.42 6.176ZM14 9L14 8.5C14 8.309 13.965 8.125 13.895 7.948C13.818 7.755 13.707 7.586 13.561 7.439C13.414 7.293 13.245 7.182 13.052 7.105C12.875 7.035 12.691 7 12.5 7L3.5 7C3.309 7 3.125 7.035 2.948 7.105C2.755 7.182 2.586 7.293 2.439 7.439C2.293 7.586 2.182 7.755 2.105 7.948C2.035 8.125 2 8.309 2 8.5L2 9L14 9ZM2.105 11.052C2.182 11.245 2.293 11.414 2.439 11.561C2.586 11.707 2.755 11.818 2.948 11.895C3.125 11.965 3.309 12 3.5 12L12.5 12C12.691 12 12.875 11.965 13.052 11.895C13.245 11.818 13.414 11.707 13.561 11.561C13.707 11.414 13.818 11.245 13.895 11.052C13.965 10.875 14 10.691 14 10.5L14 10L2 10L2 10.5C2 10.691 2.035 10.875 2.105 11.052Z"), fill = SolidColor(Color.Black), ).build() } // Icon(CurlingIcon, contentDescription = null) tints it with LocalContentColor. ``` ### Android XML ```xml ``` ### Flutter ```dart // Gentleface "curling" (line-round), MIT. https://gentleface.com/icons/curling import 'package:flutter/widgets.dart'; class CurlingIcon extends StatelessWidget { const CurlingIcon({super.key, this.size = 16, this.color}); final double size; final Color? color; @override Widget build(BuildContext context) => CustomPaint( size: Size.square(size), painter: _CurlingIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)), ); } class _CurlingIconPainter extends CustomPainter { _CurlingIconPainter(this.color); final Color color; @override void paint(Canvas canvas, Size size) { canvas.scale(size.width / 16, size.height / 16); final p = Path() ..moveTo(13.42, 6.176) ..cubicTo(13.741, 6.303, 14.024, 6.488, 14.268, 6.732) ..cubicTo(14.512, 6.976, 14.697, 7.259, 14.824, 7.58) ..cubicTo(14.941, 7.875, 15, 8.182, 15, 8.5) ..lineTo(15, 10.5) ..cubicTo(15, 10.818, 14.941, 11.125, 14.824, 11.42) ..cubicTo(14.697, 11.741, 14.512, 12.024, 14.268, 12.268) ..cubicTo(14.024, 12.512, 13.741, 12.697, 13.42, 12.824) ..cubicTo(13.125, 12.941, 12.818, 13, 12.5, 13) ..lineTo(3.5, 13) ..cubicTo(3.182, 13, 2.875, 12.941, 2.58, 12.824) ..cubicTo(2.259, 12.697, 1.976, 12.512, 1.732, 12.268) ..cubicTo(1.488, 12.024, 1.303, 11.741, 1.176, 11.42) ..cubicTo(1.059, 11.125, 1, 10.818, 1, 10.5) ..lineTo(1, 8.5) ..cubicTo(1, 8.182, 1.059, 7.875, 1.176, 7.58) ..cubicTo(1.303, 7.259, 1.488, 6.976, 1.732, 6.732) ..cubicTo(1.976, 6.488, 2.259, 6.303, 2.58, 6.176) ..cubicTo(2.875, 6.059, 3.182, 6, 3.5, 6) ..lineTo(5, 6) ..lineTo(5, 4.5) ..cubicTo(5, 4.182, 5.059, 3.875, 5.176, 3.58) ..cubicTo(5.303, 3.259, 5.488, 2.976, 5.732, 2.732) ..cubicTo(5.976, 2.488, 6.259, 2.303, 6.58, 2.176) ..cubicTo(6.875, 2.059, 7.182, 2, 7.5, 2) ..lineTo(11.5, 2) ..cubicTo(11.641, 2, 11.759, 2.048, 11.856, 2.144) ..cubicTo(11.952, 2.241, 12, 2.359, 12, 2.5) ..cubicTo(12, 2.641, 11.952, 2.759, 11.856, 2.856) ..cubicTo(11.759, 2.952, 11.641, 3, 11.5, 3) ..lineTo(7.5, 3) ..cubicTo(7.309, 3, 7.125, 3.035, 6.948, 3.105) ..cubicTo(6.755, 3.182, 6.586, 3.293, 6.439, 3.439) ..cubicTo(6.293, 3.586, 6.182, 3.755, 6.105, 3.948) ..cubicTo(6.035, 4.125, 6, 4.309, 6, 4.5) ..lineTo(6, 6) ..lineTo(12.5, 6) ..cubicTo(12.818, 6, 13.125, 6.059, 13.42, 6.176) ..close() ..moveTo(14, 9) ..lineTo(14, 8.5) ..cubicTo(14, 8.309, 13.965, 8.125, 13.895, 7.948) ..cubicTo(13.818, 7.755, 13.707, 7.586, 13.561, 7.439) ..cubicTo(13.414, 7.293, 13.245, 7.182, 13.052, 7.105) ..cubicTo(12.875, 7.035, 12.691, 7, 12.5, 7) ..lineTo(3.5, 7) ..cubicTo(3.309, 7, 3.125, 7.035, 2.948, 7.105) ..cubicTo(2.755, 7.182, 2.586, 7.293, 2.439, 7.439) ..cubicTo(2.293, 7.586, 2.182, 7.755, 2.105, 7.948) ..cubicTo(2.035, 8.125, 2, 8.309, 2, 8.5) ..lineTo(2, 9) ..lineTo(14, 9) ..close() ..moveTo(2.105, 11.052) ..cubicTo(2.182, 11.245, 2.293, 11.414, 2.439, 11.561) ..cubicTo(2.586, 11.707, 2.755, 11.818, 2.948, 11.895) ..cubicTo(3.125, 11.965, 3.309, 12, 3.5, 12) ..lineTo(12.5, 12) ..cubicTo(12.691, 12, 12.875, 11.965, 13.052, 11.895) ..cubicTo(13.245, 11.818, 13.414, 11.707, 13.561, 11.561) ..cubicTo(13.707, 11.414, 13.818, 11.245, 13.895, 11.052) ..cubicTo(13.965, 10.875, 14, 10.691, 14, 10.5) ..lineTo(14, 10) ..lineTo(2, 10) ..lineTo(2, 10.5) ..cubicTo(2, 10.691, 2.035, 10.875, 2.105, 11.052) ..close(); canvas.drawPath(p, Paint()..color = color); } @override bool shouldRepaint(_CurlingIconPainter old) => old.color != color; } ```