soccer ball icon
soccer-ball-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- soccer-ball-light
- Set
- Phosphor
- Style
- Light
- 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 26a102 102 0 1 0 102 102A102.12 102.12 0 0 0 128 26m77.67 147.42h-35.78L159.41 159l13.29-38.72l17-5.51l27.94 21.43a89.4 89.4 0 0 1-11.97 37.22m-119.56 0H50.33a89.4 89.4 0 0 1-11.95-37.22l27.94-21.43l17 5.51L96.59 159ZM51 81.42l7.24 24.41l-20 15.34A89.5 89.5 0 0 1 51 81.42M107.56 154l-12.41-36.14L128 95.28l32.85 22.58L148.44 154Zm90.19-48.17L205 81.42a89.5 89.5 0 0 1 12.75 39.75Zm-1.66-36.62L186 103.35l-17 5.53l-35-24V67.16l30.9-21.24a90.3 90.3 0 0 1 31.19 23.29M150.92 41L128 56.72L105.08 41a90.2 90.2 0 0 1 45.84 0m-59.81 4.91L122 67.16v17.68l-35 24l-17-5.53l-10.09-34.1a90.4 90.4 0 0 1 31.2-23.3M58.75 185.42h26.18l9.19 26a90.4 90.4 0 0 1-35.37-26m49.68 30.43l-12.55-35.46L106.34 166h43.32l10.46 14.39l-12.55 35.46a90.1 90.1 0 0 1-39.14 0m53.45-4.48l9.19-26h26.18a90.4 90.4 0 0 1-35.37 26"/></svg>
React
import type { SVGProps } from "react";
export function PhSoccerBallLight(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 26a102 102 0 1 0 102 102A102.12 102.12 0 0 0 128 26m77.67 147.42h-35.78L159.41 159l13.29-38.72l17-5.51l27.94 21.43a89.4 89.4 0 0 1-11.97 37.22m-119.56 0H50.33a89.4 89.4 0 0 1-11.95-37.22l27.94-21.43l17 5.51L96.59 159ZM51 81.42l7.24 24.41l-20 15.34A89.5 89.5 0 0 1 51 81.42M107.56 154l-12.41-36.14L128 95.28l32.85 22.58L148.44 154Zm90.19-48.17L205 81.42a89.5 89.5 0 0 1 12.75 39.75Zm-1.66-36.62L186 103.35l-17 5.53l-35-24V67.16l30.9-21.24a90.3 90.3 0 0 1 31.19 23.29M150.92 41L128 56.72L105.08 41a90.2 90.2 0 0 1 45.84 0m-59.81 4.91L122 67.16v17.68l-35 24l-17-5.53l-10.09-34.1a90.4 90.4 0 0 1 31.2-23.3M58.75 185.42h26.18l9.19 26a90.4 90.4 0 0 1-35.37-26m49.68 30.43l-12.55-35.46L106.34 166h43.32l10.46 14.39l-12.55 35.46a90.1 90.1 0 0 1-39.14 0m53.45-4.48l9.19-26h26.18a90.4 90.4 0 0 1-35.37 26"/></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 26a102 102 0 1 0 102 102A102.12 102.12 0 0 0 128 26m77.67 147.42h-35.78L159.41 159l13.29-38.72l17-5.51l27.94 21.43a89.4 89.4 0 0 1-11.97 37.22m-119.56 0H50.33a89.4 89.4 0 0 1-11.95-37.22l27.94-21.43l17 5.51L96.59 159ZM51 81.42l7.24 24.41l-20 15.34A89.5 89.5 0 0 1 51 81.42M107.56 154l-12.41-36.14L128 95.28l32.85 22.58L148.44 154Zm90.19-48.17L205 81.42a89.5 89.5 0 0 1 12.75 39.75Zm-1.66-36.62L186 103.35l-17 5.53l-35-24V67.16l30.9-21.24a90.3 90.3 0 0 1 31.19 23.29M150.92 41L128 56.72L105.08 41a90.2 90.2 0 0 1 45.84 0m-59.81 4.91L122 67.16v17.68l-35 24l-17-5.53l-10.09-34.1a90.4 90.4 0 0 1 31.2-23.3M58.75 185.42h26.18l9.19 26a90.4 90.4 0 0 1-35.37-26m49.68 30.43l-12.55-35.46L106.34 166h43.32l10.46 14.39l-12.55 35.46a90.1 90.1 0 0 1-39.14 0m53.45-4.48l9.19-26h26.18a90.4 90.4 0 0 1-35.37 26"/></svg> </template>
CSS
.icon-soccer-ball-light {
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%2026a102%20102%200%201%200%20102%20102A102.12%20102.12%200%200%200%20128%2026m77.67%20147.42h-35.78L159.41%20159l13.29-38.72l17-5.51l27.94%2021.43a89.4%2089.4%200%200%201-11.97%2037.22m-119.56%200H50.33a89.4%2089.4%200%200%201-11.95-37.22l27.94-21.43l17%205.51L96.59%20159ZM51%2081.42l7.24%2024.41l-20%2015.34A89.5%2089.5%200%200%201%2051%2081.42M107.56%20154l-12.41-36.14L128%2095.28l32.85%2022.58L148.44%20154Zm90.19-48.17L205%2081.42a89.5%2089.5%200%200%201%2012.75%2039.75Zm-1.66-36.62L186%20103.35l-17%205.53l-35-24V67.16l30.9-21.24a90.3%2090.3%200%200%201%2031.19%2023.29M150.92%2041L128%2056.72L105.08%2041a90.2%2090.2%200%200%201%2045.84%200m-59.81%204.91L122%2067.16v17.68l-35%2024l-17-5.53l-10.09-34.1a90.4%2090.4%200%200%201%2031.2-23.3M58.75%20185.42h26.18l9.19%2026a90.4%2090.4%200%200%201-35.37-26m49.68%2030.43l-12.55-35.46L106.34%20166h43.32l10.46%2014.39l-12.55%2035.46a90.1%2090.1%200%200%201-39.14%200m53.45-4.48l9.19-26h26.18a90.4%2090.4%200%200%201-35.37%2026%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%2026a102%20102%200%201%200%20102%20102A102.12%20102.12%200%200%200%20128%2026m77.67%20147.42h-35.78L159.41%20159l13.29-38.72l17-5.51l27.94%2021.43a89.4%2089.4%200%200%201-11.97%2037.22m-119.56%200H50.33a89.4%2089.4%200%200%201-11.95-37.22l27.94-21.43l17%205.51L96.59%20159ZM51%2081.42l7.24%2024.41l-20%2015.34A89.5%2089.5%200%200%201%2051%2081.42M107.56%20154l-12.41-36.14L128%2095.28l32.85%2022.58L148.44%20154Zm90.19-48.17L205%2081.42a89.5%2089.5%200%200%201%2012.75%2039.75Zm-1.66-36.62L186%20103.35l-17%205.53l-35-24V67.16l30.9-21.24a90.3%2090.3%200%200%201%2031.19%2023.29M150.92%2041L128%2056.72L105.08%2041a90.2%2090.2%200%200%201%2045.84%200m-59.81%204.91L122%2067.16v17.68l-35%2024l-17-5.53l-10.09-34.1a90.4%2090.4%200%200%201%2031.2-23.3M58.75%20185.42h26.18l9.19%2026a90.4%2090.4%200%200%201-35.37-26m49.68%2030.43l-12.55-35.46L106.34%20166h43.32l10.46%2014.39l-12.55%2035.46a90.1%2090.1%200%200%201-39.14%200m53.45-4.48l9.19-26h26.18a90.4%2090.4%200%200%201-35.37%2026%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/soccer-ball-light.svg?color=%231a73e8&size=48
