fleur de lis icon

fleur-de-lis from Material Design Icons by Pictogrammers · Filled · Apache-2.0 Free for personal and commercial use.

Name: fleur-de-lis
Set: Material Design Icons
Style: Filled
Viewbox: 24×24
License: Apache 2.0

The same icon in other sets

fleur-de-lisEmoji One (Colored)fleur-de-lisFluent Emoji fleur-de-lisFluent Emoji Flat fleur-de-lisFluent Emoji High Contrast fleur-de-lisNoto Emoji fleur-de-lisOpenMoji fleur-de-lisTwitter Emoji

Use the fleur de lis icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2S9 4 9 7s2 5 2 9h-1s0-2-1-4c-2-4-6-2-6 1s2 3 2 3c0-3 3.5-3 3.5 0H7v2h3.5L9 20s1 1 2 0l1 2l1-2c1 1 2 0 2 0l-1.5-2H17v-2h-1.5c0-3 3.5-3 3.5 0c0 0 2 0 2-3s-4-5-6-1c-1 2-1 4-1 4h-1c0-4 2-6 2-9s-3-5-3-5"/></svg>

React

import type { SVGProps } from "react";

export function MdiFleurDeLis(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2S9 4 9 7s2 5 2 9h-1s0-2-1-4c-2-4-6-2-6 1s2 3 2 3c0-3 3.5-3 3.5 0H7v2h3.5L9 20s1 1 2 0l1 2l1-2c1 1 2 0 2 0l-1.5-2H17v-2h-1.5c0-3 3.5-3 3.5 0c0 0 2 0 2-3s-4-5-6-1c-1 2-1 4-1 4h-1c0-4 2-6 2-9s-3-5-3-5"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2S9 4 9 7s2 5 2 9h-1s0-2-1-4c-2-4-6-2-6 1s2 3 2 3c0-3 3.5-3 3.5 0H7v2h3.5L9 20s1 1 2 0l1 2l1-2c1 1 2 0 2 0l-1.5-2H17v-2h-1.5c0-3 3.5-3 3.5 0c0 0 2 0 2-3s-4-5-6-1c-1 2-1 4-1 4h-1c0-4 2-6 2-9s-3-5-3-5"/></svg>
</template>

CSS

.icon-fleur-de-lis {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%202S9%204%209%207s2%205%202%209h-1s0-2-1-4c-2-4-6-2-6%201s2%203%202%203c0-3%203.5-3%203.5%200H7v2h3.5L9%2020s1%201%202%200l1%202l1-2c1%201%202%200%202%200l-1.5-2H17v-2h-1.5c0-3%203.5-3%203.5%200c0%200%202%200%202-3s-4-5-6-1c-1%202-1%204-1%204h-1c0-4%202-6%202-9s-3-5-3-5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%202S9%204%209%207s2%205%202%209h-1s0-2-1-4c-2-4-6-2-6%201s2%203%202%203c0-3%203.5-3%203.5%200H7v2h3.5L9%2020s1%201%202%200l1%202l1-2c1%201%202%200%202%200l-1.5-2H17v-2h-1.5c0-3%203.5-3%203.5%200c0%200%202%200%202-3s-4-5-6-1c-1%202-1%204-1%204h-1c0-4%202-6%202-9s-3-5-3-5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/fleur-de-lis.svg?color=%231a73e8&size=48