badminton icon
badminton-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- badminton-fill
- Set
- MingCute Icon
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
The same icon in other sets
badmintonEmoji One (Colored)badmintonFluent EmojibadmintonFluent Emoji FlatbadmintonFluent Emoji High ContrastbadmintonHuge IconsbadmintonIconParkbadmintonIconPark OutlinebadmintonIconPark SolidbadmintonIconPark TwoTonebadmintonMaterial SymbolsbadmintonMaterial Symbols LightbadmintonMaterial Design IconsbadmintonNoto EmojibadmintonOpenMojibadmintonTwitter Emoji
Use the badminton icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16 17.173V18a4 4 0 1 1-8 0v-.827L7.938 17h8.123zM17.483 2c1.918 0 3.258 1.9 2.612 3.707L16.776 15H7.223L3.905 5.707a2.774 2.774 0 0 1 4.433-3.025A2.8 2.8 0 0 1 10.178 2c.695 0 1.33.251 1.822.667A2.8 2.8 0 0 1 13.82 2c.71 0 1.351.259 1.842.682A2.77 2.77 0 0 1 17.483 2"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteBadmintonFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16 17.173V18a4 4 0 1 1-8 0v-.827L7.938 17h8.123zM17.483 2c1.918 0 3.258 1.9 2.612 3.707L16.776 15H7.223L3.905 5.707a2.774 2.774 0 0 1 4.433-3.025A2.8 2.8 0 0 1 10.178 2c.695 0 1.33.251 1.822.667A2.8 2.8 0 0 1 13.82 2c.71 0 1.351.259 1.842.682A2.77 2.77 0 0 1 17.483 2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16 17.173V18a4 4 0 1 1-8 0v-.827L7.938 17h8.123zM17.483 2c1.918 0 3.258 1.9 2.612 3.707L16.776 15H7.223L3.905 5.707a2.774 2.774 0 0 1 4.433-3.025A2.8 2.8 0 0 1 10.178 2c.695 0 1.33.251 1.822.667A2.8 2.8 0 0 1 13.82 2c.71 0 1.351.259 1.842.682A2.77 2.77 0 0 1 17.483 2"/></svg> </template>
CSS
.icon-badminton-fill {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%2017.173V18a4%204%200%201%201-8%200v-.827L7.938%2017h8.123zM17.483%202c1.918%200%203.258%201.9%202.612%203.707L16.776%2015H7.223L3.905%205.707a2.774%202.774%200%200%201%204.433-3.025A2.8%202.8%200%200%201%2010.178%202c.695%200%201.33.251%201.822.667A2.8%202.8%200%200%201%2013.82%202c.71%200%201.351.259%201.842.682A2.77%202.77%200%200%201%2017.483%202%22%2F%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%2017.173V18a4%204%200%201%201-8%200v-.827L7.938%2017h8.123zM17.483%202c1.918%200%203.258%201.9%202.612%203.707L16.776%2015H7.223L3.905%205.707a2.774%202.774%200%200%201%204.433-3.025A2.8%202.8%200%200%201%2010.178%202c.695%200%201.33.251%201.822.667A2.8%202.8%200%200%201%2013.82%202c.71%200%201.351.259%201.842.682A2.77%202.77%200%200%201%2017.483%202%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/badminton-fill.svg?color=%231a73e8&size=48
