basketball clothes icon
basketball-clothes from IconPark by ByteDance · Color · Clothes · Apache-2.0 Free for personal and commercial use.
- Name
- basketball-clothes
- Set
- IconPark
- Style
- Color
- Category
- Clothes
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More clothes icons from IconPark
a-canebachelor-capbachelor-cap-onebachelor-cap-twobackpackbaseball-capbeltbootsbowbriefcasechef-hatchildren-capclothes-briefsclothes-cardiganclothes-crew-neckclothes-diapersclothes-glovesclothes-gloves-twoclothes-hoodieclothes-pantsclothes-pants-shortclothes-pants-sweatclothes-short-sleeveclothes-skates
Use the basketball clothes icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" stroke="#000" d="M30 4C30 7.31371 27.3137 10 24 10C20.6863 10 18 7.31371 18 4H15C13.8954 4 12.9976 4.89414 12.9681 5.99832C12.8995 8.57035 12.6829 12.9512 12 15C11.2389 17.2832 8.16103 20.1456 6.73361 21.3831C6.27454 21.7811 6 22.3537 6 22.9613V42C6 43.1046 6.89543 44 8 44H40C41.1046 44 42 43.1046 42 42V22.9613C42 22.3537 41.7255 21.7811 41.2664 21.3831C39.839 20.1456 36.7611 17.2832 36 15C35.3171 12.9512 35.1005 8.57035 35.0319 5.99832C35.0024 4.89414 34.1046 4 33 4H30Z"/><rect width="6" height="12" x="27" y="24" stroke="#fff"/><path stroke="#fff" stroke-linecap="round" d="M15 24H21V36H15"/><path stroke="#fff" stroke-linecap="round" d="M21 30H15"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkBasketballClothes(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" strokeLinejoin="round" strokeWidth="4"><path fill="#2F88FF" stroke="#000" d="M30 4C30 7.31371 27.3137 10 24 10C20.6863 10 18 7.31371 18 4H15C13.8954 4 12.9976 4.89414 12.9681 5.99832C12.8995 8.57035 12.6829 12.9512 12 15C11.2389 17.2832 8.16103 20.1456 6.73361 21.3831C6.27454 21.7811 6 22.3537 6 22.9613V42C6 43.1046 6.89543 44 8 44H40C41.1046 44 42 43.1046 42 42V22.9613C42 22.3537 41.7255 21.7811 41.2664 21.3831C39.839 20.1456 36.7611 17.2832 36 15C35.3171 12.9512 35.1005 8.57035 35.0319 5.99832C35.0024 4.89414 34.1046 4 33 4H30Z"/><rect width="6" height="12" x="27" y="24" stroke="#fff"/><path stroke="#fff" strokeLinecap="round" d="M15 24H21V36H15"/><path stroke="#fff" strokeLinecap="round" d="M21 30H15"/></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-linejoin="round" stroke-width="4"><path fill="#2F88FF" stroke="#000" d="M30 4C30 7.31371 27.3137 10 24 10C20.6863 10 18 7.31371 18 4H15C13.8954 4 12.9976 4.89414 12.9681 5.99832C12.8995 8.57035 12.6829 12.9512 12 15C11.2389 17.2832 8.16103 20.1456 6.73361 21.3831C6.27454 21.7811 6 22.3537 6 22.9613V42C6 43.1046 6.89543 44 8 44H40C41.1046 44 42 43.1046 42 42V22.9613C42 22.3537 41.7255 21.7811 41.2664 21.3831C39.839 20.1456 36.7611 17.2832 36 15C35.3171 12.9512 35.1005 8.57035 35.0319 5.99832C35.0024 4.89414 34.1046 4 33 4H30Z"/><rect width="6" height="12" x="27" y="24" stroke="#fff"/><path stroke="#fff" stroke-linecap="round" d="M15 24H21V36H15"/><path stroke="#fff" stroke-linecap="round" d="M21 30H15"/></g></svg> </template>
CSS
.icon-basketball-clothes {
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-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20fill%3D%22%232F88FF%22%20stroke%3D%22%23000%22%20d%3D%22M30%204C30%207.31371%2027.3137%2010%2024%2010C20.6863%2010%2018%207.31371%2018%204H15C13.8954%204%2012.9976%204.89414%2012.9681%205.99832C12.8995%208.57035%2012.6829%2012.9512%2012%2015C11.2389%2017.2832%208.16103%2020.1456%206.73361%2021.3831C6.27454%2021.7811%206%2022.3537%206%2022.9613V42C6%2043.1046%206.89543%2044%208%2044H40C41.1046%2044%2042%2043.1046%2042%2042V22.9613C42%2022.3537%2041.7255%2021.7811%2041.2664%2021.3831C39.839%2020.1456%2036.7611%2017.2832%2036%2015C35.3171%2012.9512%2035.1005%208.57035%2035.0319%205.99832C35.0024%204.89414%2034.1046%204%2033%204H30Z%22%2F%3E%3Crect%20width%3D%226%22%20height%3D%2212%22%20x%3D%2227%22%20y%3D%2224%22%20stroke%3D%22%23fff%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20d%3D%22M15%2024H21V36H15%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20d%3D%22M21%2030H15%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-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20fill%3D%22%232F88FF%22%20stroke%3D%22%23000%22%20d%3D%22M30%204C30%207.31371%2027.3137%2010%2024%2010C20.6863%2010%2018%207.31371%2018%204H15C13.8954%204%2012.9976%204.89414%2012.9681%205.99832C12.8995%208.57035%2012.6829%2012.9512%2012%2015C11.2389%2017.2832%208.16103%2020.1456%206.73361%2021.3831C6.27454%2021.7811%206%2022.3537%206%2022.9613V42C6%2043.1046%206.89543%2044%208%2044H40C41.1046%2044%2042%2043.1046%2042%2042V22.9613C42%2022.3537%2041.7255%2021.7811%2041.2664%2021.3831C39.839%2020.1456%2036.7611%2017.2832%2036%2015C35.3171%2012.9512%2035.1005%208.57035%2035.0319%205.99832C35.0024%204.89414%2034.1046%204%2033%204H30Z%22%2F%3E%3Crect%20width%3D%226%22%20height%3D%2212%22%20x%3D%2227%22%20y%3D%2224%22%20stroke%3D%22%23fff%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20d%3D%22M15%2024H21V36H15%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20d%3D%22M21%2030H15%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/basketball-clothes.svg?color=%231a73e8&size=48
