soccer ball emoji
soccer-ball from Twitter Emoji by Twitter · Default · Activities · CC-BY-4.0 Attribution required.
- Name
- soccer-ball
- Set
- Twitter Emoji
- Style
- Default
- Category
- Activities
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More activities icons from Twitter Emoji
Use the soccer ball emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><circle cx="18" cy="18" r="18" fill="#f5f8fa"/><path fill="#ccd6dd" d="M18 11a1 1 0 0 1-1-1V3a1 1 0 0 1 2 0v7a1 1 0 0 1-1 1m-6.583 4.5a1 1 0 0 1-.302-.047l-8.041-2.542a1 1 0 1 1 .603-1.907l8.042 2.542a1 1 0 0 1-.302 1.954m13.625-.291a1.001 1.001 0 0 1-.278-1.961l6.75-1.958a1 1 0 0 1 .556 1.921l-6.75 1.958a1 1 0 0 1-.278.04m2.001 14.958a1 1 0 0 1-.803-.403l-5.459-7.333a1 1 0 1 1 1.604-1.194l5.459 7.333a1 1 0 0 1-.801 1.597m-18.294-.083a1 1 0 0 1-.82-1.571l5.125-7.375a1 1 0 1 1 1.642 1.141l-5.125 7.375a1 1 0 0 1-.822.43M3.5 27.062c-.44 0-.844-.293-.965-.738L.347 18.262a1 1 0 1 1 1.931-.523l2.188 8.062a.998.998 0 0 1-.966 1.261M22 34h-9a1 1 0 1 1 0-2h9a1 1 0 1 1 0 2m10.126-6.875a1 1 0 0 1-.971-1.239l2.125-8.625a1 1 0 1 1 1.941.479l-2.125 8.625c-.113.455-.521.76-.97.76M30.312 7.688a1 1 0 0 1-.5-.134L22.25 3.179a1 1 0 0 1-.364-1.367a1 1 0 0 1 1.366-.365l7.562 4.375a1 1 0 0 1-.502 1.866m-24.811 0a1 1 0 0 1-.584-1.813l6.188-4.438a1.001 1.001 0 0 1 1.167 1.625L6.083 7.5a1 1 0 0 1-.582.188"/><path fill="#31373d" d="m25.493 13.516l-7.208-5.083a1 1 0 0 0-1.161.006l-7.167 5.167a1 1 0 0 0-.375 1.091l2.5 8.583a1 1 0 0 0 .96.72H22a1 1 0 0 0 .948-.681l2.917-8.667a1 1 0 0 0-.372-1.136M1.292 19.542a1 1 0 0 0 .872-.51l3.375-6a1 1 0 0 0 .108-.291L6.98 6.2A1 1 0 0 0 6 5h-.428C2.145 8.277 0 12.884 0 18c0 .266.028.525.04.788l.602.514c.182.156.413.24.65.24m9.325-16.547a.75.75 0 0 0 .553.412l6.375 1.042a.8.8 0 0 0 .243 0l6.084-1a.75.75 0 0 0 .613-.889l-.292-1.443A17.9 17.9 0 0 0 18 0c-2.425 0-4.734.486-6.845 1.356l-.521.95a.75.75 0 0 0-.017.689m20.517 2.724l-1.504-.095a.76.76 0 0 0-.609.249a.74.74 0 0 0-.175.63l1.167 6.198a.7.7 0 0 0 .093.224c1.492 2.504 3.152 5.301 3.381 5.782c.024.084.062.079.114.151c.14.195.372.142.612.142h.007c.198 0 .323.094 1.768-.753c.001-.083.012-.164.012-.247c0-4.753-1.856-9.064-4.866-12.281M14.541 33.376a.76.76 0 0 0-.191-.544l-4.5-5a.8.8 0 0 0-.211-.163c-5.885-3.069-5.994-3.105-6.066-3.13a.8.8 0 0 0-.242-.039c-.537 0-.695.065-1.185 2.024a18.04 18.04 0 0 0 10.644 8.703l1.5-1.333a.75.75 0 0 0 .251-.518m17.833-8.567a.75.75 0 0 0-.592.005l-6.083 2.667a.74.74 0 0 0-.274.205l-4.25 5.083a.75.75 0 0 0 .1 1.062c.683.559 1.261 1.03 1.767 1.44a18.02 18.02 0 0 0 10.454-8.146l-.712-1.889a.75.75 0 0 0-.41-.427"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiSoccerBall(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><circle cx="18" cy="18" r="18" fill="#f5f8fa"/><path fill="#ccd6dd" d="M18 11a1 1 0 0 1-1-1V3a1 1 0 0 1 2 0v7a1 1 0 0 1-1 1m-6.583 4.5a1 1 0 0 1-.302-.047l-8.041-2.542a1 1 0 1 1 .603-1.907l8.042 2.542a1 1 0 0 1-.302 1.954m13.625-.291a1.001 1.001 0 0 1-.278-1.961l6.75-1.958a1 1 0 0 1 .556 1.921l-6.75 1.958a1 1 0 0 1-.278.04m2.001 14.958a1 1 0 0 1-.803-.403l-5.459-7.333a1 1 0 1 1 1.604-1.194l5.459 7.333a1 1 0 0 1-.801 1.597m-18.294-.083a1 1 0 0 1-.82-1.571l5.125-7.375a1 1 0 1 1 1.642 1.141l-5.125 7.375a1 1 0 0 1-.822.43M3.5 27.062c-.44 0-.844-.293-.965-.738L.347 18.262a1 1 0 1 1 1.931-.523l2.188 8.062a.998.998 0 0 1-.966 1.261M22 34h-9a1 1 0 1 1 0-2h9a1 1 0 1 1 0 2m10.126-6.875a1 1 0 0 1-.971-1.239l2.125-8.625a1 1 0 1 1 1.941.479l-2.125 8.625c-.113.455-.521.76-.97.76M30.312 7.688a1 1 0 0 1-.5-.134L22.25 3.179a1 1 0 0 1-.364-1.367a1 1 0 0 1 1.366-.365l7.562 4.375a1 1 0 0 1-.502 1.866m-24.811 0a1 1 0 0 1-.584-1.813l6.188-4.438a1.001 1.001 0 0 1 1.167 1.625L6.083 7.5a1 1 0 0 1-.582.188"/><path fill="#31373d" d="m25.493 13.516l-7.208-5.083a1 1 0 0 0-1.161.006l-7.167 5.167a1 1 0 0 0-.375 1.091l2.5 8.583a1 1 0 0 0 .96.72H22a1 1 0 0 0 .948-.681l2.917-8.667a1 1 0 0 0-.372-1.136M1.292 19.542a1 1 0 0 0 .872-.51l3.375-6a1 1 0 0 0 .108-.291L6.98 6.2A1 1 0 0 0 6 5h-.428C2.145 8.277 0 12.884 0 18c0 .266.028.525.04.788l.602.514c.182.156.413.24.65.24m9.325-16.547a.75.75 0 0 0 .553.412l6.375 1.042a.8.8 0 0 0 .243 0l6.084-1a.75.75 0 0 0 .613-.889l-.292-1.443A17.9 17.9 0 0 0 18 0c-2.425 0-4.734.486-6.845 1.356l-.521.95a.75.75 0 0 0-.017.689m20.517 2.724l-1.504-.095a.76.76 0 0 0-.609.249a.74.74 0 0 0-.175.63l1.167 6.198a.7.7 0 0 0 .093.224c1.492 2.504 3.152 5.301 3.381 5.782c.024.084.062.079.114.151c.14.195.372.142.612.142h.007c.198 0 .323.094 1.768-.753c.001-.083.012-.164.012-.247c0-4.753-1.856-9.064-4.866-12.281M14.541 33.376a.76.76 0 0 0-.191-.544l-4.5-5a.8.8 0 0 0-.211-.163c-5.885-3.069-5.994-3.105-6.066-3.13a.8.8 0 0 0-.242-.039c-.537 0-.695.065-1.185 2.024a18.04 18.04 0 0 0 10.644 8.703l1.5-1.333a.75.75 0 0 0 .251-.518m17.833-8.567a.75.75 0 0 0-.592.005l-6.083 2.667a.74.74 0 0 0-.274.205l-4.25 5.083a.75.75 0 0 0 .1 1.062c.683.559 1.261 1.03 1.767 1.44a18.02 18.02 0 0 0 10.454-8.146l-.712-1.889a.75.75 0 0 0-.41-.427"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><circle cx="18" cy="18" r="18" fill="#f5f8fa"/><path fill="#ccd6dd" d="M18 11a1 1 0 0 1-1-1V3a1 1 0 0 1 2 0v7a1 1 0 0 1-1 1m-6.583 4.5a1 1 0 0 1-.302-.047l-8.041-2.542a1 1 0 1 1 .603-1.907l8.042 2.542a1 1 0 0 1-.302 1.954m13.625-.291a1.001 1.001 0 0 1-.278-1.961l6.75-1.958a1 1 0 0 1 .556 1.921l-6.75 1.958a1 1 0 0 1-.278.04m2.001 14.958a1 1 0 0 1-.803-.403l-5.459-7.333a1 1 0 1 1 1.604-1.194l5.459 7.333a1 1 0 0 1-.801 1.597m-18.294-.083a1 1 0 0 1-.82-1.571l5.125-7.375a1 1 0 1 1 1.642 1.141l-5.125 7.375a1 1 0 0 1-.822.43M3.5 27.062c-.44 0-.844-.293-.965-.738L.347 18.262a1 1 0 1 1 1.931-.523l2.188 8.062a.998.998 0 0 1-.966 1.261M22 34h-9a1 1 0 1 1 0-2h9a1 1 0 1 1 0 2m10.126-6.875a1 1 0 0 1-.971-1.239l2.125-8.625a1 1 0 1 1 1.941.479l-2.125 8.625c-.113.455-.521.76-.97.76M30.312 7.688a1 1 0 0 1-.5-.134L22.25 3.179a1 1 0 0 1-.364-1.367a1 1 0 0 1 1.366-.365l7.562 4.375a1 1 0 0 1-.502 1.866m-24.811 0a1 1 0 0 1-.584-1.813l6.188-4.438a1.001 1.001 0 0 1 1.167 1.625L6.083 7.5a1 1 0 0 1-.582.188"/><path fill="#31373d" d="m25.493 13.516l-7.208-5.083a1 1 0 0 0-1.161.006l-7.167 5.167a1 1 0 0 0-.375 1.091l2.5 8.583a1 1 0 0 0 .96.72H22a1 1 0 0 0 .948-.681l2.917-8.667a1 1 0 0 0-.372-1.136M1.292 19.542a1 1 0 0 0 .872-.51l3.375-6a1 1 0 0 0 .108-.291L6.98 6.2A1 1 0 0 0 6 5h-.428C2.145 8.277 0 12.884 0 18c0 .266.028.525.04.788l.602.514c.182.156.413.24.65.24m9.325-16.547a.75.75 0 0 0 .553.412l6.375 1.042a.8.8 0 0 0 .243 0l6.084-1a.75.75 0 0 0 .613-.889l-.292-1.443A17.9 17.9 0 0 0 18 0c-2.425 0-4.734.486-6.845 1.356l-.521.95a.75.75 0 0 0-.017.689m20.517 2.724l-1.504-.095a.76.76 0 0 0-.609.249a.74.74 0 0 0-.175.63l1.167 6.198a.7.7 0 0 0 .093.224c1.492 2.504 3.152 5.301 3.381 5.782c.024.084.062.079.114.151c.14.195.372.142.612.142h.007c.198 0 .323.094 1.768-.753c.001-.083.012-.164.012-.247c0-4.753-1.856-9.064-4.866-12.281M14.541 33.376a.76.76 0 0 0-.191-.544l-4.5-5a.8.8 0 0 0-.211-.163c-5.885-3.069-5.994-3.105-6.066-3.13a.8.8 0 0 0-.242-.039c-.537 0-.695.065-1.185 2.024a18.04 18.04 0 0 0 10.644 8.703l1.5-1.333a.75.75 0 0 0 .251-.518m17.833-8.567a.75.75 0 0 0-.592.005l-6.083 2.667a.74.74 0 0 0-.274.205l-4.25 5.083a.75.75 0 0 0 .1 1.062c.683.559 1.261 1.03 1.767 1.44a18.02 18.02 0 0 0 10.454-8.146l-.712-1.889a.75.75 0 0 0-.41-.427"/></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%2036%2036%22%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2218%22%20fill%3D%22%23f5f8fa%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M18%2011a1%201%200%200%201-1-1V3a1%201%200%200%201%202%200v7a1%201%200%200%201-1%201m-6.583%204.5a1%201%200%200%201-.302-.047l-8.041-2.542a1%201%200%201%201%20.603-1.907l8.042%202.542a1%201%200%200%201-.302%201.954m13.625-.291a1.001%201.001%200%200%201-.278-1.961l6.75-1.958a1%201%200%200%201%20.556%201.921l-6.75%201.958a1%201%200%200%201-.278.04m2.001%2014.958a1%201%200%200%201-.803-.403l-5.459-7.333a1%201%200%201%201%201.604-1.194l5.459%207.333a1%201%200%200%201-.801%201.597m-18.294-.083a1%201%200%200%201-.82-1.571l5.125-7.375a1%201%200%201%201%201.642%201.141l-5.125%207.375a1%201%200%200%201-.822.43M3.5%2027.062c-.44%200-.844-.293-.965-.738L.347%2018.262a1%201%200%201%201%201.931-.523l2.188%208.062a.998.998%200%200%201-.966%201.261M22%2034h-9a1%201%200%201%201%200-2h9a1%201%200%201%201%200%202m10.126-6.875a1%201%200%200%201-.971-1.239l2.125-8.625a1%201%200%201%201%201.941.479l-2.125%208.625c-.113.455-.521.76-.97.76M30.312%207.688a1%201%200%200%201-.5-.134L22.25%203.179a1%201%200%200%201-.364-1.367a1%201%200%200%201%201.366-.365l7.562%204.375a1%201%200%200%201-.502%201.866m-24.811%200a1%201%200%200%201-.584-1.813l6.188-4.438a1.001%201.001%200%200%201%201.167%201.625L6.083%207.5a1%201%200%200%201-.582.188%22%2F%3E%3Cpath%20fill%3D%22%2331373d%22%20d%3D%22m25.493%2013.516l-7.208-5.083a1%201%200%200%200-1.161.006l-7.167%205.167a1%201%200%200%200-.375%201.091l2.5%208.583a1%201%200%200%200%20.96.72H22a1%201%200%200%200%20.948-.681l2.917-8.667a1%201%200%200%200-.372-1.136M1.292%2019.542a1%201%200%200%200%20.872-.51l3.375-6a1%201%200%200%200%20.108-.291L6.98%206.2A1%201%200%200%200%206%205h-.428C2.145%208.277%200%2012.884%200%2018c0%20.266.028.525.04.788l.602.514c.182.156.413.24.65.24m9.325-16.547a.75.75%200%200%200%20.553.412l6.375%201.042a.8.8%200%200%200%20.243%200l6.084-1a.75.75%200%200%200%20.613-.889l-.292-1.443A17.9%2017.9%200%200%200%2018%200c-2.425%200-4.734.486-6.845%201.356l-.521.95a.75.75%200%200%200-.017.689m20.517%202.724l-1.504-.095a.76.76%200%200%200-.609.249a.74.74%200%200%200-.175.63l1.167%206.198a.7.7%200%200%200%20.093.224c1.492%202.504%203.152%205.301%203.381%205.782c.024.084.062.079.114.151c.14.195.372.142.612.142h.007c.198%200%20.323.094%201.768-.753c.001-.083.012-.164.012-.247c0-4.753-1.856-9.064-4.866-12.281M14.541%2033.376a.76.76%200%200%200-.191-.544l-4.5-5a.8.8%200%200%200-.211-.163c-5.885-3.069-5.994-3.105-6.066-3.13a.8.8%200%200%200-.242-.039c-.537%200-.695.065-1.185%202.024a18.04%2018.04%200%200%200%2010.644%208.703l1.5-1.333a.75.75%200%200%200%20.251-.518m17.833-8.567a.75.75%200%200%200-.592.005l-6.083%202.667a.74.74%200%200%200-.274.205l-4.25%205.083a.75.75%200%200%200%20.1%201.062c.683.559%201.261%201.03%201.767%201.44a18.02%2018.02%200%200%200%2010.454-8.146l-.712-1.889a.75.75%200%200%200-.41-.427%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%2036%2036%22%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2218%22%20fill%3D%22%23f5f8fa%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M18%2011a1%201%200%200%201-1-1V3a1%201%200%200%201%202%200v7a1%201%200%200%201-1%201m-6.583%204.5a1%201%200%200%201-.302-.047l-8.041-2.542a1%201%200%201%201%20.603-1.907l8.042%202.542a1%201%200%200%201-.302%201.954m13.625-.291a1.001%201.001%200%200%201-.278-1.961l6.75-1.958a1%201%200%200%201%20.556%201.921l-6.75%201.958a1%201%200%200%201-.278.04m2.001%2014.958a1%201%200%200%201-.803-.403l-5.459-7.333a1%201%200%201%201%201.604-1.194l5.459%207.333a1%201%200%200%201-.801%201.597m-18.294-.083a1%201%200%200%201-.82-1.571l5.125-7.375a1%201%200%201%201%201.642%201.141l-5.125%207.375a1%201%200%200%201-.822.43M3.5%2027.062c-.44%200-.844-.293-.965-.738L.347%2018.262a1%201%200%201%201%201.931-.523l2.188%208.062a.998.998%200%200%201-.966%201.261M22%2034h-9a1%201%200%201%201%200-2h9a1%201%200%201%201%200%202m10.126-6.875a1%201%200%200%201-.971-1.239l2.125-8.625a1%201%200%201%201%201.941.479l-2.125%208.625c-.113.455-.521.76-.97.76M30.312%207.688a1%201%200%200%201-.5-.134L22.25%203.179a1%201%200%200%201-.364-1.367a1%201%200%200%201%201.366-.365l7.562%204.375a1%201%200%200%201-.502%201.866m-24.811%200a1%201%200%200%201-.584-1.813l6.188-4.438a1.001%201.001%200%200%201%201.167%201.625L6.083%207.5a1%201%200%200%201-.582.188%22%2F%3E%3Cpath%20fill%3D%22%2331373d%22%20d%3D%22m25.493%2013.516l-7.208-5.083a1%201%200%200%200-1.161.006l-7.167%205.167a1%201%200%200%200-.375%201.091l2.5%208.583a1%201%200%200%200%20.96.72H22a1%201%200%200%200%20.948-.681l2.917-8.667a1%201%200%200%200-.372-1.136M1.292%2019.542a1%201%200%200%200%20.872-.51l3.375-6a1%201%200%200%200%20.108-.291L6.98%206.2A1%201%200%200%200%206%205h-.428C2.145%208.277%200%2012.884%200%2018c0%20.266.028.525.04.788l.602.514c.182.156.413.24.65.24m9.325-16.547a.75.75%200%200%200%20.553.412l6.375%201.042a.8.8%200%200%200%20.243%200l6.084-1a.75.75%200%200%200%20.613-.889l-.292-1.443A17.9%2017.9%200%200%200%2018%200c-2.425%200-4.734.486-6.845%201.356l-.521.95a.75.75%200%200%200-.017.689m20.517%202.724l-1.504-.095a.76.76%200%200%200-.609.249a.74.74%200%200%200-.175.63l1.167%206.198a.7.7%200%200%200%20.093.224c1.492%202.504%203.152%205.301%203.381%205.782c.024.084.062.079.114.151c.14.195.372.142.612.142h.007c.198%200%20.323.094%201.768-.753c.001-.083.012-.164.012-.247c0-4.753-1.856-9.064-4.866-12.281M14.541%2033.376a.76.76%200%200%200-.191-.544l-4.5-5a.8.8%200%200%200-.211-.163c-5.885-3.069-5.994-3.105-6.066-3.13a.8.8%200%200%200-.242-.039c-.537%200-.695.065-1.185%202.024a18.04%2018.04%200%200%200%2010.644%208.703l1.5-1.333a.75.75%200%200%200%20.251-.518m17.833-8.567a.75.75%200%200%200-.592.005l-6.083%202.667a.74.74%200%200%200-.274.205l-4.25%205.083a.75.75%200%200%200%20.1%201.062c.683.559%201.261%201.03%201.767%201.44a18.02%2018.02%200%200%200%2010.454-8.146l-.712-1.889a.75.75%200%200%200-.41-.427%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/soccer-ball.svg?color=%231a73e8&size=48
