Home/Libraries/OpenMoji (Iconify)/dragon

OpenMoji (Iconify)

Dragon

License: CC-BY-SA-4.0

ICON SIZE

STROKE WEIGHT1.5px

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 72 72"><path fill="#b1cc33" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M46 24c-1.083-.583-4-1-5.917-.917C38.167 23.167 37 21 37 21c-.9 1.35-.315 2.768.6 3.918c1.152 1.447 2.823 2.399 4.63 2.792C47.726 28.907 48 30 48 30l-.194 2.858c3.89 1.55 4.608 4.458 4.889 5.45l-4.358.008c3.47 2.442 4.326 7.368 4.326 7.368L50 46c-.167 3-3.5 7.917-8 11s-2.25 7.75-2.25 7.75S34 58 42 51s.583-15 .583-15c1.584 12-4.416 14.583-4.416 14.583c-7.834 1.584-8.417-3.333-8.417-3.333l3.75 1.417c8.5.666.167-11.084.167-11.084c-9.334-5.416-13.667 2.417-14.084 1s1.584-4.75 1.584-4.75c-1.834-1.166-10.834 3.084-10.834 3.084c-.666-1.084 7.25-5.917 7.25-5.917C16.167 29 10 29 10 29s4-6 14.167-2.833L37 34s-6.737-6.876-8-12c-1.28-5.192 2.618-8.493 2-8l-3.33-4.332c1.943-.522 3.566.78 4.132 1.213L30.224 5.76c2.502.121 3.79 2.118 4.247 2.79L36 5l3.917 3.5s2.083-1.5 3 .25S46 14 49.083 14.583s1.5 3.917 1.5 3.917S46 17 44 17s-2.75 1.583-2.75 1.583S41 18 45 20s1 4 1 4"/><path fill="#ea5a47" d="M50 21s4 2 3 4c0 0 3.333 0 4.167 2.5S63 28 63 28l-4.333-2.167s0-2.833-1.334-2.833C56 23 53 20 50 21"/><g fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"><path d="M52.663 45.684s-.856-4.926-4.326-7.368m4.358-.007c-.281-.993-.998-3.9-4.89-5.45M48 30s-.273-1.093-5.77-2.29c-1.807-.393-3.478-1.345-4.63-2.792c-.915-1.15-1.5-2.568-.6-3.918c0 0 1.167 2.167 3.083 2.083s4.834.334 5.917.917m0 0s3-2-1-4s-3.75-1.417-3.75-1.417S42 17 44 17s6.583 1.5 6.583 1.5s1.584-3.333-1.5-3.917s-5.25-4.083-6.166-5.833s-3-.25-3-.25L36 5M24.167 26.167C14 23 10 29 10 29s6.167 0 7.583 2c0 0-7.916 4.833-7.25 5.917c0 0 9-4.25 10.834-3.084c0 0-2 3.334-1.584 4.75c.417 1.417 4.75-6.416 14.084-1c0 0 8.333 11.75-.167 11.084l-3.75-1.417s.583 4.917 8.417 3.333c0 0 6-2.583 4.416-14.583c0 0 7.417 8-.583 15s-2.25 13.75-2.25 13.75S37.5 60.083 42 57s7.833-8 8-11"/><path d="M31 14c.618-.493-3.28 2.808-2 8c1.263 5.124 8 12 8 12M34.47 8.55c-.457-.673-1.744-2.67-4.246-2.79m1.578 5.121c-.566-.432-2.19-1.735-4.133-1.213M50 21s4 2 3 4c0 0 3.333 0 4.167 2.5S63 28 63 28l-4.333-2.167s0-2.833-1.334-2.833C56 23 53 20 50 21"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. DragonIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-SA-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.