football ball icon

football-ball from Iconoir by Luca Burgio · Regular · Activities · MIT Free for personal and commercial use.

Name: football-ball
Set: Iconoir
Style: Regular
Category: Activities
Viewbox: 24×24
License: MIT

The same icon in other sets

football-ballFont Awesome Solid football-ballLine Awesome football-ballUnicons

More activities icons from Iconoir

Use the football ball icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4.115 14.015a22.3 22.3 0 0 0-.103 3.665a2.413 2.413 0 0 0 2.309 2.308c1.007.052 2.294.055 3.664-.103m-5.87-5.87C4.394 11.604 5.17 8.93 7.05 7.05s4.554-2.656 6.965-2.935m-9.9 9.9l5.87 5.87m0 0c2.411-.279 5.084-1.055 6.965-2.935c1.88-1.88 2.656-4.554 2.935-6.965m-5.87-5.87a22.3 22.3 0 0 1 3.665-.103a2.413 2.413 0 0 1 2.308 2.309a22.3 22.3 0 0 1-.103 3.664m-5.87-5.87l5.87 5.87M9.172 14.828l1.414-1.414m0 0L9.172 12m1.414 1.414L12 14.828m-1.414-1.414l2.828-2.828m0 0l1.414-1.414m-1.414 1.414L12 9.172m1.414 1.414L14.828 12"/></svg>

React

import type { SVGProps } from "react";

export function IconoirFootballBall(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M4.115 14.015a22.3 22.3 0 0 0-.103 3.665a2.413 2.413 0 0 0 2.309 2.308c1.007.052 2.294.055 3.664-.103m-5.87-5.87C4.394 11.604 5.17 8.93 7.05 7.05s4.554-2.656 6.965-2.935m-9.9 9.9l5.87 5.87m0 0c2.411-.279 5.084-1.055 6.965-2.935c1.88-1.88 2.656-4.554 2.935-6.965m-5.87-5.87a22.3 22.3 0 0 1 3.665-.103a2.413 2.413 0 0 1 2.308 2.309a22.3 22.3 0 0 1-.103 3.664m-5.87-5.87l5.87 5.87M9.172 14.828l1.414-1.414m0 0L9.172 12m1.414 1.414L12 14.828m-1.414-1.414l2.828-2.828m0 0l1.414-1.414m-1.414 1.414L12 9.172m1.414 1.414L14.828 12"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4.115 14.015a22.3 22.3 0 0 0-.103 3.665a2.413 2.413 0 0 0 2.309 2.308c1.007.052 2.294.055 3.664-.103m-5.87-5.87C4.394 11.604 5.17 8.93 7.05 7.05s4.554-2.656 6.965-2.935m-9.9 9.9l5.87 5.87m0 0c2.411-.279 5.084-1.055 6.965-2.935c1.88-1.88 2.656-4.554 2.935-6.965m-5.87-5.87a22.3 22.3 0 0 1 3.665-.103a2.413 2.413 0 0 1 2.308 2.309a22.3 22.3 0 0 1-.103 3.664m-5.87-5.87l5.87 5.87M9.172 14.828l1.414-1.414m0 0L9.172 12m1.414 1.414L12 14.828m-1.414-1.414l2.828-2.828m0 0l1.414-1.414m-1.414 1.414L12 9.172m1.414 1.414L14.828 12"/></svg>
</template>

CSS

.icon-football-ball {
  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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M4.115%2014.015a22.3%2022.3%200%200%200-.103%203.665a2.413%202.413%200%200%200%202.309%202.308c1.007.052%202.294.055%203.664-.103m-5.87-5.87C4.394%2011.604%205.17%208.93%207.05%207.05s4.554-2.656%206.965-2.935m-9.9%209.9l5.87%205.87m0%200c2.411-.279%205.084-1.055%206.965-2.935c1.88-1.88%202.656-4.554%202.935-6.965m-5.87-5.87a22.3%2022.3%200%200%201%203.665-.103a2.413%202.413%200%200%201%202.308%202.309a22.3%2022.3%200%200%201-.103%203.664m-5.87-5.87l5.87%205.87M9.172%2014.828l1.414-1.414m0%200L9.172%2012m1.414%201.414L12%2014.828m-1.414-1.414l2.828-2.828m0%200l1.414-1.414m-1.414%201.414L12%209.172m1.414%201.414L14.828%2012%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M4.115%2014.015a22.3%2022.3%200%200%200-.103%203.665a2.413%202.413%200%200%200%202.309%202.308c1.007.052%202.294.055%203.664-.103m-5.87-5.87C4.394%2011.604%205.17%208.93%207.05%207.05s4.554-2.656%206.965-2.935m-9.9%209.9l5.87%205.87m0%200c2.411-.279%205.084-1.055%206.965-2.935c1.88-1.88%202.656-4.554%202.935-6.965m-5.87-5.87a22.3%2022.3%200%200%201%203.665-.103a2.413%202.413%200%200%201%202.308%202.309a22.3%2022.3%200%200%201-.103%203.664m-5.87-5.87l5.87%205.87M9.172%2014.828l1.414-1.414m0%200L9.172%2012m1.414%201.414L12%2014.828m-1.414-1.414l2.828-2.828m0%200l1.414-1.414m-1.414%201.414L12%209.172m1.414%201.414L14.828%2012%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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