Flip Flops
The flip flops icon represents a type of casual footwear, often used to symbolize relaxation, leisure, or vacation.
Exports at 24 × 24 px
Code
Flip Flops in your framework
In any framework. Customize it above, and the code follows.
export const FlipFlopsIcon = (props: React.SVGProps<SVGSVGElement>) => (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512" {...props}>
<path fill="currentColor" d="M135.074 21.783c-54.738.222-114.04 42.796-109.416 150.074c.19 4.384 1.516 13.664 3.61 26.17c10.74-23.22 25.979-46.785 41.209-67.54C83.686 112.483 96.95 96.84 107.756 85.94c5.403-5.45 10.113-9.693 14.392-12.678c1.624-1.132 3.142-2.11 4.934-2.894l1.451-4.62l43.252 2.194l1.639 6.428c.178.7.345 1.417.521 2.12c25.526 15.674 44.452 40.59 57.68 69.003c-1.733-34.395-6.725-64.148-17.742-83.2c-14.765-25.531-45.966-40.645-78.809-40.511zm241.852 0c-32.843-.134-64.044 14.98-78.809 40.512c-11.017 19.051-16.01 48.804-17.742 83.199c13.228-28.413 32.154-53.329 57.68-69.002c.176-.704.343-1.421.521-2.121l1.639-6.428l43.252-2.193l1.451 4.619c1.792.784 3.31 1.762 4.934 2.894c4.279 2.985 8.99 7.228 14.392 12.678c10.806 10.9 24.07 26.543 37.28 44.545c15.23 20.756 30.468 44.322 41.208 67.541c2.094-12.506 3.42-21.786 3.61-26.17C490.965 64.58 431.664 22.005 376.926 21.783m-235.18 62.66c-3.587 12.712-5.774 25.149-5.81 37.326l25.062-.656c1.218-11.769-.648-23.584-3.521-35.873zm228.508 0l-15.73.797c-2.874 12.289-4.74 24.104-3.522 35.873l25.062.656c-.036-12.177-2.223-24.614-5.81-37.326m-250.5 14.983c-9.808 10-22.346 24.782-34.766 41.709c-25.489 34.737-50.106 79.318-52.365 107.681c-1.064 13.358 6.203 34.226 15.211 52.176s19.13 33.059 22.516 38.26c.768 1.18 1.296 1.388 2.595 1.472s3.257-.435 4.866-1.693c3.217-2.516 6.255-6.843.753-17.338c-2.017-3.849-10.118-15.882-17.193-29.486s-13.847-29.345-12.871-45.16c1.78-28.83 21.25-61.43 39.693-88.207c12.192-17.7 23.298-31.51 29.58-39.03c.127-6.854.836-13.65 1.98-20.384zm272.492 0c1.145 6.734 1.854 13.53 1.98 20.384c6.283 7.52 17.389 21.33 29.58 39.03c18.445 26.776 37.914 59.377 39.694 88.207c.976 15.815-5.796 31.555-12.871 45.16s-15.176 25.637-17.193 29.486c-5.502 10.495-2.464 14.822.753 17.338c1.61 1.258 3.566 1.778 4.866 1.693s1.827-.292 2.595-1.472c3.387-5.201 13.508-20.31 22.516-38.26s16.275-38.818 15.211-52.176c-2.259-28.363-26.876-72.944-52.365-107.681c-12.42-16.927-24.958-31.71-34.766-41.71zm-213.367 3.328c.6 6.045.744 12.23.203 18.556c32.115 37 42.984 78.66 43.803 121.051c.304 15.756-5.39 32.749-11.502 47.566s-12.93 27.373-15.488 32.157c-2.78 5.2-2.593 7.904-2.282 8.972c.312 1.07.821 1.662 2.573 2.387c3.503 1.45 10.434-.384 11.439-1.7c1.746-2.283 10.908-18.03 18.059-35.523c7.15-17.493 12.884-38.016 12.037-51.625c-3.148-50.58-22.987-109.79-58.842-141.841m154.242 0c-35.855 32.052-55.693 91.261-58.842 141.841c-.847 13.61 4.887 34.132 12.037 51.625s16.313 33.24 18.059 35.524c1.005 1.315 7.936 3.149 11.44 1.7c1.751-.726 2.26-1.319 2.572-2.388c.311-1.068.498-3.773-2.282-8.972c-2.557-4.784-9.375-17.34-15.488-32.157s-11.806-31.81-11.502-47.566c.82-42.391 11.688-84.05 43.803-121.05c-.54-6.327-.398-12.512.203-18.557m-162.754 36.12l-45.842 1.198c-6.191 7.8-13.77 17.742-21.51 28.979c-17.758 25.781-35.258 58.179-36.55 79.105c-.579 9.374 4.415 23.325 10.875 35.746s13.664 22.75 17.168 29.436c8.448 16.118 4.223 32.185-5.61 39.873c-4.916 3.844-10.93 5.877-17.123 5.474c-4.386-.285-8.915-2.04-12.548-5.13c8.159 40.187 15.45 75.282 18.404 89.402c11.18 53.46 172.547 86.724 149.598-42.842c-2.617-14.772-2.69-36.802-1.717-62.762c-1.302 2.097-2.52 3.928-3.586 5.323c-7.975 10.432-21.46 12.019-32.623 7.4c-5.582-2.31-10.97-7.123-12.969-13.979c-2-6.855-.541-14.594 3.686-22.5c2.641-4.94 9.044-16.766 14.724-30.535c5.68-13.768 10.351-29.566 10.143-40.353c-.723-37.399-9.108-71.922-34.52-103.834zm171.266 0c-25.412 31.913-33.797 66.436-34.52 103.835c-.208 10.787 4.463 26.585 10.143 40.353s12.083 25.595 14.724 30.535c4.227 7.906 5.686 15.645 3.686 22.5s-7.387 11.67-12.969 13.979c-11.164 4.619-24.648 3.032-32.623-7.4c-1.065-1.395-2.284-3.226-3.586-5.323c.972 25.96.9 47.99-1.717 62.762c-22.949 129.566 138.417 96.302 149.598 42.842c2.953-14.12 10.245-49.215 18.404-89.403c-3.633 3.09-8.162 4.846-12.548 5.131c-6.192.403-12.207-1.63-17.123-5.474c-9.833-7.688-14.058-23.755-5.61-39.873c3.504-6.685 10.708-17.014 17.168-29.436c6.46-12.421 11.454-26.372 10.875-35.746c-1.292-20.926-18.792-53.324-36.55-79.105c-7.74-11.237-15.319-21.18-21.51-28.979z"/>
</svg>
);Other libraries
Flip Flops in 1 more libraries
Each library draws it its own way. Open one to compare.
Game Icons
More like it
Icons that share its tags, in the same style.
Search Game Icons
Skip the copy and paste. With Pro, your AI agent finds and installs any Game Icons icon from a prompt.
Get ProTags
Browse by tag
Flip Flops is tagged leisure, relaxation, vacation and 3 more. Related tags follow; each opens its icons from every library.
Pricing
Game Icons MCP, with Pro
Ask for Flip Flops or any of 4,123 Game Icons icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.
4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.
- Secure checkout via Stripe
- Code lives in your repo
- Keep what you've shipped if you cancel
- License terms
FAQ
Frequently asked questions
What the Flip Flops icon means and where it's used, then how to install, style, label and license it.
The flip flops icon represents a type of casual footwear, often used to symbolize relaxation, leisure, or vacation. It is commonly used in contexts related to summer, beach, or travel.
In software applications, the flip flops icon is often used in travel or tourism-related applications, such as in hotel booking platforms or travel guides. It helps users understand the idea of relaxation or leisure.
From a UX perspective, the flip flops icon communicates the idea of casualness, relaxation, and leisure, allowing users to understand the tone or atmosphere of a system or process. It also provides a simple and intuitive way to display a carefree or laid-back attitude.
Flip Flops is one of 4,123 icons in Game Icons, made by GameIcons and released under CC BY 3.0. It is drawn on a 512 × 512 grid.
Sign in (it's free), then open Get icon, Install with shadcn CLI, and pick your package manager to copy the command. It adds FlipFlopsIcon to components/icons/game-icons-flip-flops.tsx: one file, a size prop (24 by default) and every SVG prop, with no icon package.
Copy it as React (from Get icon, or the Code section): a typed FlipFlopsIcon component you paste into your project, with no package to install. Only the icons you import reach your bundle. It works in Next.js and any React app.
Open Get icon, then Copy as code, and pick Vue, Svelte, Angular, Solid or Preact; the Code section shows each one too. Every version is one self-contained component with the SVG inside, and SVG and data URL copies are there for plain HTML and CSS.
With Pro, the shadcn.io MCP server lets Claude Code, Cursor or any MCP client find the Flip Flops icon, or any of 4,123 Game Icons icons, and install it from a prompt.
It's drawn in currentColor, so it takes the text color wherever you use it: a class like text-primary recolors it. To bake a color in, set one in Customize before you copy.
Set width and height on the component, or a class like size-6. It's drawn on a 512 × 512 grid, so it stays sharp at any size. Customize also sets the size it exports at, its padding and rotation.
Yes. It follows the text color, so with text-foreground (or any theme token) it changes with your light and dark themes. The icon is a vector, so it needs no separate dark asset.
Next to a visible label it's decoration: add aria-hidden="true" so screen readers skip it. Standing alone, as in an icon button, give the button a name instead, like aria-label="Flip Flops", so screen readers say what it does.
Yes. FlipFlopsIcon passes every SVG prop to the svg element, so <FlipFlopsIcon aria-hidden="true" /> works, and so do role="img" with aria-label, or a title child, when it carries meaning on its own.
Yes. Open Get icon, then Download file: SVG for code or design tools like Figma; PNG, WebP or JPEG at 512px; or an ICO favicon with 16, 32 and 48px inside. Each one uses what you set in Customize.
Yes, with credit: CC BY 3.0 asks you to credit the author (GameIcons) where you use the icons. The full terms are in the license, linked on this page.
Yes. CC BY 3.0 asks you to credit the author where you use the icons, for example "Icons by GameIcons, CC BY 3.0" on an about or credits page.
Yes. Copying and downloading it is free, and the shadcn CLI install only needs a free account.
1 other library draws an icon called Flip Flops. The Other libraries section on this page shows each one, so you can compare them and open the one that fits your style.
Its tags are leisure, relaxation, vacation, summer, beach and footwear. Each tag page lists the icons that carry it from every library, which is the quickest way to find a match for Flip Flops in another set.
4.9 out of 5 from 150+ developers
Install Flip Flops from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.
Get Pro