fitness icon
fitness-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- fitness-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
Use the fitness icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M13.362 3.537c.484.092 1.191.334 1.532 1.016c.747 1.494.13 2.914-.532 3.797c-.432.576-.988 1.119-1.635 1.45c-.135.07-.41.2-.727.2c-.591 0-1.17-.269-1.645-.604c-.09.306-.177.642-.252.998a10.6 10.6 0 0 0-.24 2.078c1.053-.34 2.13-.304 3.058.22a6.5 6.5 0 0 1 2.357-1.174c1.3-.341 2.86-.294 4.277.65c1.015.677 1.784 1.953 1.939 3.347c.162 1.454-.343 3.045-1.87 4.266c-1.078.863-2.721 1.195-4.233 1.317c-1.565.125-3.218.039-4.501-.104c-2.378-.264-4.204-.927-5.48-1.613c-.837-.45-1.982-1.071-2.345-2.025c-.245-.646-.181-1.429-.121-2.101c.08-.882.276-1.982.643-3.174c.732-2.378 2.165-5.193 4.776-7.351c.803-.664 2.147-1.076 3.272-1.214c.58-.072 1.19-.082 1.727.02" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteFitnessFill(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" fillRule="evenodd" d="M13.362 3.537c.484.092 1.191.334 1.532 1.016c.747 1.494.13 2.914-.532 3.797c-.432.576-.988 1.119-1.635 1.45c-.135.07-.41.2-.727.2c-.591 0-1.17-.269-1.645-.604c-.09.306-.177.642-.252.998a10.6 10.6 0 0 0-.24 2.078c1.053-.34 2.13-.304 3.058.22a6.5 6.5 0 0 1 2.357-1.174c1.3-.341 2.86-.294 4.277.65c1.015.677 1.784 1.953 1.939 3.347c.162 1.454-.343 3.045-1.87 4.266c-1.078.863-2.721 1.195-4.233 1.317c-1.565.125-3.218.039-4.501-.104c-2.378-.264-4.204-.927-5.48-1.613c-.837-.45-1.982-1.071-2.345-2.025c-.245-.646-.181-1.429-.121-2.101c.08-.882.276-1.982.643-3.174c.732-2.378 2.165-5.193 4.776-7.351c.803-.664 2.147-1.076 3.272-1.214c.58-.072 1.19-.082 1.727.02" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M13.362 3.537c.484.092 1.191.334 1.532 1.016c.747 1.494.13 2.914-.532 3.797c-.432.576-.988 1.119-1.635 1.45c-.135.07-.41.2-.727.2c-.591 0-1.17-.269-1.645-.604c-.09.306-.177.642-.252.998a10.6 10.6 0 0 0-.24 2.078c1.053-.34 2.13-.304 3.058.22a6.5 6.5 0 0 1 2.357-1.174c1.3-.341 2.86-.294 4.277.65c1.015.677 1.784 1.953 1.939 3.347c.162 1.454-.343 3.045-1.87 4.266c-1.078.863-2.721 1.195-4.233 1.317c-1.565.125-3.218.039-4.501-.104c-2.378-.264-4.204-.927-5.48-1.613c-.837-.45-1.982-1.071-2.345-2.025c-.245-.646-.181-1.429-.121-2.101c.08-.882.276-1.982.643-3.174c.732-2.378 2.165-5.193 4.776-7.351c.803-.664 2.147-1.076 3.272-1.214c.58-.072 1.19-.082 1.727.02" clip-rule="evenodd"/></svg> </template>
CSS
.icon-fitness-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%20fill-rule%3D%22evenodd%22%20d%3D%22M13.362%203.537c.484.092%201.191.334%201.532%201.016c.747%201.494.13%202.914-.532%203.797c-.432.576-.988%201.119-1.635%201.45c-.135.07-.41.2-.727.2c-.591%200-1.17-.269-1.645-.604c-.09.306-.177.642-.252.998a10.6%2010.6%200%200%200-.24%202.078c1.053-.34%202.13-.304%203.058.22a6.5%206.5%200%200%201%202.357-1.174c1.3-.341%202.86-.294%204.277.65c1.015.677%201.784%201.953%201.939%203.347c.162%201.454-.343%203.045-1.87%204.266c-1.078.863-2.721%201.195-4.233%201.317c-1.565.125-3.218.039-4.501-.104c-2.378-.264-4.204-.927-5.48-1.613c-.837-.45-1.982-1.071-2.345-2.025c-.245-.646-.181-1.429-.121-2.101c.08-.882.276-1.982.643-3.174c.732-2.378%202.165-5.193%204.776-7.351c.803-.664%202.147-1.076%203.272-1.214c.58-.072%201.19-.082%201.727.02%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M13.362%203.537c.484.092%201.191.334%201.532%201.016c.747%201.494.13%202.914-.532%203.797c-.432.576-.988%201.119-1.635%201.45c-.135.07-.41.2-.727.2c-.591%200-1.17-.269-1.645-.604c-.09.306-.177.642-.252.998a10.6%2010.6%200%200%200-.24%202.078c1.053-.34%202.13-.304%203.058.22a6.5%206.5%200%200%201%202.357-1.174c1.3-.341%202.86-.294%204.277.65c1.015.677%201.784%201.953%201.939%203.347c.162%201.454-.343%203.045-1.87%204.266c-1.078.863-2.721%201.195-4.233%201.317c-1.565.125-3.218.039-4.501-.104c-2.378-.264-4.204-.927-5.48-1.613c-.837-.45-1.982-1.071-2.345-2.025c-.245-.646-.181-1.429-.121-2.101c.08-.882.276-1.982.643-3.174c.732-2.378%202.165-5.193%204.776-7.351c.803-.664%202.147-1.076%203.272-1.214c.58-.072%201.19-.082%201.727.02%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/fitness-fill.svg?color=%231a73e8&size=48
