football icon

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

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

2 other variants in IonIcons

footballfootball-outline

The same icon in other sets

footballBoxIcons v2footballElement PlusfootballFont Awesome 6 SolidfootballFont Awesome SolidfootballHuge IconsfootballIconParkfootballIconPark OutlinefootballIconoirfootballJam IconsfootballLucide LabfootballMaterial Design Iconsfootball-fillMingCute IconfootballPhosphorfootball-fillRemix Iconfootball-boldSolarfootballUnicons

Use the football icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208s208-93.31 208-208S370.69 48 256 48m140.64 296.08h-46.77l-16.89-29l15-60.44L377.79 242l42.65 36.71a164.9 164.9 0 0 1-23.8 65.37M134.21 242L164 254.67l15 60.44l-16.89 29h-46.75a164.9 164.9 0 0 1-23.8-65.34Zm249.07-92.47l-18.41 52.33l-31.12 13.18L277 167.46v-35l43.86-29.22a166.9 166.9 0 0 1 62.42 46.32ZM191.14 103.2L235 132.42v35l-56.75 47.61l-31.12-13.18l-18.41-52.33a166.9 166.9 0 0 1 62.42-46.32m26.44 314.3l-20.1-50.66l16-27.51h85l16.06 27.53l-20 50.6a166.2 166.2 0 0 1-77 0Z"/></svg>

React

import type { SVGProps } from "react";

export function IonFootballSharp(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="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208s208-93.31 208-208S370.69 48 256 48m140.64 296.08h-46.77l-16.89-29l15-60.44L377.79 242l42.65 36.71a164.9 164.9 0 0 1-23.8 65.37M134.21 242L164 254.67l15 60.44l-16.89 29h-46.75a164.9 164.9 0 0 1-23.8-65.34Zm249.07-92.47l-18.41 52.33l-31.12 13.18L277 167.46v-35l43.86-29.22a166.9 166.9 0 0 1 62.42 46.32ZM191.14 103.2L235 132.42v35l-56.75 47.61l-31.12-13.18l-18.41-52.33a166.9 166.9 0 0 1 62.42-46.32m26.44 314.3l-20.1-50.66l16-27.51h85l16.06 27.53l-20 50.6a166.2 166.2 0 0 1-77 0Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208s208-93.31 208-208S370.69 48 256 48m140.64 296.08h-46.77l-16.89-29l15-60.44L377.79 242l42.65 36.71a164.9 164.9 0 0 1-23.8 65.37M134.21 242L164 254.67l15 60.44l-16.89 29h-46.75a164.9 164.9 0 0 1-23.8-65.34Zm249.07-92.47l-18.41 52.33l-31.12 13.18L277 167.46v-35l43.86-29.22a166.9 166.9 0 0 1 62.42 46.32ZM191.14 103.2L235 132.42v35l-56.75 47.61l-31.12-13.18l-18.41-52.33a166.9 166.9 0 0 1 62.42-46.32m26.44 314.3l-20.1-50.66l16-27.51h85l16.06 27.53l-20 50.6a166.2 166.2 0 0 1-77 0Z"/></svg>
</template>

CSS

.icon-football-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%22M256%2048C141.31%2048%2048%20141.31%2048%20256s93.31%20208%20208%20208s208-93.31%20208-208S370.69%2048%20256%2048m140.64%20296.08h-46.77l-16.89-29l15-60.44L377.79%20242l42.65%2036.71a164.9%20164.9%200%200%201-23.8%2065.37M134.21%20242L164%20254.67l15%2060.44l-16.89%2029h-46.75a164.9%20164.9%200%200%201-23.8-65.34Zm249.07-92.47l-18.41%2052.33l-31.12%2013.18L277%20167.46v-35l43.86-29.22a166.9%20166.9%200%200%201%2062.42%2046.32ZM191.14%20103.2L235%20132.42v35l-56.75%2047.61l-31.12-13.18l-18.41-52.33a166.9%20166.9%200%200%201%2062.42-46.32m26.44%20314.3l-20.1-50.66l16-27.51h85l16.06%2027.53l-20%2050.6a166.2%20166.2%200%200%201-77%200Z%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%22M256%2048C141.31%2048%2048%20141.31%2048%20256s93.31%20208%20208%20208s208-93.31%20208-208S370.69%2048%20256%2048m140.64%20296.08h-46.77l-16.89-29l15-60.44L377.79%20242l42.65%2036.71a164.9%20164.9%200%200%201-23.8%2065.37M134.21%20242L164%20254.67l15%2060.44l-16.89%2029h-46.75a164.9%20164.9%200%200%201-23.8-65.34Zm249.07-92.47l-18.41%2052.33l-31.12%2013.18L277%20167.46v-35l43.86-29.22a166.9%20166.9%200%200%201%2062.42%2046.32ZM191.14%20103.2L235%20132.42v35l-56.75%2047.61l-31.12-13.18l-18.41-52.33a166.9%20166.9%200%200%201%2062.42-46.32m26.44%20314.3l-20.1-50.66l16-27.51h85l16.06%2027.53l-20%2050.6a166.2%20166.2%200%200%201-77%200Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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