Home/Libraries/Game Icons (Iconify)/high-five

Game Icons (Iconify)

HighFive

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="m126.254 16.098l23.18 134.29l-131.55-20.595l94.78 110.596L28.2 318.08l108.71 24.42l-39.797 88.447l71.364-19.014c7.904-20.18 13.607-40.676 16.42-60.008l-.05-.03h-.003c-1.802-1.04-2.872-2.744-4.06-6.74c-1.19-3.997-1.868-9.5-3.942-15.412c-7.033-20.052-17.384-51.137-48.155-81.834c3.305-6.314 6.61-9.692 9.186-11.074c3.247-1.742 6.19-1.775 11.293.422c9.35 4.025 22.63 17.193 35.174 33.816c3.368 5.048 6.267 10.15 8.683 15.31l16.918-7.927c-3.936-8.406-8.884-16.523-14.74-24.376l9.32-23.635l-.418-90.175c2.948-2.112 7.593-3.54 12.92-3.43c5.064.107 10.178 1.73 13.52 3.673l-.794 88.818c7.553 3.465 15.125 6.91 22.62 10.44l37.04-106.385c5.665.22 10.842.688 15.03 2.063c4.6 1.51 8.553 3.855 12.53 8.248L275.595 251.41c6.797 3.69 13.394 7.6 19.693 11.84l66.916-91.31c3.036.616 7.123 2.416 10.7 5.632c4.143 3.726 7.06 8.725 8.054 13.123l-64.625 89.3c5.508 5.266 10.58 11.007 15.107 17.357l55.83-41.67c6.377 2.98 12.275 10.69 12.25 18.377c-9.137 6.16-54.367 37.145-81.29 65.783c-8.748 9.303-24.697 24.49-33.496 34.43v.003h-.002c-2.977 3.366-7 6.718-11.402 9.39l-18.947 101.192l39.596-62l63.627 56.252l4.73-121.537l134.604 11.57l-76.7-95.417l64.414-92.664l-90.34-12.062L435.23 51.324l-122.185 69.744L281.67 17.246l-53.75 96.108l-101.668-97.256z"/></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. HighFiveIcon.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.