football icon
football from Unicons by Iconscout · Line · Sports · Apache-2.0 Free for personal and commercial use.
- Name
- football
- Set
- Unicons
- Style
- Line
- Category
- Sports
- Viewbox
- 24×24
- License
- Apache 2.0
The same icon in other sets
footballBoxIcons v2footballElement PlusfootballFont Awesome 6 SolidfootballFont Awesome SolidfootballHuge IconsfootballIconParkfootballIconPark OutlinefootballIconoirfootballIonIconsfootballJam IconsfootballLucide LabfootballMaterial Design Iconsfootball-fillMingCute IconfootballPhosphorfootball-fillRemix Iconfootball-boldSolar
More sports icons from Unicons
Use the football icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.07 6.11a9.85 9.85 0 0 0-4.3-3.36A10 10 0 0 0 2 12v.56A9.94 9.94 0 0 0 3.33 17a10 10 0 0 0 5.89 4.65A10 10 0 0 0 12 22a9.5 9.5 0 0 0 1.88-.18a10 10 0 0 0 8-8.41A9.5 9.5 0 0 0 22 12a9.83 9.83 0 0 0-1.93-5.89m-2 .77L17 9.74l-1.62.44L13 8.49V6.64l2.49-1.81a7.8 7.8 0 0 1 2.62 2.05ZM14 11.67L13.22 14h-2.45L10 11.67l2-1.43ZM12 4a8 8 0 0 1 1.11.09l-1.11.8l-1.11-.8A8 8 0 0 1 12 4M4.88 8.37l.4 1.32l-1.13.79a7.9 7.9 0 0 1 .73-2.11m1.37 9.17l1.38.05l.37 1.33a8.3 8.3 0 0 1-1.75-1.38M8 15.6l-3.15-.11A7.8 7.8 0 0 1 4.07 13l2.49-1.74l1.44.62l.89 2.76Zm.86-5.53l-1.56-.7l-.91-3A8 8 0 0 1 8.5 4.83L11 6.64v1.85ZM13 19.93a8.1 8.1 0 0 1-2.63-.12l-.83-2.92l.83-.89h3.07l.67 1Zm2.41-.7l.46-1.23l1.36.07a7.8 7.8 0 0 1-1.85 1.16Zm3.46-3.12L15.76 16l-.71-1.1l.89-2.76l1.51-.41l2.36 2a7.8 7.8 0 0 1-.97 2.38Zm.05-5.83L19.4 9a7.4 7.4 0 0 1 .53 2.13Z"/></svg>
React
import type { SVGProps } from "react";
export function UilFootball(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" d="M20.07 6.11a9.85 9.85 0 0 0-4.3-3.36A10 10 0 0 0 2 12v.56A9.94 9.94 0 0 0 3.33 17a10 10 0 0 0 5.89 4.65A10 10 0 0 0 12 22a9.5 9.5 0 0 0 1.88-.18a10 10 0 0 0 8-8.41A9.5 9.5 0 0 0 22 12a9.83 9.83 0 0 0-1.93-5.89m-2 .77L17 9.74l-1.62.44L13 8.49V6.64l2.49-1.81a7.8 7.8 0 0 1 2.62 2.05ZM14 11.67L13.22 14h-2.45L10 11.67l2-1.43ZM12 4a8 8 0 0 1 1.11.09l-1.11.8l-1.11-.8A8 8 0 0 1 12 4M4.88 8.37l.4 1.32l-1.13.79a7.9 7.9 0 0 1 .73-2.11m1.37 9.17l1.38.05l.37 1.33a8.3 8.3 0 0 1-1.75-1.38M8 15.6l-3.15-.11A7.8 7.8 0 0 1 4.07 13l2.49-1.74l1.44.62l.89 2.76Zm.86-5.53l-1.56-.7l-.91-3A8 8 0 0 1 8.5 4.83L11 6.64v1.85ZM13 19.93a8.1 8.1 0 0 1-2.63-.12l-.83-2.92l.83-.89h3.07l.67 1Zm2.41-.7l.46-1.23l1.36.07a7.8 7.8 0 0 1-1.85 1.16Zm3.46-3.12L15.76 16l-.71-1.1l.89-2.76l1.51-.41l2.36 2a7.8 7.8 0 0 1-.97 2.38Zm.05-5.83L19.4 9a7.4 7.4 0 0 1 .53 2.13Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.07 6.11a9.85 9.85 0 0 0-4.3-3.36A10 10 0 0 0 2 12v.56A9.94 9.94 0 0 0 3.33 17a10 10 0 0 0 5.89 4.65A10 10 0 0 0 12 22a9.5 9.5 0 0 0 1.88-.18a10 10 0 0 0 8-8.41A9.5 9.5 0 0 0 22 12a9.83 9.83 0 0 0-1.93-5.89m-2 .77L17 9.74l-1.62.44L13 8.49V6.64l2.49-1.81a7.8 7.8 0 0 1 2.62 2.05ZM14 11.67L13.22 14h-2.45L10 11.67l2-1.43ZM12 4a8 8 0 0 1 1.11.09l-1.11.8l-1.11-.8A8 8 0 0 1 12 4M4.88 8.37l.4 1.32l-1.13.79a7.9 7.9 0 0 1 .73-2.11m1.37 9.17l1.38.05l.37 1.33a8.3 8.3 0 0 1-1.75-1.38M8 15.6l-3.15-.11A7.8 7.8 0 0 1 4.07 13l2.49-1.74l1.44.62l.89 2.76Zm.86-5.53l-1.56-.7l-.91-3A8 8 0 0 1 8.5 4.83L11 6.64v1.85ZM13 19.93a8.1 8.1 0 0 1-2.63-.12l-.83-2.92l.83-.89h3.07l.67 1Zm2.41-.7l.46-1.23l1.36.07a7.8 7.8 0 0 1-1.85 1.16Zm3.46-3.12L15.76 16l-.71-1.1l.89-2.76l1.51-.41l2.36 2a7.8 7.8 0 0 1-.97 2.38Zm.05-5.83L19.4 9a7.4 7.4 0 0 1 .53 2.13Z"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.07%206.11a9.85%209.85%200%200%200-4.3-3.36A10%2010%200%200%200%202%2012v.56A9.94%209.94%200%200%200%203.33%2017a10%2010%200%200%200%205.89%204.65A10%2010%200%200%200%2012%2022a9.5%209.5%200%200%200%201.88-.18a10%2010%200%200%200%208-8.41A9.5%209.5%200%200%200%2022%2012a9.83%209.83%200%200%200-1.93-5.89m-2%20.77L17%209.74l-1.62.44L13%208.49V6.64l2.49-1.81a7.8%207.8%200%200%201%202.62%202.05ZM14%2011.67L13.22%2014h-2.45L10%2011.67l2-1.43ZM12%204a8%208%200%200%201%201.11.09l-1.11.8l-1.11-.8A8%208%200%200%201%2012%204M4.88%208.37l.4%201.32l-1.13.79a7.9%207.9%200%200%201%20.73-2.11m1.37%209.17l1.38.05l.37%201.33a8.3%208.3%200%200%201-1.75-1.38M8%2015.6l-3.15-.11A7.8%207.8%200%200%201%204.07%2013l2.49-1.74l1.44.62l.89%202.76Zm.86-5.53l-1.56-.7l-.91-3A8%208%200%200%201%208.5%204.83L11%206.64v1.85ZM13%2019.93a8.1%208.1%200%200%201-2.63-.12l-.83-2.92l.83-.89h3.07l.67%201Zm2.41-.7l.46-1.23l1.36.07a7.8%207.8%200%200%201-1.85%201.16Zm3.46-3.12L15.76%2016l-.71-1.1l.89-2.76l1.51-.41l2.36%202a7.8%207.8%200%200%201-.97%202.38Zm.05-5.83L19.4%209a7.4%207.4%200%200%201%20.53%202.13Z%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%20d%3D%22M20.07%206.11a9.85%209.85%200%200%200-4.3-3.36A10%2010%200%200%200%202%2012v.56A9.94%209.94%200%200%200%203.33%2017a10%2010%200%200%200%205.89%204.65A10%2010%200%200%200%2012%2022a9.5%209.5%200%200%200%201.88-.18a10%2010%200%200%200%208-8.41A9.5%209.5%200%200%200%2022%2012a9.83%209.83%200%200%200-1.93-5.89m-2%20.77L17%209.74l-1.62.44L13%208.49V6.64l2.49-1.81a7.8%207.8%200%200%201%202.62%202.05ZM14%2011.67L13.22%2014h-2.45L10%2011.67l2-1.43ZM12%204a8%208%200%200%201%201.11.09l-1.11.8l-1.11-.8A8%208%200%200%201%2012%204M4.88%208.37l.4%201.32l-1.13.79a7.9%207.9%200%200%201%20.73-2.11m1.37%209.17l1.38.05l.37%201.33a8.3%208.3%200%200%201-1.75-1.38M8%2015.6l-3.15-.11A7.8%207.8%200%200%201%204.07%2013l2.49-1.74l1.44.62l.89%202.76Zm.86-5.53l-1.56-.7l-.91-3A8%208%200%200%201%208.5%204.83L11%206.64v1.85ZM13%2019.93a8.1%208.1%200%200%201-2.63-.12l-.83-2.92l.83-.89h3.07l.67%201Zm2.41-.7l.46-1.23l1.36.07a7.8%207.8%200%200%201-1.85%201.16Zm3.46-3.12L15.76%2016l-.71-1.1l.89-2.76l1.51-.41l2.36%202a7.8%207.8%200%200%201-.97%202.38Zm.05-5.83L19.4%209a7.4%207.4%200%200%201%20.53%202.13Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/uil/football.svg?color=%231a73e8&size=48
