curling icon

curling from IconPark Outline by ByteDance · Outline · Sports · Apache-2.0 Free for personal and commercial use.

Name: curling
Set: IconPark Outline
Style: Outline
Category: Sports
Viewbox: 48×48
License: Apache 2.0

The same icon in other sets

curlingHuge Icons curlingIconPark curlingIconPark Solid curlingIconPark TwoTone curlingMaterial Design Icons curlingTabler Icons

More sports icons from IconPark Outline

Use the curling icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-miterlimit="2" stroke-width="4"><path d="M38 42H10c-3.31 0-6-2.68-6-6v-8c0-3.31 2.68-6 6-6h28c3.31 0 6 2.68 6 6v8c0 3.32-2.68 6-6 6Z"/><path stroke-linecap="round" d="M4 32h40M10 22l6.48-14.8A1.98 1.98 0 0 1 18.31 6H35.5C37.43 6 39 7.57 39 9.5S37.43 13 35.5 13H22v9z"/></g></svg>

React

import type { SVGProps } from "react";

export function IconParkOutlineCurling(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" strokeLinejoin="round" strokeMiterlimit="2" strokeWidth="4"><path d="M38 42H10c-3.31 0-6-2.68-6-6v-8c0-3.31 2.68-6 6-6h28c3.31 0 6 2.68 6 6v8c0 3.32-2.68 6-6 6Z"/><path strokeLinecap="round" d="M4 32h40M10 22l6.48-14.8A1.98 1.98 0 0 1 18.31 6H35.5C37.43 6 39 7.57 39 9.5S37.43 13 35.5 13H22v9z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-miterlimit="2" stroke-width="4"><path d="M38 42H10c-3.31 0-6-2.68-6-6v-8c0-3.31 2.68-6 6-6h28c3.31 0 6 2.68 6 6v8c0 3.32-2.68 6-6 6Z"/><path stroke-linecap="round" d="M4 32h40M10 22l6.48-14.8A1.98 1.98 0 0 1 18.31 6H35.5C37.43 6 39 7.57 39 9.5S37.43 13 35.5 13H22v9z"/></g></svg>
</template>

CSS

.icon-curling {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%222%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M38%2042H10c-3.31%200-6-2.68-6-6v-8c0-3.31%202.68-6%206-6h28c3.31%200%206%202.68%206%206v8c0%203.32-2.68%206-6%206Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M4%2032h40M10%2022l6.48-14.8A1.98%201.98%200%200%201%2018.31%206H35.5C37.43%206%2039%207.57%2039%209.5S37.43%2013%2035.5%2013H22v9z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%222%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M38%2042H10c-3.31%200-6-2.68-6-6v-8c0-3.31%202.68-6%206-6h28c3.31%200%206%202.68%206%206v8c0%203.32-2.68%206-6%206Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M4%2032h40M10%2022l6.48-14.8A1.98%201.98%200%200%201%2018.31%206H35.5C37.43%206%2039%207.57%2039%209.5S37.43%2013%2035.5%2013H22v9z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park-outline/curling.svg?color=%231a73e8&size=48