Northern Cyprus icon
circle-flags:northern-cyprus
The Northern Cyprus icon (circle-flags:northern-cyprus) 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
- Tags
- northerncyprus
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 0v48l32 24L0 96v320l32 24l-32 24v48h512v-48l-32-24l32-24V96l-32-24l32-24V0Z"/><path fill="#d80027" d="M0 464h512v-48H0ZM0 48v48h512V48Zm270 255v-94l55 76l-89-29l89-29z"/><path fill="#d80027" d="M185 167a89 89 0 1 0 62 153a72 72 0 0 1-34 8a72 72 0 1 1 34-136a89 89 0 0 0-62-25"/></g></svg>How to use the Northern Cyprus icon
React
import { Icon } from "@iconify/react";
<Icon icon="circle-flags:northern-cyprus" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="circle-flags:northern-cyprus" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="circle-flags:northern-cyprus" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[circle-flags--northern-cyprus]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/circle-flags -->
<div class="i-circle-flags:northern-cyprus"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="circle-flags:northern-cyprus"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/circle-flags/northern-cyprus.svg" alt="Northern Cyprus icon" width="24" height="24">Northern Cyprus icon FAQ
Is the Northern Cyprus 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 Northern Cyprus icon in React?
Install @iconify/react and render <Icon icon="circle-flags:northern-cyprus" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Northern Cyprus icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/circle-flags/northern-cyprus.svg" alt="Northern Cyprus icon">, or paste the SVG code inline to style it with CSS.