football icon

football from Element Plus by Element Plus · Outline · MIT Free for personal and commercial use.

Name
football
Set
Element Plus
Style
Outline
Viewbox
1024×1024
License
MIT

The same icon in other sets

footballBoxIcons v2footballFont Awesome 6 SolidfootballFont Awesome SolidfootballHuge IconsfootballIconParkfootballIconPark OutlinefootballIconoirfootballIonIconsfootballJam 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 1024 1024"><path fill="currentColor" d="M512 960a448 448 0 1 1 0-896a448 448 0 0 1 0 896m0-64a384 384 0 1 0 0-768a384 384 0 0 0 0 768"/><path fill="currentColor" d="M186.8 268.3q24-24.7 47-46a321 321 0 0 0 66 81.2l-32.5 56.4a386 386 0 0 1-80.5-91.6m653.7-5.3a386 386 0 0 1-83.8 97l-32.5-56.4a323 323 0 0 0 68.5-85.8q23.4 21 47.8 45.2M466 445.2l11.1-63a324 324 0 0 0 69.8 0l11.1 63a388 388 0 0 1-92 0m-62.7-12.8a382 382 0 0 1-83.3-35.9l32-55.4a320 320 0 0 0 62.5 27.7zM704 396.6a382 382 0 0 1-83.4 35.8L609.5 369a320 320 0 0 0 62.5-27.7l32 55.4zM183.3 761.4a386 386 0 0 1 84-97.3l32.5 56.3a324 324 0 0 0-67.5 84q-24-20-49-43m657.5.1a1443 1443 0 0 1-49 43.1a321 321 0 0 0-67.6-84.2l32.5-56.3a385 385 0 0 1 84.1 97.4M466 578.8a388 388 0 0 1 92 0l-11 63a324 324 0 0 0-69.8 0zm-62.7 12.8l11.2 63.5a320 320 0 0 0-62.5 27.7l-32-55.4a382 382 0 0 1 83.3-35.8M704 627.4l-32 55.4a318 318 0 0 0-62.5-27.7l11.2-63.5a379 379 0 0 1 83.2 35.8z"/></svg>

React

import type { SVGProps } from "react";

export function EpFootball(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M512 960a448 448 0 1 1 0-896a448 448 0 0 1 0 896m0-64a384 384 0 1 0 0-768a384 384 0 0 0 0 768"/><path fill="currentColor" d="M186.8 268.3q24-24.7 47-46a321 321 0 0 0 66 81.2l-32.5 56.4a386 386 0 0 1-80.5-91.6m653.7-5.3a386 386 0 0 1-83.8 97l-32.5-56.4a323 323 0 0 0 68.5-85.8q23.4 21 47.8 45.2M466 445.2l11.1-63a324 324 0 0 0 69.8 0l11.1 63a388 388 0 0 1-92 0m-62.7-12.8a382 382 0 0 1-83.3-35.9l32-55.4a320 320 0 0 0 62.5 27.7zM704 396.6a382 382 0 0 1-83.4 35.8L609.5 369a320 320 0 0 0 62.5-27.7l32 55.4zM183.3 761.4a386 386 0 0 1 84-97.3l32.5 56.3a324 324 0 0 0-67.5 84q-24-20-49-43m657.5.1a1443 1443 0 0 1-49 43.1a321 321 0 0 0-67.6-84.2l32.5-56.3a385 385 0 0 1 84.1 97.4M466 578.8a388 388 0 0 1 92 0l-11 63a324 324 0 0 0-69.8 0zm-62.7 12.8l11.2 63.5a320 320 0 0 0-62.5 27.7l-32-55.4a382 382 0 0 1 83.3-35.8M704 627.4l-32 55.4a318 318 0 0 0-62.5-27.7l11.2-63.5a379 379 0 0 1 83.2 35.8z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M512 960a448 448 0 1 1 0-896a448 448 0 0 1 0 896m0-64a384 384 0 1 0 0-768a384 384 0 0 0 0 768"/><path fill="currentColor" d="M186.8 268.3q24-24.7 47-46a321 321 0 0 0 66 81.2l-32.5 56.4a386 386 0 0 1-80.5-91.6m653.7-5.3a386 386 0 0 1-83.8 97l-32.5-56.4a323 323 0 0 0 68.5-85.8q23.4 21 47.8 45.2M466 445.2l11.1-63a324 324 0 0 0 69.8 0l11.1 63a388 388 0 0 1-92 0m-62.7-12.8a382 382 0 0 1-83.3-35.9l32-55.4a320 320 0 0 0 62.5 27.7zM704 396.6a382 382 0 0 1-83.4 35.8L609.5 369a320 320 0 0 0 62.5-27.7l32 55.4zM183.3 761.4a386 386 0 0 1 84-97.3l32.5 56.3a324 324 0 0 0-67.5 84q-24-20-49-43m657.5.1a1443 1443 0 0 1-49 43.1a321 321 0 0 0-67.6-84.2l32.5-56.3a385 385 0 0 1 84.1 97.4M466 578.8a388 388 0 0 1 92 0l-11 63a324 324 0 0 0-69.8 0zm-62.7 12.8l11.2 63.5a320 320 0 0 0-62.5 27.7l-32-55.4a382 382 0 0 1 83.3-35.8M704 627.4l-32 55.4a318 318 0 0 0-62.5-27.7l11.2-63.5a379 379 0 0 1 83.2 35.8z"/></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%220%200%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M512%20960a448%20448%200%201%201%200-896a448%20448%200%200%201%200%20896m0-64a384%20384%200%201%200%200-768a384%20384%200%200%200%200%20768%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M186.8%20268.3q24-24.7%2047-46a321%20321%200%200%200%2066%2081.2l-32.5%2056.4a386%20386%200%200%201-80.5-91.6m653.7-5.3a386%20386%200%200%201-83.8%2097l-32.5-56.4a323%20323%200%200%200%2068.5-85.8q23.4%2021%2047.8%2045.2M466%20445.2l11.1-63a324%20324%200%200%200%2069.8%200l11.1%2063a388%20388%200%200%201-92%200m-62.7-12.8a382%20382%200%200%201-83.3-35.9l32-55.4a320%20320%200%200%200%2062.5%2027.7zM704%20396.6a382%20382%200%200%201-83.4%2035.8L609.5%20369a320%20320%200%200%200%2062.5-27.7l32%2055.4zM183.3%20761.4a386%20386%200%200%201%2084-97.3l32.5%2056.3a324%20324%200%200%200-67.5%2084q-24-20-49-43m657.5.1a1443%201443%200%200%201-49%2043.1a321%20321%200%200%200-67.6-84.2l32.5-56.3a385%20385%200%200%201%2084.1%2097.4M466%20578.8a388%20388%200%200%201%2092%200l-11%2063a324%20324%200%200%200-69.8%200zm-62.7%2012.8l11.2%2063.5a320%20320%200%200%200-62.5%2027.7l-32-55.4a382%20382%200%200%201%2083.3-35.8M704%20627.4l-32%2055.4a318%20318%200%200%200-62.5-27.7l11.2-63.5a379%20379%200%200%201%2083.2%2035.8z%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M512%20960a448%20448%200%201%201%200-896a448%20448%200%200%201%200%20896m0-64a384%20384%200%201%200%200-768a384%20384%200%200%200%200%20768%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M186.8%20268.3q24-24.7%2047-46a321%20321%200%200%200%2066%2081.2l-32.5%2056.4a386%20386%200%200%201-80.5-91.6m653.7-5.3a386%20386%200%200%201-83.8%2097l-32.5-56.4a323%20323%200%200%200%2068.5-85.8q23.4%2021%2047.8%2045.2M466%20445.2l11.1-63a324%20324%200%200%200%2069.8%200l11.1%2063a388%20388%200%200%201-92%200m-62.7-12.8a382%20382%200%200%201-83.3-35.9l32-55.4a320%20320%200%200%200%2062.5%2027.7zM704%20396.6a382%20382%200%200%201-83.4%2035.8L609.5%20369a320%20320%200%200%200%2062.5-27.7l32%2055.4zM183.3%20761.4a386%20386%200%200%201%2084-97.3l32.5%2056.3a324%20324%200%200%200-67.5%2084q-24-20-49-43m657.5.1a1443%201443%200%200%201-49%2043.1a321%20321%200%200%200-67.6-84.2l32.5-56.3a385%20385%200%200%201%2084.1%2097.4M466%20578.8a388%20388%200%200%201%2092%200l-11%2063a324%20324%200%200%200-69.8%200zm-62.7%2012.8l11.2%2063.5a320%20320%200%200%200-62.5%2027.7l-32-55.4a382%20382%200%200%201%2083.3-35.8M704%20627.4l-32%2055.4a318%20318%200%200%200-62.5-27.7l11.2-63.5a379%20379%200%200%201%2083.2%2035.8z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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