football icon
football-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- football-fill
- Set
- MingCute Icon
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
The same icon in other sets
footballBoxIcons v2footballElement PlusfootballFont Awesome 6 SolidfootballFont Awesome SolidfootballHuge IconsfootballIconParkfootballIconPark OutlinefootballIconoirfootballIonIconsfootballJam IconsfootballLucide LabfootballMaterial Design IconsfootballPhosphorfootball-fillRemix Iconfootball-boldSolarfootballUnicons
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="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2m.588 4.809a1 1 0 0 1-1.04.084l-.136-.084l-2.82-2.048A8 8 0 0 0 6.17 6.524l1.075 3.312c.117.36.02.752-.241 1.015l-.122.103l-2.818 2.048a8 8 0 0 0 .925 2.851l3.485.002a1 1 0 0 1 .89.541l.06.149l1.078 3.312q.73.141 1.499.143q.769-.002 1.499-.143l1.076-3.311c.117-.36.427-.62.792-.679l.16-.013h3.484A7.9 7.9 0 0 0 19.936 13l-2.817-2.046a1 1 0 0 1-.401-.962l.038-.156l1.074-3.313a8 8 0 0 0-2.424-1.763zM11.412 8.19a1 1 0 0 1 1.176 0l2.853 2.073a1 1 0 0 1 .364 1.118l-1.09 3.354a1 1 0 0 1-.951.69h-3.528a1 1 0 0 1-.95-.69l-1.09-3.354a1 1 0 0 1 .363-1.118z"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteFootballFill(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="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2m.588 4.809a1 1 0 0 1-1.04.084l-.136-.084l-2.82-2.048A8 8 0 0 0 6.17 6.524l1.075 3.312c.117.36.02.752-.241 1.015l-.122.103l-2.818 2.048a8 8 0 0 0 .925 2.851l3.485.002a1 1 0 0 1 .89.541l.06.149l1.078 3.312q.73.141 1.499.143q.769-.002 1.499-.143l1.076-3.311c.117-.36.427-.62.792-.679l.16-.013h3.484A7.9 7.9 0 0 0 19.936 13l-2.817-2.046a1 1 0 0 1-.401-.962l.038-.156l1.074-3.313a8 8 0 0 0-2.424-1.763zM11.412 8.19a1 1 0 0 1 1.176 0l2.853 2.073a1 1 0 0 1 .364 1.118l-1.09 3.354a1 1 0 0 1-.951.69h-3.528a1 1 0 0 1-.95-.69l-1.09-3.354a1 1 0 0 1 .363-1.118z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2m.588 4.809a1 1 0 0 1-1.04.084l-.136-.084l-2.82-2.048A8 8 0 0 0 6.17 6.524l1.075 3.312c.117.36.02.752-.241 1.015l-.122.103l-2.818 2.048a8 8 0 0 0 .925 2.851l3.485.002a1 1 0 0 1 .89.541l.06.149l1.078 3.312q.73.141 1.499.143q.769-.002 1.499-.143l1.076-3.311c.117-.36.427-.62.792-.679l.16-.013h3.484A7.9 7.9 0 0 0 19.936 13l-2.817-2.046a1 1 0 0 1-.401-.962l.038-.156l1.074-3.313a8 8 0 0 0-2.424-1.763zM11.412 8.19a1 1 0 0 1 1.176 0l2.853 2.073a1 1 0 0 1 .364 1.118l-1.09 3.354a1 1 0 0 1-.951.69h-3.528a1 1 0 0 1-.95-.69l-1.09-3.354a1 1 0 0 1 .363-1.118z"/></svg> </template>
CSS
.icon-football-fill {
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%22M12%202c5.523%200%2010%204.477%2010%2010s-4.477%2010-10%2010S2%2017.523%202%2012S6.477%202%2012%202m.588%204.809a1%201%200%200%201-1.04.084l-.136-.084l-2.82-2.048A8%208%200%200%200%206.17%206.524l1.075%203.312c.117.36.02.752-.241%201.015l-.122.103l-2.818%202.048a8%208%200%200%200%20.925%202.851l3.485.002a1%201%200%200%201%20.89.541l.06.149l1.078%203.312q.73.141%201.499.143q.769-.002%201.499-.143l1.076-3.311c.117-.36.427-.62.792-.679l.16-.013h3.484A7.9%207.9%200%200%200%2019.936%2013l-2.817-2.046a1%201%200%200%201-.401-.962l.038-.156l1.074-3.313a8%208%200%200%200-2.424-1.763zM11.412%208.19a1%201%200%200%201%201.176%200l2.853%202.073a1%201%200%200%201%20.364%201.118l-1.09%203.354a1%201%200%200%201-.951.69h-3.528a1%201%200%200%201-.95-.69l-1.09-3.354a1%201%200%200%201%20.363-1.118z%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%22M12%202c5.523%200%2010%204.477%2010%2010s-4.477%2010-10%2010S2%2017.523%202%2012S6.477%202%2012%202m.588%204.809a1%201%200%200%201-1.04.084l-.136-.084l-2.82-2.048A8%208%200%200%200%206.17%206.524l1.075%203.312c.117.36.02.752-.241%201.015l-.122.103l-2.818%202.048a8%208%200%200%200%20.925%202.851l3.485.002a1%201%200%200%201%20.89.541l.06.149l1.078%203.312q.73.141%201.499.143q.769-.002%201.499-.143l1.076-3.311c.117-.36.427-.62.792-.679l.16-.013h3.484A7.9%207.9%200%200%200%2019.936%2013l-2.817-2.046a1%201%200%200%201-.401-.962l.038-.156l1.074-3.313a8%208%200%200%200-2.424-1.763zM11.412%208.19a1%201%200%200%201%201.176%200l2.853%202.073a1%201%200%200%201%20.364%201.118l-1.09%203.354a1%201%200%200%201-.951.69h-3.528a1%201%200%200%201-.95-.69l-1.09-3.354a1%201%200%200%201%20.363-1.118z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/football-fill.svg?color=%231a73e8&size=48
