ICONYZ
English
Fleur De Lys icon from Game Icons

Fleur De Lys icon

game-icons:fleur-de-lys

The Fleur De Lys icon (game-icons:fleur-de-lys) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Game Icons
Author
GameIcons
License
CC-BY-3.0
Size
512 × 512
Tags
fleurde, delys, fleurdelys
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M256 24c-31.466 48-62.932 96-62.932 160c0 56.794 37.144 113.568 45.514 148h34.836c8.37-34.432 45.514-91.206 45.514-148c0-64-31.466-112-62.932-160M98.637 206c-47.2 0-78.664 32-78.664 80c0 32 22.115 63.526 62.93 64c-15.732-16 .002-64 31.468-64c31.89 0 56.58 21.916 69.253 46h33.828c-13.744-47.52-49.108-126-118.813-126zm314.726 0c-69.705 0-105.07 78.48-118.814 126h33.827c12.673-24.084 37.362-46 69.252-46c31.465 0 47.2 48 31.466 64c40.816-.474 62.93-32 62.93-64c0-48-31.464-80-78.663-80zM153.076 350c-38.705 0-54.44 16-54.44 48c0 16 15.734 48 47.2 48c35.4 0 61.948-27 73.01-54h-35.682c-4.657 3.57-11.5 6-21.596 6c-15.733 0-31.464-32-8.492-48m37.694 0c.017.064.03.127.048.19c-13.29 2.16-12.694 23.343 1.793 23.79v.02H319.39l-.003-.02c14.486-.447 15.083-21.63 1.792-23.79c.017-.063.03-.126.048-.19zm168.154 0c22.972 16 7.24 48-8.492 48c-10.096 0-16.94-2.43-21.596-6h-35.682c11.062 27 37.61 54 73.01 54c31.466 0 47.2-32 47.2-48c0-32-15.735-48-54.44-48m-118.656 42c-15.733 16-15.734 48-31.467 64l31.468-16c0 16 0 32 15.732 48c15.733-16 15.732-32 15.732-48l31.467 16c-15.734-16-15.735-48-31.468-64z"/></svg>

How to use the Fleur De Lys icon

React

import { Icon } from "@iconify/react";

<Icon icon="game-icons:fleur-de-lys" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="game-icons:fleur-de-lys" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="game-icons:fleur-de-lys" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--fleur-de-lys]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:fleur-de-lys"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="game-icons:fleur-de-lys"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/fleur-de-lys.svg" alt="Fleur De Lys icon" width="24" height="24">

Fleur De Lys icon FAQ

Is the Fleur De Lys icon free for commercial use?

Yes. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Fleur De Lys icon in React?

Install @iconify/react and render <Icon icon="game-icons:fleur-de-lys" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Fleur De Lys icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/fleur-de-lys.svg" alt="Fleur De Lys icon">, or paste the SVG code inline to style it with CSS.

Browse all Game Icons →