fitness icon

fitness-sharp from IonIcons by Ben Sperry · Sharp · MIT Free for personal and commercial use.

Name: fitness-sharp
Set: IonIcons
Style: Sharp
Viewbox: 512×512
License: MIT

2 other variants in IonIcons

The same icon in other sets

fitnessIconPark fitnessIconPark Outline fitness-fillMingCute Icon

Use the fitness icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M480 272h-37.34a261 261 0 0 1-18.25 32H480ZM32 240v32h37.34a225 225 0 0 1-12.4-32Z"/><path fill="currentColor" d="m304 259.78l-51.73 103.46l-48-160L169.89 272H69.34c10 20.92 23.5 41.41 40.63 61.68c40.12 47.46 94.25 79.75 137 108.32l9 6l9-6c42.78-28.57 96.91-60.86 137-108.32A323 323 0 0 0 424.41 304h-98.3Z"/><path fill="currentColor" d="m211.73 116.76l48 160L304 188.22L345.89 272h96.77A213.1 213.1 0 0 0 464 176.65C463.37 114.54 413.54 64 352.92 64c-48.11 0-80.1 28-96.92 48.21C239.18 92 207.19 64 159.08 64C98.46 64 48.63 114.54 48 176.65A211.2 211.2 0 0 0 56.94 240h93.17Z"/></svg>

React

import type { SVGProps } from "react";

export function IonFitnessSharp(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M480 272h-37.34a261 261 0 0 1-18.25 32H480ZM32 240v32h37.34a225 225 0 0 1-12.4-32Z"/><path fill="currentColor" d="m304 259.78l-51.73 103.46l-48-160L169.89 272H69.34c10 20.92 23.5 41.41 40.63 61.68c40.12 47.46 94.25 79.75 137 108.32l9 6l9-6c42.78-28.57 96.91-60.86 137-108.32A323 323 0 0 0 424.41 304h-98.3Z"/><path fill="currentColor" d="m211.73 116.76l48 160L304 188.22L345.89 272h96.77A213.1 213.1 0 0 0 464 176.65C463.37 114.54 413.54 64 352.92 64c-48.11 0-80.1 28-96.92 48.21C239.18 92 207.19 64 159.08 64C98.46 64 48.63 114.54 48 176.65A211.2 211.2 0 0 0 56.94 240h93.17Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M480 272h-37.34a261 261 0 0 1-18.25 32H480ZM32 240v32h37.34a225 225 0 0 1-12.4-32Z"/><path fill="currentColor" d="m304 259.78l-51.73 103.46l-48-160L169.89 272H69.34c10 20.92 23.5 41.41 40.63 61.68c40.12 47.46 94.25 79.75 137 108.32l9 6l9-6c42.78-28.57 96.91-60.86 137-108.32A323 323 0 0 0 424.41 304h-98.3Z"/><path fill="currentColor" d="m211.73 116.76l48 160L304 188.22L345.89 272h96.77A213.1 213.1 0 0 0 464 176.65C463.37 114.54 413.54 64 352.92 64c-48.11 0-80.1 28-96.92 48.21C239.18 92 207.19 64 159.08 64C98.46 64 48.63 114.54 48 176.65A211.2 211.2 0 0 0 56.94 240h93.17Z"/></svg>
</template>

CSS

.icon-fitness-sharp {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M480%20272h-37.34a261%20261%200%200%201-18.25%2032H480ZM32%20240v32h37.34a225%20225%200%200%201-12.4-32Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m304%20259.78l-51.73%20103.46l-48-160L169.89%20272H69.34c10%2020.92%2023.5%2041.41%2040.63%2061.68c40.12%2047.46%2094.25%2079.75%20137%20108.32l9%206l9-6c42.78-28.57%2096.91-60.86%20137-108.32A323%20323%200%200%200%20424.41%20304h-98.3Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m211.73%20116.76l48%20160L304%20188.22L345.89%20272h96.77A213.1%20213.1%200%200%200%20464%20176.65C463.37%20114.54%20413.54%2064%20352.92%2064c-48.11%200-80.1%2028-96.92%2048.21C239.18%2092%20207.19%2064%20159.08%2064C98.46%2064%2048.63%20114.54%2048%20176.65A211.2%20211.2%200%200%200%2056.94%20240h93.17Z%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M480%20272h-37.34a261%20261%200%200%201-18.25%2032H480ZM32%20240v32h37.34a225%20225%200%200%201-12.4-32Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m304%20259.78l-51.73%20103.46l-48-160L169.89%20272H69.34c10%2020.92%2023.5%2041.41%2040.63%2061.68c40.12%2047.46%2094.25%2079.75%20137%20108.32l9%206l9-6c42.78-28.57%2096.91-60.86%20137-108.32A323%20323%200%200%200%20424.41%20304h-98.3Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m211.73%20116.76l48%20160L304%20188.22L345.89%20272h96.77A213.1%20213.1%200%200%200%20464%20176.65C463.37%20114.54%20413.54%2064%20352.92%2064c-48.11%200-80.1%2028-96.92%2048.21C239.18%2092%20207.19%2064%20159.08%2064C98.46%2064%2048.63%20114.54%2048%20176.65A211.2%20211.2%200%200%200%2056.94%20240h93.17Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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