dragon icon

dragon from Font Awesome 6 Solid by Dave Gandy · Regular · Animals · CC-BY-4.0 Attribution required.

Name: dragon
Set: Font Awesome 6 Solid
Style: Regular
Category: Animals
Viewbox: 640×512
License: CC BY 4.0

The same icon in other sets

dragonEmoji One (Colored)dragonFont Awesome Solid dragonFluent Emoji dragonFluent Emoji Flat dragonFluent Emoji High Contrast dragonLine Awesome dragonNoto Emoji dragonOpenMoji dragonTabler Icons dragonTwitter Emoji

More animals icons from Font Awesome 6 Solid

cat crow dog dove feather fish frog hippo horse horse-head kiwi-bird otter paw spider

Use the dragon icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="m352 124.5l-51.9-13c-6.5-1.6-11.3-7.1-12-13.8s2.8-13.1 8.7-16.1l40.8-20.4l-43.2-32.4c-5.5-4.1-7.8-11.3-5.6-17.9S297.1 0 304 0h160c30.2 0 58.7 14.2 76.8 38.4l57.6 76.8c6.2 8.3 9.6 18.4 9.6 28.8c0 26.5-21.5 48-48 48h-21.5c-17 0-33.3-6.7-45.3-18.7L480 160h-32v21.5c0 24.8 12.8 47.9 33.8 61.1l106.6 66.6c32.1 20.1 51.6 55.2 51.6 93.1c0 60.6-49.1 109.7-109.8 109.7H32.3c-3.3 0-6.6-.4-9.6-1.4c-9.2-2.8-16.7-9.6-20.3-18.5C1 488.7.2 485.2 0 481.4c-.2-3.7.3-7.3 1.3-10.7c2.8-9.2 9.6-16.7 18.6-20.4c3-1.2 6.2-2 9.5-2.2L433.3 412c8.3-.7 14.7-7.7 14.7-16.1c0-4.3-1.7-8.4-4.7-11.4l-44.4-44.4c-30-30-46.9-70.7-46.9-113.1zm160-52.2v-.6zm-1.3 7.4l-46.4-11.6q-.3 1.95-.3 3.9c0 13.3 10.7 24 24 24c10.6 0 19.5-6.8 22.7-16.3m-379.8 36.8c16.3-14.5 40.4-16.2 58.5-4.1l130.6 87v27.5c0 32.8 8.4 64.8 24 93H112c-6.7 0-12.7-4.2-15-10.4s-.5-13.3 4.6-17.7l69.4-59.5l-152.6 23.5c-7 1.1-13.9-2.6-16.9-9S0 232.7 5.3 228z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidDragon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="m352 124.5l-51.9-13c-6.5-1.6-11.3-7.1-12-13.8s2.8-13.1 8.7-16.1l40.8-20.4l-43.2-32.4c-5.5-4.1-7.8-11.3-5.6-17.9S297.1 0 304 0h160c30.2 0 58.7 14.2 76.8 38.4l57.6 76.8c6.2 8.3 9.6 18.4 9.6 28.8c0 26.5-21.5 48-48 48h-21.5c-17 0-33.3-6.7-45.3-18.7L480 160h-32v21.5c0 24.8 12.8 47.9 33.8 61.1l106.6 66.6c32.1 20.1 51.6 55.2 51.6 93.1c0 60.6-49.1 109.7-109.8 109.7H32.3c-3.3 0-6.6-.4-9.6-1.4c-9.2-2.8-16.7-9.6-20.3-18.5C1 488.7.2 485.2 0 481.4c-.2-3.7.3-7.3 1.3-10.7c2.8-9.2 9.6-16.7 18.6-20.4c3-1.2 6.2-2 9.5-2.2L433.3 412c8.3-.7 14.7-7.7 14.7-16.1c0-4.3-1.7-8.4-4.7-11.4l-44.4-44.4c-30-30-46.9-70.7-46.9-113.1zm160-52.2v-.6zm-1.3 7.4l-46.4-11.6q-.3 1.95-.3 3.9c0 13.3 10.7 24 24 24c10.6 0 19.5-6.8 22.7-16.3m-379.8 36.8c16.3-14.5 40.4-16.2 58.5-4.1l130.6 87v27.5c0 32.8 8.4 64.8 24 93H112c-6.7 0-12.7-4.2-15-10.4s-.5-13.3 4.6-17.7l69.4-59.5l-152.6 23.5c-7 1.1-13.9-2.6-16.9-9S0 232.7 5.3 228z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="m352 124.5l-51.9-13c-6.5-1.6-11.3-7.1-12-13.8s2.8-13.1 8.7-16.1l40.8-20.4l-43.2-32.4c-5.5-4.1-7.8-11.3-5.6-17.9S297.1 0 304 0h160c30.2 0 58.7 14.2 76.8 38.4l57.6 76.8c6.2 8.3 9.6 18.4 9.6 28.8c0 26.5-21.5 48-48 48h-21.5c-17 0-33.3-6.7-45.3-18.7L480 160h-32v21.5c0 24.8 12.8 47.9 33.8 61.1l106.6 66.6c32.1 20.1 51.6 55.2 51.6 93.1c0 60.6-49.1 109.7-109.8 109.7H32.3c-3.3 0-6.6-.4-9.6-1.4c-9.2-2.8-16.7-9.6-20.3-18.5C1 488.7.2 485.2 0 481.4c-.2-3.7.3-7.3 1.3-10.7c2.8-9.2 9.6-16.7 18.6-20.4c3-1.2 6.2-2 9.5-2.2L433.3 412c8.3-.7 14.7-7.7 14.7-16.1c0-4.3-1.7-8.4-4.7-11.4l-44.4-44.4c-30-30-46.9-70.7-46.9-113.1zm160-52.2v-.6zm-1.3 7.4l-46.4-11.6q-.3 1.95-.3 3.9c0 13.3 10.7 24 24 24c10.6 0 19.5-6.8 22.7-16.3m-379.8 36.8c16.3-14.5 40.4-16.2 58.5-4.1l130.6 87v27.5c0 32.8 8.4 64.8 24 93H112c-6.7 0-12.7-4.2-15-10.4s-.5-13.3 4.6-17.7l69.4-59.5l-152.6 23.5c-7 1.1-13.9-2.6-16.9-9S0 232.7 5.3 228z"/></svg>
</template>

CSS

.icon-dragon {
  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%20640%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m352%20124.5l-51.9-13c-6.5-1.6-11.3-7.1-12-13.8s2.8-13.1%208.7-16.1l40.8-20.4l-43.2-32.4c-5.5-4.1-7.8-11.3-5.6-17.9S297.1%200%20304%200h160c30.2%200%2058.7%2014.2%2076.8%2038.4l57.6%2076.8c6.2%208.3%209.6%2018.4%209.6%2028.8c0%2026.5-21.5%2048-48%2048h-21.5c-17%200-33.3-6.7-45.3-18.7L480%20160h-32v21.5c0%2024.8%2012.8%2047.9%2033.8%2061.1l106.6%2066.6c32.1%2020.1%2051.6%2055.2%2051.6%2093.1c0%2060.6-49.1%20109.7-109.8%20109.7H32.3c-3.3%200-6.6-.4-9.6-1.4c-9.2-2.8-16.7-9.6-20.3-18.5C1%20488.7.2%20485.2%200%20481.4c-.2-3.7.3-7.3%201.3-10.7c2.8-9.2%209.6-16.7%2018.6-20.4c3-1.2%206.2-2%209.5-2.2L433.3%20412c8.3-.7%2014.7-7.7%2014.7-16.1c0-4.3-1.7-8.4-4.7-11.4l-44.4-44.4c-30-30-46.9-70.7-46.9-113.1zm160-52.2v-.6zm-1.3%207.4l-46.4-11.6q-.3%201.95-.3%203.9c0%2013.3%2010.7%2024%2024%2024c10.6%200%2019.5-6.8%2022.7-16.3m-379.8%2036.8c16.3-14.5%2040.4-16.2%2058.5-4.1l130.6%2087v27.5c0%2032.8%208.4%2064.8%2024%2093H112c-6.7%200-12.7-4.2-15-10.4s-.5-13.3%204.6-17.7l69.4-59.5l-152.6%2023.5c-7%201.1-13.9-2.6-16.9-9S0%20232.7%205.3%20228z%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%20640%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m352%20124.5l-51.9-13c-6.5-1.6-11.3-7.1-12-13.8s2.8-13.1%208.7-16.1l40.8-20.4l-43.2-32.4c-5.5-4.1-7.8-11.3-5.6-17.9S297.1%200%20304%200h160c30.2%200%2058.7%2014.2%2076.8%2038.4l57.6%2076.8c6.2%208.3%209.6%2018.4%209.6%2028.8c0%2026.5-21.5%2048-48%2048h-21.5c-17%200-33.3-6.7-45.3-18.7L480%20160h-32v21.5c0%2024.8%2012.8%2047.9%2033.8%2061.1l106.6%2066.6c32.1%2020.1%2051.6%2055.2%2051.6%2093.1c0%2060.6-49.1%20109.7-109.8%20109.7H32.3c-3.3%200-6.6-.4-9.6-1.4c-9.2-2.8-16.7-9.6-20.3-18.5C1%20488.7.2%20485.2%200%20481.4c-.2-3.7.3-7.3%201.3-10.7c2.8-9.2%209.6-16.7%2018.6-20.4c3-1.2%206.2-2%209.5-2.2L433.3%20412c8.3-.7%2014.7-7.7%2014.7-16.1c0-4.3-1.7-8.4-4.7-11.4l-44.4-44.4c-30-30-46.9-70.7-46.9-113.1zm160-52.2v-.6zm-1.3%207.4l-46.4-11.6q-.3%201.95-.3%203.9c0%2013.3%2010.7%2024%2024%2024c10.6%200%2019.5-6.8%2022.7-16.3m-379.8%2036.8c16.3-14.5%2040.4-16.2%2058.5-4.1l130.6%2087v27.5c0%2032.8%208.4%2064.8%2024%2093H112c-6.7%200-12.7-4.2-15-10.4s-.5-13.3%204.6-17.7l69.4-59.5l-152.6%2023.5c-7%201.1-13.9-2.6-16.9-9S0%20232.7%205.3%20228z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/dragon.svg?color=%231a73e8&size=48