Home/Libraries/Freehand free icons (Iconify)/family-child-play-ball-sign

Freehand free icons (Iconify)

FamilyChildPlayBallSign

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g fill="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="M23.28 17.554a29 29 0 0 0-.638-1.998c-.35-.949-.74-1.868-1.15-2.807a79 79 0 0 0-1.517-3.326c-.8-1.668-1.628-3.266-2.458-4.894a14.6 14.6 0 0 0-2.127-3.177A3.78 3.78 0 0 0 12.903.024c-.31.006-.613.08-.89.22a4.3 4.3 0 0 0-.998.649A12.7 12.7 0 0 0 9.457 2.56a17 17 0 0 0-1.309 1.848C7.02 6.247 6.021 7.725 5.022 9.493c-.6.999-1.229 2.167-1.898 3.526c-.31.6-.769 1.688-1.208 2.777c-.44 1.088-.89 2.207-1.07 2.826q-.415.93-.698 1.908a4.1 4.1 0 0 0-.12 1.558c.088.364.3.685.6.91c.778.668 1.517.728 3.305.718s3.886-.1 4.775-.1l8.17.05c1 0 1.998.22 2.947.28q.694.06 1.388 0a5 5 0 0 0 1.079-.18c.307-.1.583-.279.8-.52A3.7 3.7 0 0 0 24 20.88a11.8 11.8 0 0 0-.72-3.327m-1.098 4.904c-.102.1-.23.17-.37.2c-.25.05-.489.06-.729.09a6.6 6.6 0 0 1-1.178 0c-1-.06-1.998-.27-2.997-.3l-8.21-.08c-.89 0-3.077.09-4.775.09s-2.926 0-2.537-1.648q.255-.927.64-1.808c.19-.62.589-1.698.998-2.757s.86-2.117 1.149-2.697a73 73 0 0 1 1.848-3.476c.999-1.768 1.998-3.226 3.126-5.054Q9.7 4.114 10.376 3.3q.651-.814 1.438-1.498q.26-.239.57-.41a.87.87 0 0 1 .459-.13a2.62 2.62 0 0 1 1.668 1c.76.88 1.402 1.858 1.908 2.906c.819 1.608 1.658 3.206 2.457 4.854c.52 1.059.999 2.148 1.528 3.277c.4.908.8 1.807 1.139 2.736q.36.908.63 1.848c.36.963.581 1.972.658 2.997a2.52 2.52 0 0 1-.649 1.578"/><path d="M16.11 13.009a3.6 3.6 0 0 0-1.999-.12l-.719.17c0-.22.09-.44.14-.67l.06-.21c.41-.088.8-.254 1.149-.489a3.06 3.06 0 0 0 1.398-2.587a2.9 2.9 0 0 0-.63-1.728c-1.587-2.077-3.995-.869-4.234-.739a3 3 0 0 0-1.549 2.318a2.93 2.93 0 0 0 .61 1.887c.388.507.896.908 1.478 1.169c.303.124.623.202.949.23c-.11.32-.22.639-.32.999a3 3 0 0 1-.52 0a4.4 4.4 0 0 1-1.647-.51a2.23 2.23 0 0 1-.949-1.208a.63.63 0 1 0-1.189.4a3.46 3.46 0 0 0 1.419 1.997a5.6 5.6 0 0 0 2.147.769h.36c-.08.34-.16.68-.21.999c-.12.799.12 0-.999.729a5.7 5.7 0 0 0-1.348 2.137a5.9 5.9 0 0 0-.52 2.368a.73.73 0 0 0 1.281.416a.72.72 0 0 0 .168-.526c.087-.57.273-1.121.549-1.628c.181-.504.452-.971.8-1.379a.44.44 0 0 1 .489-.08q.525.345.998.76c.496.38 1.04.692 1.619.928a4.6 4.6 0 0 0 1.937.36a.649.649 0 1 0 0-1.289a3.4 3.4 0 0 1-1.358-.37c-.45-.22-.87-.499-1.249-.828c-1.528-1.269-1.398-.74-1.288-1.459q.054-.593.17-1.178c.41-.06.819-.17 1.358-.29a2.15 2.15 0 0 1 1.189.06c.381.126.725.346.999.64a.7.7 0 0 0 .998.06a.71.71 0 0 0 .07-1a4 4 0 0 0-1.608-1.108m-3.836-1.998a2.64 2.64 0 0 1-1-.829a1.68 1.68 0 0 1-.389-1.169a1.8 1.8 0 0 1 .999-1.388c1.239-.71 3.226-.19 3.226 1.488a2 2 0 0 1-.939 1.638a2 2 0 0 1-1.897.26"/><path d="M8.478 15.366a2 2 0 0 0-.809-.49a.4.4 0 0 0-.18 0H7.3a1.62 1.62 0 0 0-1.468 1.23a1.41 1.41 0 0 0 1.129 1.577a1.86 1.86 0 0 0 1.518-.26a1.07 1.07 0 0 0 .44-1.178a1.75 1.75 0 0 0-.44-.879m-.809 1.289a.66.66 0 0 1-.39 0c-.24-.08-.38-.22-.35-.38s.24-.27.49-.27h.11q.096.057.18.13a.8.8 0 0 1 .18.37c.03.1-.11.12-.22.15"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. FamilyChildPlayBallSignIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.