Dragonfly icon

game-icons:dragonfly

The Dragonfly icon (game-icons:dragonfly) 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

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="M131.613 21.576a36 36 0 0 0-1.998.05a34 34 0 0 0-4.52.55c-11.974 2.296-21.052 13.1-23.2 26.908c-1.396 8.968-.708 19.472 2.136 31.824a105 105 0 0 0-7.227-2.967c-7.13-2.6-14-4.21-20.438-4.467s-12.443.842-17.84 3.662c-10.794 5.64-16.044 18.626-14.44 32.8c1.602 14.17 8.625 30.916 21.837 51.21C85.398 191.062 114.3 228.23 144.48 253.7c14.917 12.59 30.117 22.445 45.584 26.738c-.845-6.264-.584-12.854.627-19.44c-10.287-3.848-22.168-11.46-34.16-21.58c-27.774-23.44-56.247-59.745-74.946-88.47c-12.245-18.808-17.856-33.625-18.93-43.116s.955-12.268 4.528-14.135s11.803-2.362 23.216 1.8c6.458 2.357 13.792 6.067 21.65 11.18c11.93 32.113 30.72 71.88 53.518 102.02c9.756 12.898 20.218 24.092 31.672 32.06c2.543-5.522 5.687-10.984 9.403-16.294c-8.655-6.367-17.628-15.747-26.17-27.04c-14.347-18.968-27.52-43.103-38.09-66.32c32.386 29.372 52.07 54.056 72.23 83.198a123 123 0 0 1 13.552-13.241c-22.464-32.146-45.464-60.11-85.05-94.265c-5.26-4.537-10.46-8.602-15.573-12.21c-6.9-19.66-8.5-34.132-7.18-42.628c1.36-8.733 3.763-10.564 8.255-11.426c4.493-.86 13.276 1.01 23.797 7.91c10.52 6.9 22.59 18.372 34.285 34.187c30.384 41.094 45.308 71.17 59.217 106.19c5.643-3.123 11.385-5.618 17.12-7.444c-14.292-35.772-30.187-67.765-61.31-109.857c-12.76-17.26-26.134-30.224-39.062-38.704c-10.605-6.955-21.034-11.202-31.05-11.236zM292.355 122.99a22.1 22.1 0 0 0-15.687 6.498c-8.665 8.665-8.665 22.715 0 31.38c4.917 4.918 11.566 7.04 17.982 6.378c-4.65 11.852-2.165 25.768 7.47 35.404c9.343 9.343 22.71 11.97 34.316 7.885c-.43 6.184 1.71 12.515 6.437 17.242c8.665 8.666 22.714 8.665 31.38 0c8.664-8.665 8.664-22.715 0-31.38c-4.767-4.766-11.16-6.905-17.392-6.428c3.984-11.56 1.338-24.823-7.95-34.11c-6.5-6.5-14.947-9.75-23.394-9.75c-3.78 0-7.56.657-11.164 1.958c.86-6.598-1.238-13.51-6.307-18.58a22.12 22.12 0 0 0-15.69-6.498zm-15.388 74.147a58 58 0 0 0-2.574.5c-13.036 2.85-28.087 11.024-41.024 23.96c-12.937 12.938-21.11 27.99-23.96 41.026c-2.175 9.95-1.36 18.227 1.922 24.367c-46.51 35.78-149.555 119.44-185.19 139.307c-14.113 46.802-2.547 79.386 57.16 57.16c18.846-36.327 105.196-141.11 141.325-185.81c5.487 1.66 12.187 1.78 19.898.093c13.036-2.85 28.087-11.024 41.024-23.96c12.935-12.938 21.108-27.99 23.958-41.026c.304-1.394.537-2.747.726-4.074a51.3 51.3 0 0 1-21.328-12.815a51.3 51.3 0 0 1-11.94-18.728zm48.976 46.455c-1.79 5.75-4.26 11.512-7.357 17.176c38.903 14.977 70.47 29.76 114.947 62.648c15.813 11.693 27.286 23.765 34.186 34.285c6.9 10.522 8.767 19.307 7.905 23.8s-2.693 6.895-11.426 8.254c-8.733 1.36-23.76-.352-44.264-7.748a406 406 0 0 1-5.54-2.05a213 213 0 0 0-8.058-9.92c-36.56-42.378-66.137-65.798-101.258-89.868a125 125 0 0 1-6.316 6.826a123 123 0 0 1-7.15 6.592c29.87 20.288 54.574 39.032 83.163 69.332c-19.92-9.646-39.86-21.038-56.037-33.275c-14.147-10.703-25.3-22.084-31.267-32.666c-5.08 3.958-10.33 7.383-15.67 10.246c7.99 13.694 20.677 25.987 35.664 37.324c28.014 21.192 64.35 38.923 95.127 50.902c7.14 9.994 12.13 19.315 15.04 27.298c4.164 11.414 3.668 19.646 1.802 23.22c-1.867 3.572-4.645 5.6-14.135 4.526s-24.304-6.685-43.113-18.93c-28.722-18.7-65.025-47.176-88.464-74.953c-11.72-13.887-20.09-27.632-23.127-38.92a56 56 0 0 1-.518-2.067c-.52.125-1.04.262-1.56.375c-5.727 1.252-11.486 1.777-17.063 1.512c.29 1.687.645 3.37 1.094 5.035c4.21 15.65 14.155 31.03 26.89 46.12c25.468 30.18 62.636 59.084 92.55 78.562c20.293 13.21 37.04 20.234 51.21 21.837c14.173 1.604 27.16-3.65 32.8-14.443s4.393-24.016-.81-38.276c-1.363-3.74-3.038-7.587-5.008-11.516c14.58 3.888 26.72 4.976 36.89 3.393c13.807-2.148 24.612-11.228 26.908-23.2c2.297-11.973-2.156-24.64-10.634-37.567c-8.48-12.928-21.443-26.302-38.7-39.064c-45.53-33.667-79.24-49.524-118.703-64.798z"/></svg>

How to use the Dragonfly icon

React

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

<Icon icon="game-icons:dragonfly" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:dragonfly" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:dragonfly" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="game-icons:dragonfly"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/dragonfly.svg" alt="Dragonfly icon" width="24" height="24">

Dragonfly icon in other icon sets

Dragonfly icon FAQ

Is the Dragonfly 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 Dragonfly icon in React?

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

How do I add the Dragonfly icon to a web page?

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

Browse all Game Icons →