Home/Libraries/Game Icons (Iconify)/push

Game Icons (Iconify)

Push

License: CC-BY-3.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 512 512"><path fill="#818cf8" d="m224 27.027l14.037 110.54l14.807-103.032zm112.71 21.127l-61.58 92.37l88.4-70.518zM125.15 69.012V98.81l77.475 41.715zM319 143.088C364.826 255.36 348.206 384 319 493h174V143.088zm-78.598 11.463q-.85-.01-1.718.02c-12.517.413-26.47 6.774-37.893 17.274c-15.774 14.527-23.843 34.25-20.167 49.3c-45 12.35-76.594 62.683-81.64 102.18c-3.968 37.166 15.322 61.415.558 85.432L40.77 447.54l-20.458 9.997L55.33 496.19h15.686l-17.27-32.17l72.906-38.573c14.698-8.6 16.065-23.74 19.28-41.092c16.147 11.876 33.577 23.202 47.56 32.48c-6.36 27.685-38.544 52.854-58.512 79.356h77.827l-2.905-5.21s-39.03-6.813-43.77-7.498c-.15.01-.29.005-.407-.02c-.327-.076-.082-.05.408.02c8.143-.477 65.126-51.946 63.53-64.54c-13.498-23.115-34.03-44.835-54.974-66.276c1.845-25.475 2.3-52.734 40.75-75.596l110.044-4.566c-.94-22.375-4.53-59.816-10.35-66.018c-9.702 7.54-10.872 30.843-11.628 48.637l-79.463-2.283c-8.445-.63-14.943-7.846-21.15-12.822c13.6 1.556 30.02-4.91 43.218-17.024c20.673-19.002 27.286-45.857 14.77-59.982c-4.795-5.412-11.97-8.365-20.478-8.46z"/></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. PushIcon.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-3.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.