Wiphala icon
circle-flags:wiphala
The Wiphala icon (circle-flags:wiphala) is a free SVG icon from the Circle Flags set by HatScripts. It is drawn on a 512 × 512 grid. Circle Flags icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Circle Flags
- Author
- HatScripts
- License
- MIT
- Size
- 512 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="SVGuywqVbel"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGuywqVbel)"><path fill="#eee" d="M0 73V0h73l439 439v73h-73Z"/><path fill="#ffda44" d="M73 0v73h73v73h73v73h74v74h73v73h73v73h73v-73l-73-73l-73-73v-1l-73-73l-74-73l-73-73z"/><path fill="#ff9811" d="M146 0v73h73v73h74v73h73v74h73v73h73v-73l-73-74L293 73L219 0z"/><path fill="#d80027" d="M219 0v73h74v73h73v73h73v74h73v-74l-73-73l-73-73l-73-73z"/><path fill="#4a1f63" d="M293 0v73h73v73h73v73h73v-73l-73-73l-73-73z"/><path fill="#0052b4" d="M366 0v73h73v73h73V73L439 0z"/><path fill="#6da544" d="M439 0v73h73V0Zm0 512v-73h-74v-73h-73v-73h-73v-74h-73v-73H73V73H0v73l73 73l73 73v1l73 73l73 73l73 73z"/><path fill="#0052b4" d="M366 512v-73h-74v-73h-73v-73h-73v-74H73v-73H0v73l73 74l146 146l73 73z"/><path fill="#4a1f63" d="M292 512v-73h-73v-73h-73v-73H73v-74H0v74l73 73l73 73l73 73z"/><path fill="#d80027" d="M219 512v-73h-73v-73H73v-74H0v74l73 73l73 73z"/><path fill="#ff9811" d="M146 512v-73H73v-73H0v73l73 73z"/><path fill="#ffda44" d="M73 512v-73H0v73z"/></g></svg>How to use the Wiphala icon
React
import { Icon } from "@iconify/react";
<Icon icon="circle-flags:wiphala" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="circle-flags:wiphala" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="circle-flags:wiphala" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[circle-flags--wiphala]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/circle-flags -->
<div class="i-circle-flags:wiphala"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="circle-flags:wiphala"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/circle-flags/wiphala.svg" alt="Wiphala icon" width="24" height="24">Wiphala icon FAQ
Is the Wiphala icon free for commercial use?
Yes. Circle Flags icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Wiphala icon in React?
Install @iconify/react and render <Icon icon="circle-flags:wiphala" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Wiphala icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/circle-flags/wiphala.svg" alt="Wiphala icon">, or paste the SVG code inline to style it with CSS.