Queen icon
glyphs:queen
The Queen icon (glyphs:queen) is a free SVG icon from the Glyphs set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs 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
- Glyphs
- Author
- Goran Spasojevic
- License
- MIT
- Size
- 80 × 80
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="m49.752 42.922l.288.413a13.96 13.96 0 0 1 2.241 10.723l-.416 2.086a12.304 12.304 0 0 1-24.133 0l-.416-2.086a13.96 13.96 0 0 1 2.241-10.723l.218-.312q.197 0 .4-.051"/><path d="M28.063 38.924c0-.837.57-1.567 1.382-1.77a43.8 43.8 0 0 1 21.236 0a1.824 1.824 0 0 1 1.382 1.77v2.4a1.7 1.7 0 0 1-2.111 1.648a40.8 40.8 0 0 0-19.778 0a1.7 1.7 0 0 1-2.111-1.648z"/><path d="m50.098 37.013l4.591-17.664l-6.19 5.908l-5.164-2.283l-3.336-8.474l-3.336 8.475l-5.163 2.282l-6.19-5.907l4.6 17.691m-.198-.76l-.056-.056a8.96 8.96 0 0 0-6.337-2.625h-.076a8.96 8.96 0 0 0-8.962 8.962v1.204a9 9 0 0 0 3.073 6.773l14.362 12.567q.089.074.19.083"/><path d="M47.655 63.19a.34.34 0 0 0 .19-.084l14.362-12.567a9 9 0 0 0 3.074-6.773v-1.204a8.96 8.96 0 0 0-8.963-8.962h-.075a8.96 8.96 0 0 0-5.815 2.142"/></g></svg>How to use the Queen icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:queen" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:queen" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:queen" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--queen]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:queen"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:queen"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/glyphs/queen.svg" alt="Queen icon" width="24" height="24">Related icons in Glyphs
Queen icon in other icon sets
Queen icon FAQ
Is the Queen icon free for commercial use?
Yes. Glyphs icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Queen icon in React?
Install @iconify/react and render <Icon icon="glyphs:queen" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Queen icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs/queen.svg" alt="Queen icon">, or paste the SVG code inline to style it with CSS.