Home/Libraries/Firefox OS Emoji (Iconify)/bikini

Firefox OS Emoji (Iconify)

Bikini

License: Apache-2.0Commercial Safe

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 72 72"><path fill="#818cf8" d="M58.3 2.5c-6.8 1.5-19 14.4-19.9 16.9h-4.7c-1-2.6-13.2-15.5-20-16.9c-2.8-.6-3.6-1.3-3.6 4v9.1c0 14.8 16.4 13.7 23.2 6.5h5.3c6.8 7.2 23.2 8.3 23.2-6.5V6.5c0-5.2-.7-4.6-3.5-4m2.2 45c-.2-1-1.1-1.6-2-1.4h-.1s-.2 0-.5.1s-.8.1-1.5.3c-1.2.3-3 .6-5.1 1.1c-1.1.2-2.2.4-3.4.7c-1.2.2-2.5.5-3.7.7c-1.3.2-2.6.4-3.9.5c-.7.1-1.2.1-1.9.2c-.6.1-1.4 0-2.1.1h-1.9c-.7-.1-1.3-.1-2-.2c-1.3-.1-2.6-.3-3.9-.5s-2.5-.4-3.7-.7c-1.2-.2-2.3-.4-3.4-.7c-2.1-.4-3.9-.8-5.1-1.1q-.9-.15-1.5-.3c-.3-.1-.5-.1-.5-.1h-.1c-.7-.1-1.4.1-1.8.7c-.6.8-.4 1.9.4 2.5c0 0 .2.1.5.3s.7.5 1.3.8q1.5.9 3.9 2.1C28 59.4 30.6 64.2 32 68.7c1.2 4 6.7 4 8 0c1.3-4.3 3.9-9 12.5-15.4l.6-.3c2.1-.9 3.8-1.9 4.9-2.6c.6-.3 1-.6 1.3-.8s.5-.3.5-.3c.5-.4.8-1.1.7-1.8"/><path fill="#818cf8" d="M58.3 2.5c2.1-.4 3-.9 3.4 1c-.1-.9-.3-1.8-.3-1.8c-.5-1-1.8-1.5-3.1-1C57.1.9 56.4 2 56.5 3c.6-.2 1.2-.4 1.8-.5M38.4 19.3c.2-.6 1.2-2 2.7-3.6c-1-.2-2.1.3-2.7 1.3c-.4.8-.4 1.6-.2 2.3zm-4.8 0h.2c.3-.7.3-1.6-.1-2.3c-.6-1.1-1.7-1.6-2.7-1.3c1.4 1.6 2.4 3 2.6 3.6m31.2 26.2c.2 1.9-1.1 3.7-3.1 4.3s-4.1-.3-4.9-2c0 1.9-1.4 3.6-3.5 4s-4-.7-4.7-2.4c-.2 1.9-1.7 3.5-3.8 3.7s-3.9-1.1-4.5-2.9c-.4 1.8-2.1 3.3-4.2 3.3s-3.8-1.4-4.2-3.3c-.5 1.8-2.4 3.1-4.5 2.9s-3.7-1.8-3.8-3.7c-.7 1.7-2.6 2.8-4.7 2.4s-3.5-2.1-3.5-4c-.8 1.7-2.9 2.6-4.9 2c-2.4-.7-3.7-3.1-3-5.3c.2-.5.9-.8 1.5-.6c1.9.6 3.9 1.2 5.8 1.7c.5.1 1.6.4 2.1.5c2 .4 3.9.8 5.9 1.1c.5.1 1.6.2 2.1.3c2 .3 4 .4 6 .6c.5 0 1.6.1 2.1.1q3 .15 6 0c.5 0 1.6-.1 2.1-.1q3-.15 6-.6c.5-.1 1.6-.2 2.1-.3c2-.3 4-.7 5.9-1.1c.5-.1 1.6-.4 2.1-.5c2-.5 3.9-1.1 5.8-1.7q.75-.15 1.2.3M56.4 3.1c-.7-.8-2-1-3.1-.5c-1.2.6-1.7 1.8-1.3 2.9c-.8-.8-2.2-.9-3.2-.1c-1.1.7-1.4 2-.9 3c-.9-.7-2.3-.6-3.2.3s-1 2.2-.4 3.1c-1-.5-2.3-.2-3.1.8c-.7 1-.7 2.2-.1 3c3.7-4.2 10.3-10.4 15.3-12.5m-42.7-.6c5 1.1 12.9 8.3 17.1 13.1c.7-.8.7-2.1-.1-3.1s-2.1-1.3-3.1-.8c.6-.9.5-2.3-.4-3.2s-2.3-1-3.1-.3c.5-1 .2-2.3-.9-3.1c-1-.8-2.4-.6-3.2.1c.3-1.1-.1-2.3-1.3-2.9c-1.1-.6-2.5-.3-3.1.6c.2-1.1-.5-2.3-1.7-2.7s-2.5.1-3 1.1c0 0-.1.5-.2 1.1c.6-.6 1.5-.3 3 .1"/></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. BikiniIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **Apache-2.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.