Flag Chequered Sharp Duotone icon
keyline-icons:flag-chequered-sharp-duotone
The Flag Chequered Sharp Duotone icon (keyline-icons:flag-chequered-sharp-duotone) is a free SVG icon from the Keyline Icons set. It is drawn on a 24 × 24 grid. Keyline 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
- Keyline Icons
- Author
- Keyline Icons
- License
- MIT
- Size
- 24 × 24
- Tags
- flagchequered, chequeredsharp, sharpduotone, flagchequeredsharpduotone
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M5 4.5139C5.9674 4.8359 6.9804 5 8 5C8.1111 5 8.2223 4.998 8.3333 4.9942L8.3333 8.4926C8.2223 8.4975 8.1112 8.5 8 8.5C6.9676 8.5 5.9462 8.2868 5 7.8739L5 4.5139ZM15.6667 3.0074C15.7777 3.0025 15.8888 3 16 3C17.0324 3 18.0538 3.2132 19 3.6261L19 6.9861C18.0326 6.6641 17.0196 6.5 16 6.5C15.8889 6.5 15.7777 6.502 15.6667 6.5058L15.6667 3.0074ZM10.3333 10.209C10.9061 10.0639 11.4641 9.8656 12 9.6168C12.5213 9.3271 13.081 9.0639 13.6667 8.8722L13.6667 12.291C13.0939 12.4361 12.5359 12.6344 12 12.8832C11.4787 13.1729 10.919 13.4361 10.3333 13.6278L10.3333 10.209Z" stroke="none"/><path d="M4 14C5.2311 14.6566 6.6048 15 8 15C9.3952 15 10.7689 14.6566 12 14C13.2311 13.3434 14.6048 13 16 13C17.3952 13 18.7689 13.3434 20 14L20 3C18.7689 2.3434 17.3952 2 16 2C14.6048 2 13.2311 2.3434 12 3C10.7689 3.6566 9.3952 4 8 4C6.6048 4 5.2311 3.6566 4 3L4 23M9.3333 3.8948L9.3333 14.8948M14.6667 2.1052L14.6667 13.1052M4 8.5C5.2311 9.1566 6.6048 9.5 8 9.5C9.3952 9.5 10.7689 9.1566 12 8.5C13.2311 7.8434 14.6048 7.5 16 7.5C17.3952 7.5 18.7689 7.8434 20 8.5"/></g></svg>
How to use the Flag Chequered Sharp Duotone icon
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:flag-chequered-sharp-duotone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:flag-chequered-sharp-duotone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:flag-chequered-sharp-duotone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--flag-chequered-sharp-duotone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:flag-chequered-sharp-duotone"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:flag-chequered-sharp-duotone"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/keyline-icons/flag-chequered-sharp-duotone.svg" alt="Flag Chequered Sharp Duotone icon" width="24" height="24">
Related icons in Keyline Icons
Flag Chequered Sharp Duotone icon FAQ
Is the Flag Chequered Sharp Duotone icon free for commercial use?
Yes. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Flag Chequered Sharp Duotone icon in React?
Install @iconify/react and render <Icon icon="keyline-icons:flag-chequered-sharp-duotone" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Flag Chequered Sharp Duotone icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/keyline-icons/flag-chequered-sharp-duotone.svg" alt="Flag Chequered Sharp Duotone icon">, or paste the SVG code inline to style it with CSS.
Browse all Keyline Icons →
ICONYZ
