futbol icon

futbol from Font Awesome Regular by Dave Gandy · Regular · Objects · CC-BY-4.0 Attribution required.

Name: futbol
Set: Font Awesome Regular
Style: Regular
Category: Objects
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

futbolFont Awesome 6 Regular futbolFont Awesome 6 Solid futbolFont Awesome Solid futbolLine Awesome

More objects icons from Font Awesome Regular

Use the futbol icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M451 292.3c-4.4-2.8-7.6-7-9.2-11.9s-1.4-10.2.5-15l33.3-83.4c-19.9-22.4-44.6-40.5-72.4-52.7l-69.1 57.6c-4 3.3-9 5.1-14.1 5.1s-10.2-1.8-14.1-5.1l-69.1-57.6c-27.8 12.2-52.5 30.3-72.4 52.7l33.4 83.4c1.9 4.8 2.1 10.1.5 15s-4.9 9.1-9.2 11.9L113 340.2c3 30.9 12.7 59.7 27.6 85.2l89.7-6c5.2-.3 10.3 1.1 14.5 4.2s7.2 7.4 8.4 12.5l22 87.2c14.4 3.2 29.4 4.8 44.8 4.8s30.3-1.7 44.8-4.8l22-87.2c1.3-5 4.2-9.4 8.4-12.5s9.3-4.5 14.5-4.2l89.7 6c15-25.4 24.7-54.3 27.6-85.1zM320 64c141.4 0 256 114.6 256 256S461.4 576 320 576S64 461.4 64 320S178.6 64 320 64m62 221c8.4 6.1 11.9 16.9 8.7 26.8l-18.3 56.3c-3.2 9.9-12.4 16.6-22.8 16.6h-59.2c-10.4 0-19.6-6.7-22.8-16.6l-18.3-56.3c-3.2-9.9.3-20.7 8.7-26.8l47.9-34.8c8.4-6.1 19.8-6.1 28.2 0z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7RegularFutbol(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M451 292.3c-4.4-2.8-7.6-7-9.2-11.9s-1.4-10.2.5-15l33.3-83.4c-19.9-22.4-44.6-40.5-72.4-52.7l-69.1 57.6c-4 3.3-9 5.1-14.1 5.1s-10.2-1.8-14.1-5.1l-69.1-57.6c-27.8 12.2-52.5 30.3-72.4 52.7l33.4 83.4c1.9 4.8 2.1 10.1.5 15s-4.9 9.1-9.2 11.9L113 340.2c3 30.9 12.7 59.7 27.6 85.2l89.7-6c5.2-.3 10.3 1.1 14.5 4.2s7.2 7.4 8.4 12.5l22 87.2c14.4 3.2 29.4 4.8 44.8 4.8s30.3-1.7 44.8-4.8l22-87.2c1.3-5 4.2-9.4 8.4-12.5s9.3-4.5 14.5-4.2l89.7 6c15-25.4 24.7-54.3 27.6-85.1zM320 64c141.4 0 256 114.6 256 256S461.4 576 320 576S64 461.4 64 320S178.6 64 320 64m62 221c8.4 6.1 11.9 16.9 8.7 26.8l-18.3 56.3c-3.2 9.9-12.4 16.6-22.8 16.6h-59.2c-10.4 0-19.6-6.7-22.8-16.6l-18.3-56.3c-3.2-9.9.3-20.7 8.7-26.8l47.9-34.8c8.4-6.1 19.8-6.1 28.2 0z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M451 292.3c-4.4-2.8-7.6-7-9.2-11.9s-1.4-10.2.5-15l33.3-83.4c-19.9-22.4-44.6-40.5-72.4-52.7l-69.1 57.6c-4 3.3-9 5.1-14.1 5.1s-10.2-1.8-14.1-5.1l-69.1-57.6c-27.8 12.2-52.5 30.3-72.4 52.7l33.4 83.4c1.9 4.8 2.1 10.1.5 15s-4.9 9.1-9.2 11.9L113 340.2c3 30.9 12.7 59.7 27.6 85.2l89.7-6c5.2-.3 10.3 1.1 14.5 4.2s7.2 7.4 8.4 12.5l22 87.2c14.4 3.2 29.4 4.8 44.8 4.8s30.3-1.7 44.8-4.8l22-87.2c1.3-5 4.2-9.4 8.4-12.5s9.3-4.5 14.5-4.2l89.7 6c15-25.4 24.7-54.3 27.6-85.1zM320 64c141.4 0 256 114.6 256 256S461.4 576 320 576S64 461.4 64 320S178.6 64 320 64m62 221c8.4 6.1 11.9 16.9 8.7 26.8l-18.3 56.3c-3.2 9.9-12.4 16.6-22.8 16.6h-59.2c-10.4 0-19.6-6.7-22.8-16.6l-18.3-56.3c-3.2-9.9.3-20.7 8.7-26.8l47.9-34.8c8.4-6.1 19.8-6.1 28.2 0z"/></svg>
</template>

CSS

.icon-futbol {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M451%20292.3c-4.4-2.8-7.6-7-9.2-11.9s-1.4-10.2.5-15l33.3-83.4c-19.9-22.4-44.6-40.5-72.4-52.7l-69.1%2057.6c-4%203.3-9%205.1-14.1%205.1s-10.2-1.8-14.1-5.1l-69.1-57.6c-27.8%2012.2-52.5%2030.3-72.4%2052.7l33.4%2083.4c1.9%204.8%202.1%2010.1.5%2015s-4.9%209.1-9.2%2011.9L113%20340.2c3%2030.9%2012.7%2059.7%2027.6%2085.2l89.7-6c5.2-.3%2010.3%201.1%2014.5%204.2s7.2%207.4%208.4%2012.5l22%2087.2c14.4%203.2%2029.4%204.8%2044.8%204.8s30.3-1.7%2044.8-4.8l22-87.2c1.3-5%204.2-9.4%208.4-12.5s9.3-4.5%2014.5-4.2l89.7%206c15-25.4%2024.7-54.3%2027.6-85.1zM320%2064c141.4%200%20256%20114.6%20256%20256S461.4%20576%20320%20576S64%20461.4%2064%20320S178.6%2064%20320%2064m62%20221c8.4%206.1%2011.9%2016.9%208.7%2026.8l-18.3%2056.3c-3.2%209.9-12.4%2016.6-22.8%2016.6h-59.2c-10.4%200-19.6-6.7-22.8-16.6l-18.3-56.3c-3.2-9.9.3-20.7%208.7-26.8l47.9-34.8c8.4-6.1%2019.8-6.1%2028.2%200z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M451%20292.3c-4.4-2.8-7.6-7-9.2-11.9s-1.4-10.2.5-15l33.3-83.4c-19.9-22.4-44.6-40.5-72.4-52.7l-69.1%2057.6c-4%203.3-9%205.1-14.1%205.1s-10.2-1.8-14.1-5.1l-69.1-57.6c-27.8%2012.2-52.5%2030.3-72.4%2052.7l33.4%2083.4c1.9%204.8%202.1%2010.1.5%2015s-4.9%209.1-9.2%2011.9L113%20340.2c3%2030.9%2012.7%2059.7%2027.6%2085.2l89.7-6c5.2-.3%2010.3%201.1%2014.5%204.2s7.2%207.4%208.4%2012.5l22%2087.2c14.4%203.2%2029.4%204.8%2044.8%204.8s30.3-1.7%2044.8-4.8l22-87.2c1.3-5%204.2-9.4%208.4-12.5s9.3-4.5%2014.5-4.2l89.7%206c15-25.4%2024.7-54.3%2027.6-85.1zM320%2064c141.4%200%20256%20114.6%20256%20256S461.4%20576%20320%20576S64%20461.4%2064%20320S178.6%2064%20320%2064m62%20221c8.4%206.1%2011.9%2016.9%208.7%2026.8l-18.3%2056.3c-3.2%209.9-12.4%2016.6-22.8%2016.6h-59.2c-10.4%200-19.6-6.7-22.8-16.6l-18.3-56.3c-3.2-9.9.3-20.7%208.7-26.8l47.9-34.8c8.4-6.1%2019.8-6.1%2028.2%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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