soccer ball icon
soccer-ball from Phosphor by Phosphor Icons · Regular · MIT Free for personal and commercial use.
- Name
- soccer-ball
- Set
- Phosphor
- Style
- Regular
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
Use the soccer ball icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m76.52 147.42H170.9l-9.26-12.76l12.63-36.78l15-4.89l26.24 20.13a87.4 87.4 0 0 1-10.99 34.3m-164-34.3L66.71 117l15 4.89l12.63 36.78l-9.24 12.75H51.48a87.4 87.4 0 0 1-11.01-34.3Zm10-50.64l5.51 18.6l-15.32 11.69a87.3 87.3 0 0 1 9.72-30.29ZM109 152l-11.46-33.35L128 97.71l30.46 20.94L147 152Zm91.07-46.92l5.51-18.6a87.3 87.3 0 0 1 9.72 30.29Zm-6.2-35.38l-9.51 32.08l-15.07 4.89L136 83.79V68.21l29.09-20a88.6 88.6 0 0 1 28.77 21.49Zm-47.8-27.83L128 54.29l-18.07-12.42a88.2 88.2 0 0 1 36.14 0m-55.16 6.34l29.09 20v15.58l-33.28 22.88l-15.07-4.89l-9.51-32.08a88.6 88.6 0 0 1 28.77-21.49M63.15 187.42h20.37l7.17 20.27a88.4 88.4 0 0 1-27.54-20.27M110 214.13l-11.88-33.42l9.23-12.71h41.3l9.23 12.71l-11.83 33.42a88 88 0 0 1-36.1 0Zm55.36-6.44l7.17-20.27h20.37a88.4 88.4 0 0 1-27.59 20.27Z"/></svg>
React
import type { SVGProps } from "react";
export function PhSoccerBall(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m76.52 147.42H170.9l-9.26-12.76l12.63-36.78l15-4.89l26.24 20.13a87.4 87.4 0 0 1-10.99 34.3m-164-34.3L66.71 117l15 4.89l12.63 36.78l-9.24 12.75H51.48a87.4 87.4 0 0 1-11.01-34.3Zm10-50.64l5.51 18.6l-15.32 11.69a87.3 87.3 0 0 1 9.72-30.29ZM109 152l-11.46-33.35L128 97.71l30.46 20.94L147 152Zm91.07-46.92l5.51-18.6a87.3 87.3 0 0 1 9.72 30.29Zm-6.2-35.38l-9.51 32.08l-15.07 4.89L136 83.79V68.21l29.09-20a88.6 88.6 0 0 1 28.77 21.49Zm-47.8-27.83L128 54.29l-18.07-12.42a88.2 88.2 0 0 1 36.14 0m-55.16 6.34l29.09 20v15.58l-33.28 22.88l-15.07-4.89l-9.51-32.08a88.6 88.6 0 0 1 28.77-21.49M63.15 187.42h20.37l7.17 20.27a88.4 88.4 0 0 1-27.54-20.27M110 214.13l-11.88-33.42l9.23-12.71h41.3l9.23 12.71l-11.83 33.42a88 88 0 0 1-36.1 0Zm55.36-6.44l7.17-20.27h20.37a88.4 88.4 0 0 1-27.59 20.27Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m76.52 147.42H170.9l-9.26-12.76l12.63-36.78l15-4.89l26.24 20.13a87.4 87.4 0 0 1-10.99 34.3m-164-34.3L66.71 117l15 4.89l12.63 36.78l-9.24 12.75H51.48a87.4 87.4 0 0 1-11.01-34.3Zm10-50.64l5.51 18.6l-15.32 11.69a87.3 87.3 0 0 1 9.72-30.29ZM109 152l-11.46-33.35L128 97.71l30.46 20.94L147 152Zm91.07-46.92l5.51-18.6a87.3 87.3 0 0 1 9.72 30.29Zm-6.2-35.38l-9.51 32.08l-15.07 4.89L136 83.79V68.21l29.09-20a88.6 88.6 0 0 1 28.77 21.49Zm-47.8-27.83L128 54.29l-18.07-12.42a88.2 88.2 0 0 1 36.14 0m-55.16 6.34l29.09 20v15.58l-33.28 22.88l-15.07-4.89l-9.51-32.08a88.6 88.6 0 0 1 28.77-21.49M63.15 187.42h20.37l7.17 20.27a88.4 88.4 0 0 1-27.54-20.27M110 214.13l-11.88-33.42l9.23-12.71h41.3l9.23 12.71l-11.83 33.42a88 88 0 0 1-36.1 0Zm55.36-6.44l7.17-20.27h20.37a88.4 88.4 0 0 1-27.59 20.27Z"/></svg> </template>
CSS
.icon-soccer-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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M128%2024a104%20104%200%201%200%20104%20104A104.11%20104.11%200%200%200%20128%2024m76.52%20147.42H170.9l-9.26-12.76l12.63-36.78l15-4.89l26.24%2020.13a87.4%2087.4%200%200%201-10.99%2034.3m-164-34.3L66.71%20117l15%204.89l12.63%2036.78l-9.24%2012.75H51.48a87.4%2087.4%200%200%201-11.01-34.3Zm10-50.64l5.51%2018.6l-15.32%2011.69a87.3%2087.3%200%200%201%209.72-30.29ZM109%20152l-11.46-33.35L128%2097.71l30.46%2020.94L147%20152Zm91.07-46.92l5.51-18.6a87.3%2087.3%200%200%201%209.72%2030.29Zm-6.2-35.38l-9.51%2032.08l-15.07%204.89L136%2083.79V68.21l29.09-20a88.6%2088.6%200%200%201%2028.77%2021.49Zm-47.8-27.83L128%2054.29l-18.07-12.42a88.2%2088.2%200%200%201%2036.14%200m-55.16%206.34l29.09%2020v15.58l-33.28%2022.88l-15.07-4.89l-9.51-32.08a88.6%2088.6%200%200%201%2028.77-21.49M63.15%20187.42h20.37l7.17%2020.27a88.4%2088.4%200%200%201-27.54-20.27M110%20214.13l-11.88-33.42l9.23-12.71h41.3l9.23%2012.71l-11.83%2033.42a88%2088%200%200%201-36.1%200Zm55.36-6.44l7.17-20.27h20.37a88.4%2088.4%200%200%201-27.59%2020.27Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M128%2024a104%20104%200%201%200%20104%20104A104.11%20104.11%200%200%200%20128%2024m76.52%20147.42H170.9l-9.26-12.76l12.63-36.78l15-4.89l26.24%2020.13a87.4%2087.4%200%200%201-10.99%2034.3m-164-34.3L66.71%20117l15%204.89l12.63%2036.78l-9.24%2012.75H51.48a87.4%2087.4%200%200%201-11.01-34.3Zm10-50.64l5.51%2018.6l-15.32%2011.69a87.3%2087.3%200%200%201%209.72-30.29ZM109%20152l-11.46-33.35L128%2097.71l30.46%2020.94L147%20152Zm91.07-46.92l5.51-18.6a87.3%2087.3%200%200%201%209.72%2030.29Zm-6.2-35.38l-9.51%2032.08l-15.07%204.89L136%2083.79V68.21l29.09-20a88.6%2088.6%200%200%201%2028.77%2021.49Zm-47.8-27.83L128%2054.29l-18.07-12.42a88.2%2088.2%200%200%201%2036.14%200m-55.16%206.34l29.09%2020v15.58l-33.28%2022.88l-15.07-4.89l-9.51-32.08a88.6%2088.6%200%200%201%2028.77-21.49M63.15%20187.42h20.37l7.17%2020.27a88.4%2088.4%200%200%201-27.54-20.27M110%20214.13l-11.88-33.42l9.23-12.71h41.3l9.23%2012.71l-11.83%2033.42a88%2088%200%200%201-36.1%200Zm55.36-6.44l7.17-20.27h20.37a88.4%2088.4%200%200%201-27.59%2020.27Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/soccer-ball.svg?color=%231a73e8&size=48
