gentleface

Gentleface › Games & sports › curling

curling icon

Curling: curling stone. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path 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"/></svg>
React
// Gentleface "curling" (line-round), MIT. https://gentleface.com/icons/curling
import type { SVGProps } from 'react';

export function CurlingIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path 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" />
    </svg>
  );
}
Vue
Vue: see /icons/curling.md
Svelte
Svelte: see /icons/curling.md
HTML img
HTML img: see /icons/curling.md
CSS
CSS: see /icons/curling.md
Data URL
Data URL: see /icons/curling.md
Sprite
Sprite: see /icons/curling.md
SwiftUI
SwiftUI: see /icons/curling.md
Compose
Compose: see /icons/curling.md
Android XML
Android XML: see /icons/curling.md
Flutter
Flutter: see /icons/curling.md

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. 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. More in how to use.

Meaning

Use it for
curling stone
Tags
curling, curling-stone, stone, rock, winter-sports, olympics, ice, sports
Category
Games & sports
Component name
CurlingIcon
History
  • 20 px drawn, 24 px drawn, added

More games & sports icons

For agents

Metadata: /icons/curling.json · Markdown: /icons/curling.md · SVG: https://gentleface.com/svg/{style}/16/curling.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/curling.png