dragon icon
dragon from Line Awesome by Icons8 · Line · Tabletop Gaming · Apache-2.0 Free for personal and commercial use.
- Name
- dragon
- Set
- Line Awesome
- Style
- Line
- Category
- Tabletop Gaming
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- dragon-solid
The same icon in other sets
More tabletop gaming icons from Line Awesome
Use the dragon icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M8 3v6l-5 1.5L6.5 14L4 19h5v10h2v-9.152c1.297.562 2.66 1.14 5.004 2.074c0 .027-.004.05-.004.078c0 2.23.7 4.047 1.98 5.25C19.258 28.457 21.04 29 23 29v-2c-1.602 0-2.82-.426-3.652-1.203c-.711-.672-1.192-1.645-1.317-3.063c1.317.496 2.5.914 3.32 1.137c.286.074.579.113.868.113c1.82 0 3.582-1.453 3.914-3.297L27 16l-3 2c-4.688 0-5.8-3-5.8-3c.35-.844 1.077-1.441 1.921-1.879L21 14v-1.262c.188-.066.375-.12.563-.175L23 14v-1.781c.059-.012.125-.028.184-.035L25 14v-2l3 2V9.152c0-1.476-1-2.836-2.45-3.101A3 3 0 0 0 25 6c-.8 0-1.516.336-2.055.852L21.5 3L20 7h-6zm2 3.734l2.89 1.93l.505.336h10.277l.594-.656a1 1 0 0 1 .922-.328c.457.086.812.582.812 1.136V10h-.395l-.015-.008L25 10h-.031c-.707.012-6.938.23-8.614 4.227l-.304.726l.273.738C16.918 17.293 19.2 20 24 20h.227l-.063.34c-.156.875-1.066 1.644-1.945 1.644a1.2 1.2 0 0 1-.348-.047c-3.082-.828-11.976-4.73-12.066-4.769L9.422 17H7.234l1.055-2.105l.645-1.29l-2.153-2.152l1.797-.535l1.422-.43zM13 10s.23 2 2 2s3-2 3-2z"/></svg>
React
import type { SVGProps } from "react";
export function LaDragon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M8 3v6l-5 1.5L6.5 14L4 19h5v10h2v-9.152c1.297.562 2.66 1.14 5.004 2.074c0 .027-.004.05-.004.078c0 2.23.7 4.047 1.98 5.25C19.258 28.457 21.04 29 23 29v-2c-1.602 0-2.82-.426-3.652-1.203c-.711-.672-1.192-1.645-1.317-3.063c1.317.496 2.5.914 3.32 1.137c.286.074.579.113.868.113c1.82 0 3.582-1.453 3.914-3.297L27 16l-3 2c-4.688 0-5.8-3-5.8-3c.35-.844 1.077-1.441 1.921-1.879L21 14v-1.262c.188-.066.375-.12.563-.175L23 14v-1.781c.059-.012.125-.028.184-.035L25 14v-2l3 2V9.152c0-1.476-1-2.836-2.45-3.101A3 3 0 0 0 25 6c-.8 0-1.516.336-2.055.852L21.5 3L20 7h-6zm2 3.734l2.89 1.93l.505.336h10.277l.594-.656a1 1 0 0 1 .922-.328c.457.086.812.582.812 1.136V10h-.395l-.015-.008L25 10h-.031c-.707.012-6.938.23-8.614 4.227l-.304.726l.273.738C16.918 17.293 19.2 20 24 20h.227l-.063.34c-.156.875-1.066 1.644-1.945 1.644a1.2 1.2 0 0 1-.348-.047c-3.082-.828-11.976-4.73-12.066-4.769L9.422 17H7.234l1.055-2.105l.645-1.29l-2.153-2.152l1.797-.535l1.422-.43zM13 10s.23 2 2 2s3-2 3-2z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M8 3v6l-5 1.5L6.5 14L4 19h5v10h2v-9.152c1.297.562 2.66 1.14 5.004 2.074c0 .027-.004.05-.004.078c0 2.23.7 4.047 1.98 5.25C19.258 28.457 21.04 29 23 29v-2c-1.602 0-2.82-.426-3.652-1.203c-.711-.672-1.192-1.645-1.317-3.063c1.317.496 2.5.914 3.32 1.137c.286.074.579.113.868.113c1.82 0 3.582-1.453 3.914-3.297L27 16l-3 2c-4.688 0-5.8-3-5.8-3c.35-.844 1.077-1.441 1.921-1.879L21 14v-1.262c.188-.066.375-.12.563-.175L23 14v-1.781c.059-.012.125-.028.184-.035L25 14v-2l3 2V9.152c0-1.476-1-2.836-2.45-3.101A3 3 0 0 0 25 6c-.8 0-1.516.336-2.055.852L21.5 3L20 7h-6zm2 3.734l2.89 1.93l.505.336h10.277l.594-.656a1 1 0 0 1 .922-.328c.457.086.812.582.812 1.136V10h-.395l-.015-.008L25 10h-.031c-.707.012-6.938.23-8.614 4.227l-.304.726l.273.738C16.918 17.293 19.2 20 24 20h.227l-.063.34c-.156.875-1.066 1.644-1.945 1.644a1.2 1.2 0 0 1-.348-.047c-3.082-.828-11.976-4.73-12.066-4.769L9.422 17H7.234l1.055-2.105l.645-1.29l-2.153-2.152l1.797-.535l1.422-.43zM13 10s.23 2 2 2s3-2 3-2z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8%203v6l-5%201.5L6.5%2014L4%2019h5v10h2v-9.152c1.297.562%202.66%201.14%205.004%202.074c0%20.027-.004.05-.004.078c0%202.23.7%204.047%201.98%205.25C19.258%2028.457%2021.04%2029%2023%2029v-2c-1.602%200-2.82-.426-3.652-1.203c-.711-.672-1.192-1.645-1.317-3.063c1.317.496%202.5.914%203.32%201.137c.286.074.579.113.868.113c1.82%200%203.582-1.453%203.914-3.297L27%2016l-3%202c-4.688%200-5.8-3-5.8-3c.35-.844%201.077-1.441%201.921-1.879L21%2014v-1.262c.188-.066.375-.12.563-.175L23%2014v-1.781c.059-.012.125-.028.184-.035L25%2014v-2l3%202V9.152c0-1.476-1-2.836-2.45-3.101A3%203%200%200%200%2025%206c-.8%200-1.516.336-2.055.852L21.5%203L20%207h-6zm2%203.734l2.89%201.93l.505.336h10.277l.594-.656a1%201%200%200%201%20.922-.328c.457.086.812.582.812%201.136V10h-.395l-.015-.008L25%2010h-.031c-.707.012-6.938.23-8.614%204.227l-.304.726l.273.738C16.918%2017.293%2019.2%2020%2024%2020h.227l-.063.34c-.156.875-1.066%201.644-1.945%201.644a1.2%201.2%200%200%201-.348-.047c-3.082-.828-11.976-4.73-12.066-4.769L9.422%2017H7.234l1.055-2.105l.645-1.29l-2.153-2.152l1.797-.535l1.422-.43zM13%2010s.23%202%202%202s3-2%203-2z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8%203v6l-5%201.5L6.5%2014L4%2019h5v10h2v-9.152c1.297.562%202.66%201.14%205.004%202.074c0%20.027-.004.05-.004.078c0%202.23.7%204.047%201.98%205.25C19.258%2028.457%2021.04%2029%2023%2029v-2c-1.602%200-2.82-.426-3.652-1.203c-.711-.672-1.192-1.645-1.317-3.063c1.317.496%202.5.914%203.32%201.137c.286.074.579.113.868.113c1.82%200%203.582-1.453%203.914-3.297L27%2016l-3%202c-4.688%200-5.8-3-5.8-3c.35-.844%201.077-1.441%201.921-1.879L21%2014v-1.262c.188-.066.375-.12.563-.175L23%2014v-1.781c.059-.012.125-.028.184-.035L25%2014v-2l3%202V9.152c0-1.476-1-2.836-2.45-3.101A3%203%200%200%200%2025%206c-.8%200-1.516.336-2.055.852L21.5%203L20%207h-6zm2%203.734l2.89%201.93l.505.336h10.277l.594-.656a1%201%200%200%201%20.922-.328c.457.086.812.582.812%201.136V10h-.395l-.015-.008L25%2010h-.031c-.707.012-6.938.23-8.614%204.227l-.304.726l.273.738C16.918%2017.293%2019.2%2020%2024%2020h.227l-.063.34c-.156.875-1.066%201.644-1.945%201.644a1.2%201.2%200%200%201-.348-.047c-3.082-.828-11.976-4.73-12.066-4.769L9.422%2017H7.234l1.055-2.105l.645-1.29l-2.153-2.152l1.797-.535l1.422-.43zM13%2010s.23%202%202%202s3-2%203-2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/dragon.svg?color=%231a73e8&size=48
