Home/Libraries/Plump free icons (Iconify)/park-solid

Plump free icons (Iconify)

ParkSolid

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 48 48"><path fill="#818cf8" fill-rule="evenodd" d="M24 7.5c8.089 0 12.78.243 15.293.446c2.142.174 3.907 1.742 4.077 4.012c.075.988.13 2.307.13 4.042s-.055 3.054-.13 4.042c-.165 2.207-1.838 3.751-3.9 3.994c.018.824.03 1.804.03 2.964v.154c-1.564-.04-3.539-.077-6-.105V27c0-1.012.009-1.886.023-2.64c-2.465.083-5.593.14-9.523.14s-7.058-.057-9.524-.14c.015.754.024 1.628.024 2.64v.05a430 430 0 0 0-6 .104V27c0-1.16.012-2.14.03-2.964c-2.062-.243-3.735-1.787-3.9-3.994A55 55 0 0 1 4.5 16c0-1.735.055-3.054.13-4.042c.17-2.27 1.935-3.838 4.077-4.012C11.221 7.743 15.911 7.5 24 7.5m18.733 22.258C40.173 29.654 34.61 29.5 24 29.5s-16.172.154-18.733.259c-1.607.065-3.458 1.034-3.689 3.166c-.048.447-.078.969-.078 1.575s.03 1.128.078 1.575c.195 1.8 1.544 2.77 2.926 3.069a89 89 0 0 0 .102 3.941c.069 1.324 1.01 2.381 2.395 2.41a24 24 0 0 0 .998 0c1.385-.029 2.326-1.086 2.395-2.41c.044-.847.085-2.045.1-3.695c3.14.061 7.52.11 13.506.11s10.366-.049 13.506-.11c.015 1.65.056 2.848.1 3.695c.069 1.324 1.01 2.381 2.395 2.41a24 24 0 0 0 .998 0c1.385-.029 2.326-1.086 2.395-2.41c.047-.889.089-2.163.102-3.941c1.382-.299 2.731-1.27 2.926-3.069c.048-.447.078-.969.078-1.575s-.03-1.128-.078-1.575c-.23-2.132-2.082-3.1-3.689-3.167" clip-rule="evenodd"/></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. ParkSolidIcon.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.