football icon

football from Jam Icons by Michael Amprimo · Outline · MIT Free for personal and commercial use.

Name
football
Set
Jam Icons
Style
Outline
Viewbox
24×24
License
MIT

The same icon in other sets

footballBoxIcons v2footballElement PlusfootballFont Awesome 6 SolidfootballFont Awesome SolidfootballHuge IconsfootballIconParkfootballIconPark OutlinefootballIconoirfootballIonIconsfootballLucide 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="-6 -2 24 24"><path fill="currentColor" d="M2.835 14h6.33A10.3 10.3 0 0 0 10 10c0-1.37-.302-2.741-.835-4h-6.33A10.3 10.3 0 0 0 2 10c0 1.37.302 2.741.835 4m1.106 2c.484.688 1.01 1.254 1.499 1.63c.343.265.58.37.56.37s.217-.105.56-.37c.489-.376 1.015-.942 1.499-1.63H3.94zM7 11h1a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2h1V9H4a1 1 0 1 1 0-2h4a1 1 0 1 1 0 2H7zM3.941 4H8.06c-.484-.688-1.01-1.254-1.499-1.63C6.217 2.105 5.98 2 6 2s-.217.105-.56.37c-.489.376-1.015.942-1.499 1.63M6 20c-2 0-6-4.477-6-10S4 0 6 0s6 4.477 6 10s-4 10-6 10"/></svg>

React

import type { SVGProps } from "react";

export function JamFootball(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-6 -2 24 24"><path fill="currentColor" d="M2.835 14h6.33A10.3 10.3 0 0 0 10 10c0-1.37-.302-2.741-.835-4h-6.33A10.3 10.3 0 0 0 2 10c0 1.37.302 2.741.835 4m1.106 2c.484.688 1.01 1.254 1.499 1.63c.343.265.58.37.56.37s.217-.105.56-.37c.489-.376 1.015-.942 1.499-1.63H3.94zM7 11h1a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2h1V9H4a1 1 0 1 1 0-2h4a1 1 0 1 1 0 2H7zM3.941 4H8.06c-.484-.688-1.01-1.254-1.499-1.63C6.217 2.105 5.98 2 6 2s-.217.105-.56.37c-.489.376-1.015.942-1.499 1.63M6 20c-2 0-6-4.477-6-10S4 0 6 0s6 4.477 6 10s-4 10-6 10"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-6 -2 24 24"><path fill="currentColor" d="M2.835 14h6.33A10.3 10.3 0 0 0 10 10c0-1.37-.302-2.741-.835-4h-6.33A10.3 10.3 0 0 0 2 10c0 1.37.302 2.741.835 4m1.106 2c.484.688 1.01 1.254 1.499 1.63c.343.265.58.37.56.37s.217-.105.56-.37c.489-.376 1.015-.942 1.499-1.63H3.94zM7 11h1a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2h1V9H4a1 1 0 1 1 0-2h4a1 1 0 1 1 0 2H7zM3.941 4H8.06c-.484-.688-1.01-1.254-1.499-1.63C6.217 2.105 5.98 2 6 2s-.217.105-.56.37c-.489.376-1.015.942-1.499 1.63M6 20c-2 0-6-4.477-6-10S4 0 6 0s6 4.477 6 10s-4 10-6 10"/></svg>
</template>

CSS

.icon-football {
  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%22-6%20-2%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.835%2014h6.33A10.3%2010.3%200%200%200%2010%2010c0-1.37-.302-2.741-.835-4h-6.33A10.3%2010.3%200%200%200%202%2010c0%201.37.302%202.741.835%204m1.106%202c.484.688%201.01%201.254%201.499%201.63c.343.265.58.37.56.37s.217-.105.56-.37c.489-.376%201.015-.942%201.499-1.63H3.94zM7%2011h1a1%201%200%200%201%200%202H4a1%201%200%200%201%200-2h1V9H4a1%201%200%201%201%200-2h4a1%201%200%201%201%200%202H7zM3.941%204H8.06c-.484-.688-1.01-1.254-1.499-1.63C6.217%202.105%205.98%202%206%202s-.217.105-.56.37c-.489.376-1.015.942-1.499%201.63M6%2020c-2%200-6-4.477-6-10S4%200%206%200s6%204.477%206%2010s-4%2010-6%2010%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%22-6%20-2%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.835%2014h6.33A10.3%2010.3%200%200%200%2010%2010c0-1.37-.302-2.741-.835-4h-6.33A10.3%2010.3%200%200%200%202%2010c0%201.37.302%202.741.835%204m1.106%202c.484.688%201.01%201.254%201.499%201.63c.343.265.58.37.56.37s.217-.105.56-.37c.489-.376%201.015-.942%201.499-1.63H3.94zM7%2011h1a1%201%200%200%201%200%202H4a1%201%200%200%201%200-2h1V9H4a1%201%200%201%201%200-2h4a1%201%200%201%201%200%202H7zM3.941%204H8.06c-.484-.688-1.01-1.254-1.499-1.63C6.217%202.105%205.98%202%206%202s-.217.105-.56.37c-.489.376-1.015.942-1.499%201.63M6%2020c-2%200-6-4.477-6-10S4%200%206%200s6%204.477%206%2010s-4%2010-6%2010%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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