# dragon icon Dragon. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/dragon - Category: Games & sports - Use it for: dragon, mythical creature - Tags: dragon, mythical-creature, fantasy, myth, legend, monster, rpg, wyvern, beast - Component name: DragonIcon - Added: 2026-11-12 ## Files Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. - line-round: https://gentleface.com/svg/line-round/16/dragon.svg · PNG https://gentleface.com/png/line-round/16/dragon.png · https://gentleface.com/png/line-round/32/dragon.png · https://gentleface.com/png/line-round/48/dragon.png - line-soft: https://gentleface.com/svg/line-soft/16/dragon.svg · PNG https://gentleface.com/png/line-soft/16/dragon.png · https://gentleface.com/png/line-soft/32/dragon.png · https://gentleface.com/png/line-soft/48/dragon.png - line-sharp: https://gentleface.com/svg/line-sharp/16/dragon.svg · PNG https://gentleface.com/png/line-sharp/16/dragon.png · https://gentleface.com/png/line-sharp/32/dragon.png · https://gentleface.com/png/line-sharp/48/dragon.png - solid-round: https://gentleface.com/svg/solid-round/16/dragon.svg · PNG https://gentleface.com/png/solid-round/16/dragon.png · https://gentleface.com/png/solid-round/32/dragon.png · https://gentleface.com/png/solid-round/48/dragon.png - solid-soft: https://gentleface.com/svg/solid-soft/16/dragon.svg · PNG https://gentleface.com/png/solid-soft/16/dragon.png · https://gentleface.com/png/solid-soft/32/dragon.png · https://gentleface.com/png/solid-soft/48/dragon.png - solid-sharp: https://gentleface.com/svg/solid-sharp/16/dragon.svg · PNG https://gentleface.com/png/solid-sharp/16/dragon.png · https://gentleface.com/png/solid-sharp/32/dragon.png · https://gentleface.com/png/solid-sharp/48/dragon.png The SVG of every style: https://gentleface.com/icons/dragon.json (`svg`). ## Code (line-round) The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. For another style, take its SVG from the JSON and swap the path `d`. ### SVG ```svg ``` ### React ```tsx // Gentleface "dragon" (line-round), MIT. https://gentleface.com/icons/dragon import type { SVGProps } from 'react'; export function DragonIcon(props: SVGProps) { return ( ); } ``` ### Vue ```vue ``` ### Svelte ```svelte ``` ### HTML img ```html

``` ### CSS ```css /* Gentleface "dragon" (line-round), MIT. https://gentleface.com/icons/dragon. Takes the text color. */ .icon-dragon { display: inline-block; width: 16px; height: 16px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M11.037 4.808L11.526 3.342C11.578 3.184 11.684 3.078 11.842 3.026C11.973 2.982 12.1 2.991 12.224 3.053C12.347 3.115 12.431 3.211 12.474 3.342L12.724 4.092C12.783 4.269 12.874 4.428 12.997 4.569C13.119 4.71 13.264 4.823 13.431 4.906L14.053 5.217C14.343 5.363 14.573 5.573 14.744 5.849C14.915 6.125 15 6.425 15 6.75C15 6.908 14.967 7.058 14.901 7.202C14.828 7.362 14.722 7.497 14.582 7.606C14.443 7.714 14.287 7.785 14.113 7.817C13.958 7.846 13.804 7.841 13.651 7.803L12.495 7.514C12.455 7.578 12.389 7.721 12.298 7.941C12.188 8.206 12.088 8.433 11.998 8.62C11.981 9.093 11.867 9.612 11.656 10.176C11.531 10.507 11.313 10.988 10.999 11.619C10.996 12.009 10.973 12.33 10.931 12.582C10.838 13.138 10.646 13.561 10.354 13.854C10.256 13.951 10.138 14 10 14L9 14C8.724 14 8.488 13.902 8.293 13.707C8.098 13.512 8 13.276 8 13C7.769 13 7.602 13.033 7.499 13.098C7.437 13.137 7.347 13.239 7.227 13.403C7.085 13.596 6.961 13.746 6.854 13.854C6.756 13.951 6.638 14 6.5 14L6 14C5.724 14 5.488 13.902 5.293 13.707C5.098 13.512 5 13.276 5 13L5 11.998C4.735 11.995 4.522 11.991 4.362 11.984C3.931 11.966 3.551 11.927 3.223 11.867C2.357 11.709 1.665 11.372 1.146 10.854C1.047 10.754 0.997 10.636 0.997 10.5C0.997 10.364 1.047 10.246 1.146 10.146C1.447 9.846 1.896 9.653 2.492 9.568C2.704 9.537 2.954 9.517 3.242 9.508C3.409 9.503 3.661 9.5 4 9.5C4.171 9.5 4.397 9.456 4.678 9.367C4.829 9.319 5.054 9.237 5.352 9.12C5.317 9.095 5.282 9.069 5.247 9.042C5.101 8.928 4.944 8.783 4.776 8.604C4.679 8.502 4.533 8.338 4.337 8.112C4.047 7.777 3.817 7.524 3.646 7.354C3.549 7.256 3.5 7.138 3.5 7C3.5 6.859 3.548 6.741 3.644 6.644C3.741 6.548 3.859 6.5 4 6.5C4.121 6.5 4.206 6.481 4.252 6.442C4.285 6.415 4.307 6.366 4.319 6.293C4.339 6.174 4.328 6.026 4.287 5.848C4.241 5.652 4.163 5.444 4.053 5.224C4.018 5.153 4 5.079 4 5C4 4.859 4.048 4.741 4.144 4.644C4.241 4.548 4.359 4.5 4.5 4.5C4.647 4.5 4.779 4.464 4.894 4.391C5.009 4.319 5.108 4.21 5.191 4.064C5.397 3.704 5.5 3.182 5.5 2.5C5.5 2.412 5.521 2.329 5.564 2.253C5.607 2.177 5.667 2.117 5.743 2.071C5.861 2 5.987 1.981 6.121 2.015C6.255 2.048 6.358 2.124 6.429 2.243C7.233 3.583 7.866 4.744 8.327 5.725C8.731 6.583 9.053 7.403 9.292 8.186C9.378 8.089 9.465 7.953 9.553 7.776L11.037 4.808ZM8.339 8.489C8.114 7.75 7.808 6.97 7.423 6.15C7.124 5.515 6.749 4.8 6.299 4.004C6.235 4.208 6.155 4.393 6.059 4.561C5.89 4.856 5.678 5.084 5.421 5.244C5.347 5.291 5.271 5.33 5.192 5.364C5.322 5.765 5.36 6.129 5.306 6.457C5.253 6.776 5.113 7.029 4.888 7.214L4.884 7.218C4.95 7.293 5.02 7.373 5.093 7.457C5.28 7.672 5.416 7.826 5.503 7.918C5.636 8.059 5.756 8.171 5.861 8.253C6.073 8.418 6.286 8.5 6.5 8.5L7.5 8.5C7.882 8.5 8.161 8.496 8.339 8.489ZM6.276 13C6.319 12.946 6.367 12.884 6.42 12.812C6.51 12.689 6.582 12.598 6.635 12.537C6.737 12.423 6.846 12.329 6.961 12.255C7.228 12.085 7.574 12 8 12L8.25 12C8.457 12 8.634 12.073 8.78 12.22C8.927 12.366 9 12.543 9 12.75L9 13L9.757 13C9.841 12.858 9.903 12.664 9.944 12.418C9.981 12.195 10 11.889 10 11.5C10 11.421 10.018 11.347 10.053 11.276C10.378 10.625 10.6 10.141 10.719 9.824C10.906 9.325 11 8.884 11 8.5C11 8.421 11.018 8.347 11.053 8.276C11.145 8.092 11.252 7.852 11.374 7.559C11.442 7.395 11.492 7.278 11.525 7.208C11.588 7.076 11.652 6.968 11.716 6.883C11.912 6.628 12.174 6.5 12.5 6.5C12.541 6.5 12.581 6.505 12.621 6.515L13.894 6.833C13.921 6.84 13.945 6.835 13.967 6.817C13.989 6.8 14 6.778 14 6.75C14 6.615 13.964 6.49 13.893 6.375C13.822 6.26 13.726 6.172 13.606 6.112L12.983 5.801C12.698 5.658 12.45 5.466 12.241 5.225C12.168 5.14 12.101 5.051 12.041 4.959L11.974 5.158C11.967 5.181 11.958 5.202 11.947 5.224L10.447 8.224C10.298 8.522 10.137 8.758 9.963 8.932C9.799 9.095 9.609 9.221 9.393 9.309C9.293 9.436 9.162 9.5 9 9.5L7.5 9.5C7.329 9.5 7.103 9.544 6.822 9.633C6.636 9.692 6.341 9.802 5.936 9.964C5.507 10.136 5.188 10.254 4.979 10.321C4.6 10.44 4.274 10.5 4 10.5C3.357 10.5 2.901 10.519 2.633 10.557C2.576 10.566 2.522 10.575 2.47 10.585C2.74 10.72 3.05 10.819 3.402 10.883C3.685 10.935 4.019 10.968 4.404 10.985C4.642 10.995 5.007 11 5.5 11C5.641 11 5.759 11.048 5.856 11.144C5.952 11.241 6 11.359 6 11.5L6 13L6.276 13Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M11.037 4.808L11.526 3.342C11.578 3.184 11.684 3.078 11.842 3.026C11.973 2.982 12.1 2.991 12.224 3.053C12.347 3.115 12.431 3.211 12.474 3.342L12.724 4.092C12.783 4.269 12.874 4.428 12.997 4.569C13.119 4.71 13.264 4.823 13.431 4.906L14.053 5.217C14.343 5.363 14.573 5.573 14.744 5.849C14.915 6.125 15 6.425 15 6.75C15 6.908 14.967 7.058 14.901 7.202C14.828 7.362 14.722 7.497 14.582 7.606C14.443 7.714 14.287 7.785 14.113 7.817C13.958 7.846 13.804 7.841 13.651 7.803L12.495 7.514C12.455 7.578 12.389 7.721 12.298 7.941C12.188 8.206 12.088 8.433 11.998 8.62C11.981 9.093 11.867 9.612 11.656 10.176C11.531 10.507 11.313 10.988 10.999 11.619C10.996 12.009 10.973 12.33 10.931 12.582C10.838 13.138 10.646 13.561 10.354 13.854C10.256 13.951 10.138 14 10 14L9 14C8.724 14 8.488 13.902 8.293 13.707C8.098 13.512 8 13.276 8 13C7.769 13 7.602 13.033 7.499 13.098C7.437 13.137 7.347 13.239 7.227 13.403C7.085 13.596 6.961 13.746 6.854 13.854C6.756 13.951 6.638 14 6.5 14L6 14C5.724 14 5.488 13.902 5.293 13.707C5.098 13.512 5 13.276 5 13L5 11.998C4.735 11.995 4.522 11.991 4.362 11.984C3.931 11.966 3.551 11.927 3.223 11.867C2.357 11.709 1.665 11.372 1.146 10.854C1.047 10.754 0.997 10.636 0.997 10.5C0.997 10.364 1.047 10.246 1.146 10.146C1.447 9.846 1.896 9.653 2.492 9.568C2.704 9.537 2.954 9.517 3.242 9.508C3.409 9.503 3.661 9.5 4 9.5C4.171 9.5 4.397 9.456 4.678 9.367C4.829 9.319 5.054 9.237 5.352 9.12C5.317 9.095 5.282 9.069 5.247 9.042C5.101 8.928 4.944 8.783 4.776 8.604C4.679 8.502 4.533 8.338 4.337 8.112C4.047 7.777 3.817 7.524 3.646 7.354C3.549 7.256 3.5 7.138 3.5 7C3.5 6.859 3.548 6.741 3.644 6.644C3.741 6.548 3.859 6.5 4 6.5C4.121 6.5 4.206 6.481 4.252 6.442C4.285 6.415 4.307 6.366 4.319 6.293C4.339 6.174 4.328 6.026 4.287 5.848C4.241 5.652 4.163 5.444 4.053 5.224C4.018 5.153 4 5.079 4 5C4 4.859 4.048 4.741 4.144 4.644C4.241 4.548 4.359 4.5 4.5 4.5C4.647 4.5 4.779 4.464 4.894 4.391C5.009 4.319 5.108 4.21 5.191 4.064C5.397 3.704 5.5 3.182 5.5 2.5C5.5 2.412 5.521 2.329 5.564 2.253C5.607 2.177 5.667 2.117 5.743 2.071C5.861 2 5.987 1.981 6.121 2.015C6.255 2.048 6.358 2.124 6.429 2.243C7.233 3.583 7.866 4.744 8.327 5.725C8.731 6.583 9.053 7.403 9.292 8.186C9.378 8.089 9.465 7.953 9.553 7.776L11.037 4.808ZM8.339 8.489C8.114 7.75 7.808 6.97 7.423 6.15C7.124 5.515 6.749 4.8 6.299 4.004C6.235 4.208 6.155 4.393 6.059 4.561C5.89 4.856 5.678 5.084 5.421 5.244C5.347 5.291 5.271 5.33 5.192 5.364C5.322 5.765 5.36 6.129 5.306 6.457C5.253 6.776 5.113 7.029 4.888 7.214L4.884 7.218C4.95 7.293 5.02 7.373 5.093 7.457C5.28 7.672 5.416 7.826 5.503 7.918C5.636 8.059 5.756 8.171 5.861 8.253C6.073 8.418 6.286 8.5 6.5 8.5L7.5 8.5C7.882 8.5 8.161 8.496 8.339 8.489ZM6.276 13C6.319 12.946 6.367 12.884 6.42 12.812C6.51 12.689 6.582 12.598 6.635 12.537C6.737 12.423 6.846 12.329 6.961 12.255C7.228 12.085 7.574 12 8 12L8.25 12C8.457 12 8.634 12.073 8.78 12.22C8.927 12.366 9 12.543 9 12.75L9 13L9.757 13C9.841 12.858 9.903 12.664 9.944 12.418C9.981 12.195 10 11.889 10 11.5C10 11.421 10.018 11.347 10.053 11.276C10.378 10.625 10.6 10.141 10.719 9.824C10.906 9.325 11 8.884 11 8.5C11 8.421 11.018 8.347 11.053 8.276C11.145 8.092 11.252 7.852 11.374 7.559C11.442 7.395 11.492 7.278 11.525 7.208C11.588 7.076 11.652 6.968 11.716 6.883C11.912 6.628 12.174 6.5 12.5 6.5C12.541 6.5 12.581 6.505 12.621 6.515L13.894 6.833C13.921 6.84 13.945 6.835 13.967 6.817C13.989 6.8 14 6.778 14 6.75C14 6.615 13.964 6.49 13.893 6.375C13.822 6.26 13.726 6.172 13.606 6.112L12.983 5.801C12.698 5.658 12.45 5.466 12.241 5.225C12.168 5.14 12.101 5.051 12.041 4.959L11.974 5.158C11.967 5.181 11.958 5.202 11.947 5.224L10.447 8.224C10.298 8.522 10.137 8.758 9.963 8.932C9.799 9.095 9.609 9.221 9.393 9.309C9.293 9.436 9.162 9.5 9 9.5L7.5 9.5C7.329 9.5 7.103 9.544 6.822 9.633C6.636 9.692 6.341 9.802 5.936 9.964C5.507 10.136 5.188 10.254 4.979 10.321C4.6 10.44 4.274 10.5 4 10.5C3.357 10.5 2.901 10.519 2.633 10.557C2.576 10.566 2.522 10.575 2.47 10.585C2.74 10.72 3.05 10.819 3.402 10.883C3.685 10.935 4.019 10.968 4.404 10.985C4.642 10.995 5.007 11 5.5 11C5.641 11 5.759 11.048 5.856 11.144C5.952 11.241 6 11.359 6 11.5L6 13L6.276 13Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat; } ``` ### Data URL ```text data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M11.037 4.808L11.526 3.342C11.578 3.184 11.684 3.078 11.842 3.026C11.973 2.982 12.1 2.991 12.224 3.053C12.347 3.115 12.431 3.211 12.474 3.342L12.724 4.092C12.783 4.269 12.874 4.428 12.997 4.569C13.119 4.71 13.264 4.823 13.431 4.906L14.053 5.217C14.343 5.363 14.573 5.573 14.744 5.849C14.915 6.125 15 6.425 15 6.75C15 6.908 14.967 7.058 14.901 7.202C14.828 7.362 14.722 7.497 14.582 7.606C14.443 7.714 14.287 7.785 14.113 7.817C13.958 7.846 13.804 7.841 13.651 7.803L12.495 7.514C12.455 7.578 12.389 7.721 12.298 7.941C12.188 8.206 12.088 8.433 11.998 8.62C11.981 9.093 11.867 9.612 11.656 10.176C11.531 10.507 11.313 10.988 10.999 11.619C10.996 12.009 10.973 12.33 10.931 12.582C10.838 13.138 10.646 13.561 10.354 13.854C10.256 13.951 10.138 14 10 14L9 14C8.724 14 8.488 13.902 8.293 13.707C8.098 13.512 8 13.276 8 13C7.769 13 7.602 13.033 7.499 13.098C7.437 13.137 7.347 13.239 7.227 13.403C7.085 13.596 6.961 13.746 6.854 13.854C6.756 13.951 6.638 14 6.5 14L6 14C5.724 14 5.488 13.902 5.293 13.707C5.098 13.512 5 13.276 5 13L5 11.998C4.735 11.995 4.522 11.991 4.362 11.984C3.931 11.966 3.551 11.927 3.223 11.867C2.357 11.709 1.665 11.372 1.146 10.854C1.047 10.754 0.997 10.636 0.997 10.5C0.997 10.364 1.047 10.246 1.146 10.146C1.447 9.846 1.896 9.653 2.492 9.568C2.704 9.537 2.954 9.517 3.242 9.508C3.409 9.503 3.661 9.5 4 9.5C4.171 9.5 4.397 9.456 4.678 9.367C4.829 9.319 5.054 9.237 5.352 9.12C5.317 9.095 5.282 9.069 5.247 9.042C5.101 8.928 4.944 8.783 4.776 8.604C4.679 8.502 4.533 8.338 4.337 8.112C4.047 7.777 3.817 7.524 3.646 7.354C3.549 7.256 3.5 7.138 3.5 7C3.5 6.859 3.548 6.741 3.644 6.644C3.741 6.548 3.859 6.5 4 6.5C4.121 6.5 4.206 6.481 4.252 6.442C4.285 6.415 4.307 6.366 4.319 6.293C4.339 6.174 4.328 6.026 4.287 5.848C4.241 5.652 4.163 5.444 4.053 5.224C4.018 5.153 4 5.079 4 5C4 4.859 4.048 4.741 4.144 4.644C4.241 4.548 4.359 4.5 4.5 4.5C4.647 4.5 4.779 4.464 4.894 4.391C5.009 4.319 5.108 4.21 5.191 4.064C5.397 3.704 5.5 3.182 5.5 2.5C5.5 2.412 5.521 2.329 5.564 2.253C5.607 2.177 5.667 2.117 5.743 2.071C5.861 2 5.987 1.981 6.121 2.015C6.255 2.048 6.358 2.124 6.429 2.243C7.233 3.583 7.866 4.744 8.327 5.725C8.731 6.583 9.053 7.403 9.292 8.186C9.378 8.089 9.465 7.953 9.553 7.776L11.037 4.808ZM8.339 8.489C8.114 7.75 7.808 6.97 7.423 6.15C7.124 5.515 6.749 4.8 6.299 4.004C6.235 4.208 6.155 4.393 6.059 4.561C5.89 4.856 5.678 5.084 5.421 5.244C5.347 5.291 5.271 5.33 5.192 5.364C5.322 5.765 5.36 6.129 5.306 6.457C5.253 6.776 5.113 7.029 4.888 7.214L4.884 7.218C4.95 7.293 5.02 7.373 5.093 7.457C5.28 7.672 5.416 7.826 5.503 7.918C5.636 8.059 5.756 8.171 5.861 8.253C6.073 8.418 6.286 8.5 6.5 8.5L7.5 8.5C7.882 8.5 8.161 8.496 8.339 8.489ZM6.276 13C6.319 12.946 6.367 12.884 6.42 12.812C6.51 12.689 6.582 12.598 6.635 12.537C6.737 12.423 6.846 12.329 6.961 12.255C7.228 12.085 7.574 12 8 12L8.25 12C8.457 12 8.634 12.073 8.78 12.22C8.927 12.366 9 12.543 9 12.75L9 13L9.757 13C9.841 12.858 9.903 12.664 9.944 12.418C9.981 12.195 10 11.889 10 11.5C10 11.421 10.018 11.347 10.053 11.276C10.378 10.625 10.6 10.141 10.719 9.824C10.906 9.325 11 8.884 11 8.5C11 8.421 11.018 8.347 11.053 8.276C11.145 8.092 11.252 7.852 11.374 7.559C11.442 7.395 11.492 7.278 11.525 7.208C11.588 7.076 11.652 6.968 11.716 6.883C11.912 6.628 12.174 6.5 12.5 6.5C12.541 6.5 12.581 6.505 12.621 6.515L13.894 6.833C13.921 6.84 13.945 6.835 13.967 6.817C13.989 6.8 14 6.778 14 6.75C14 6.615 13.964 6.49 13.893 6.375C13.822 6.26 13.726 6.172 13.606 6.112L12.983 5.801C12.698 5.658 12.45 5.466 12.241 5.225C12.168 5.14 12.101 5.051 12.041 4.959L11.974 5.158C11.967 5.181 11.958 5.202 11.947 5.224L10.447 8.224C10.298 8.522 10.137 8.758 9.963 8.932C9.799 9.095 9.609 9.221 9.393 9.309C9.293 9.436 9.162 9.5 9 9.5L7.5 9.5C7.329 9.5 7.103 9.544 6.822 9.633C6.636 9.692 6.341 9.802 5.936 9.964C5.507 10.136 5.188 10.254 4.979 10.321C4.6 10.44 4.274 10.5 4 10.5C3.357 10.5 2.901 10.519 2.633 10.557C2.576 10.566 2.522 10.575 2.47 10.585C2.74 10.72 3.05 10.819 3.402 10.883C3.685 10.935 4.019 10.968 4.404 10.985C4.642 10.995 5.007 11 5.5 11C5.641 11 5.759 11.048 5.856 11.144C5.952 11.241 6 11.359 6 11.5L6 13L6.276 13Z'/%3E%3C/svg%3E ``` ### Sprite ```html ``` ### SwiftUI ```swift // Gentleface "dragon" (line-round), MIT. https://gentleface.com/icons/dragon import SwiftUI struct DragonIcon: Shape { func path(in rect: CGRect) -> Path { var p = Path() p.move(to: CGPoint(x: 11.037, y: 4.808)) p.addLine(to: CGPoint(x: 11.526, y: 3.342)) p.addCurve(to: CGPoint(x: 11.842, y: 3.026), control1: CGPoint(x: 11.578, y: 3.184), control2: CGPoint(x: 11.684, y: 3.078)) p.addCurve(to: CGPoint(x: 12.224, y: 3.053), control1: CGPoint(x: 11.973, y: 2.982), control2: CGPoint(x: 12.1, y: 2.991)) p.addCurve(to: CGPoint(x: 12.474, y: 3.342), control1: CGPoint(x: 12.347, y: 3.115), control2: CGPoint(x: 12.431, y: 3.211)) p.addLine(to: CGPoint(x: 12.724, y: 4.092)) p.addCurve(to: CGPoint(x: 12.997, y: 4.569), control1: CGPoint(x: 12.783, y: 4.269), control2: CGPoint(x: 12.874, y: 4.428)) p.addCurve(to: CGPoint(x: 13.431, y: 4.906), control1: CGPoint(x: 13.119, y: 4.71), control2: CGPoint(x: 13.264, y: 4.823)) p.addLine(to: CGPoint(x: 14.053, y: 5.217)) p.addCurve(to: CGPoint(x: 14.744, y: 5.849), control1: CGPoint(x: 14.343, y: 5.363), control2: CGPoint(x: 14.573, y: 5.573)) p.addCurve(to: CGPoint(x: 15, y: 6.75), control1: CGPoint(x: 14.915, y: 6.125), control2: CGPoint(x: 15, y: 6.425)) p.addCurve(to: CGPoint(x: 14.901, y: 7.202), control1: CGPoint(x: 15, y: 6.908), control2: CGPoint(x: 14.967, y: 7.058)) p.addCurve(to: CGPoint(x: 14.582, y: 7.606), control1: CGPoint(x: 14.828, y: 7.362), control2: CGPoint(x: 14.722, y: 7.497)) p.addCurve(to: CGPoint(x: 14.113, y: 7.817), control1: CGPoint(x: 14.443, y: 7.714), control2: CGPoint(x: 14.287, y: 7.785)) p.addCurve(to: CGPoint(x: 13.651, y: 7.803), control1: CGPoint(x: 13.958, y: 7.846), control2: CGPoint(x: 13.804, y: 7.841)) p.addLine(to: CGPoint(x: 12.495, y: 7.514)) p.addCurve(to: CGPoint(x: 12.298, y: 7.941), control1: CGPoint(x: 12.455, y: 7.578), control2: CGPoint(x: 12.389, y: 7.721)) p.addCurve(to: CGPoint(x: 11.998, y: 8.62), control1: CGPoint(x: 12.188, y: 8.206), control2: CGPoint(x: 12.088, y: 8.433)) p.addCurve(to: CGPoint(x: 11.656, y: 10.176), control1: CGPoint(x: 11.981, y: 9.093), control2: CGPoint(x: 11.867, y: 9.612)) p.addCurve(to: CGPoint(x: 10.999, y: 11.619), control1: CGPoint(x: 11.531, y: 10.507), control2: CGPoint(x: 11.313, y: 10.988)) p.addCurve(to: CGPoint(x: 10.931, y: 12.582), control1: CGPoint(x: 10.996, y: 12.009), control2: CGPoint(x: 10.973, y: 12.33)) p.addCurve(to: CGPoint(x: 10.354, y: 13.854), control1: CGPoint(x: 10.838, y: 13.138), control2: CGPoint(x: 10.646, y: 13.561)) p.addCurve(to: CGPoint(x: 10, y: 14), control1: CGPoint(x: 10.256, y: 13.951), control2: CGPoint(x: 10.138, y: 14)) p.addLine(to: CGPoint(x: 9, y: 14)) p.addCurve(to: CGPoint(x: 8.293, y: 13.707), control1: CGPoint(x: 8.724, y: 14), control2: CGPoint(x: 8.488, y: 13.902)) p.addCurve(to: CGPoint(x: 8, y: 13), control1: CGPoint(x: 8.098, y: 13.512), control2: CGPoint(x: 8, y: 13.276)) p.addCurve(to: CGPoint(x: 7.499, y: 13.098), control1: CGPoint(x: 7.769, y: 13), control2: CGPoint(x: 7.602, y: 13.033)) p.addCurve(to: CGPoint(x: 7.227, y: 13.403), control1: CGPoint(x: 7.437, y: 13.137), control2: CGPoint(x: 7.347, y: 13.239)) p.addCurve(to: CGPoint(x: 6.854, y: 13.854), control1: CGPoint(x: 7.085, y: 13.596), control2: CGPoint(x: 6.961, y: 13.746)) p.addCurve(to: CGPoint(x: 6.5, y: 14), control1: CGPoint(x: 6.756, y: 13.951), control2: CGPoint(x: 6.638, y: 14)) p.addLine(to: CGPoint(x: 6, y: 14)) p.addCurve(to: CGPoint(x: 5.293, y: 13.707), control1: CGPoint(x: 5.724, y: 14), control2: CGPoint(x: 5.488, y: 13.902)) p.addCurve(to: CGPoint(x: 5, y: 13), control1: CGPoint(x: 5.098, y: 13.512), control2: CGPoint(x: 5, y: 13.276)) p.addLine(to: CGPoint(x: 5, y: 11.998)) p.addCurve(to: CGPoint(x: 4.362, y: 11.984), control1: CGPoint(x: 4.735, y: 11.995), control2: CGPoint(x: 4.522, y: 11.991)) p.addCurve(to: CGPoint(x: 3.223, y: 11.867), control1: CGPoint(x: 3.931, y: 11.966), control2: CGPoint(x: 3.551, y: 11.927)) p.addCurve(to: CGPoint(x: 1.146, y: 10.854), control1: CGPoint(x: 2.357, y: 11.709), control2: CGPoint(x: 1.665, y: 11.372)) p.addCurve(to: CGPoint(x: 0.997, y: 10.5), control1: CGPoint(x: 1.047, y: 10.754), control2: CGPoint(x: 0.997, y: 10.636)) p.addCurve(to: CGPoint(x: 1.146, y: 10.146), control1: CGPoint(x: 0.997, y: 10.364), control2: CGPoint(x: 1.047, y: 10.246)) p.addCurve(to: CGPoint(x: 2.492, y: 9.568), control1: CGPoint(x: 1.447, y: 9.846), control2: CGPoint(x: 1.896, y: 9.653)) p.addCurve(to: CGPoint(x: 3.242, y: 9.508), control1: CGPoint(x: 2.704, y: 9.537), control2: CGPoint(x: 2.954, y: 9.517)) p.addCurve(to: CGPoint(x: 4, y: 9.5), control1: CGPoint(x: 3.409, y: 9.503), control2: CGPoint(x: 3.661, y: 9.5)) p.addCurve(to: CGPoint(x: 4.678, y: 9.367), control1: CGPoint(x: 4.171, y: 9.5), control2: CGPoint(x: 4.397, y: 9.456)) p.addCurve(to: CGPoint(x: 5.352, y: 9.12), control1: CGPoint(x: 4.829, y: 9.319), control2: CGPoint(x: 5.054, y: 9.237)) p.addCurve(to: CGPoint(x: 5.247, y: 9.042), control1: CGPoint(x: 5.317, y: 9.095), control2: CGPoint(x: 5.282, y: 9.069)) p.addCurve(to: CGPoint(x: 4.776, y: 8.604), control1: CGPoint(x: 5.101, y: 8.928), control2: CGPoint(x: 4.944, y: 8.783)) p.addCurve(to: CGPoint(x: 4.337, y: 8.112), control1: CGPoint(x: 4.679, y: 8.502), control2: CGPoint(x: 4.533, y: 8.338)) p.addCurve(to: CGPoint(x: 3.646, y: 7.354), control1: CGPoint(x: 4.047, y: 7.777), control2: CGPoint(x: 3.817, y: 7.524)) p.addCurve(to: CGPoint(x: 3.5, y: 7), control1: CGPoint(x: 3.549, y: 7.256), control2: CGPoint(x: 3.5, y: 7.138)) p.addCurve(to: CGPoint(x: 3.644, y: 6.644), control1: CGPoint(x: 3.5, y: 6.859), control2: CGPoint(x: 3.548, y: 6.741)) p.addCurve(to: CGPoint(x: 4, y: 6.5), control1: CGPoint(x: 3.741, y: 6.548), control2: CGPoint(x: 3.859, y: 6.5)) p.addCurve(to: CGPoint(x: 4.252, y: 6.442), control1: CGPoint(x: 4.121, y: 6.5), control2: CGPoint(x: 4.206, y: 6.481)) p.addCurve(to: CGPoint(x: 4.319, y: 6.293), control1: CGPoint(x: 4.285, y: 6.415), control2: CGPoint(x: 4.307, y: 6.366)) p.addCurve(to: CGPoint(x: 4.287, y: 5.848), control1: CGPoint(x: 4.339, y: 6.174), control2: CGPoint(x: 4.328, y: 6.026)) p.addCurve(to: CGPoint(x: 4.053, y: 5.224), control1: CGPoint(x: 4.241, y: 5.652), control2: CGPoint(x: 4.163, y: 5.444)) p.addCurve(to: CGPoint(x: 4, y: 5), control1: CGPoint(x: 4.018, y: 5.153), control2: CGPoint(x: 4, y: 5.079)) p.addCurve(to: CGPoint(x: 4.144, y: 4.644), control1: CGPoint(x: 4, y: 4.859), control2: CGPoint(x: 4.048, y: 4.741)) p.addCurve(to: CGPoint(x: 4.5, y: 4.5), control1: CGPoint(x: 4.241, y: 4.548), control2: CGPoint(x: 4.359, y: 4.5)) p.addCurve(to: CGPoint(x: 4.894, y: 4.391), control1: CGPoint(x: 4.647, y: 4.5), control2: CGPoint(x: 4.779, y: 4.464)) p.addCurve(to: CGPoint(x: 5.191, y: 4.064), control1: CGPoint(x: 5.009, y: 4.319), control2: CGPoint(x: 5.108, y: 4.21)) p.addCurve(to: CGPoint(x: 5.5, y: 2.5), control1: CGPoint(x: 5.397, y: 3.704), control2: CGPoint(x: 5.5, y: 3.182)) p.addCurve(to: CGPoint(x: 5.564, y: 2.253), control1: CGPoint(x: 5.5, y: 2.412), control2: CGPoint(x: 5.521, y: 2.329)) p.addCurve(to: CGPoint(x: 5.743, y: 2.071), control1: CGPoint(x: 5.607, y: 2.177), control2: CGPoint(x: 5.667, y: 2.117)) p.addCurve(to: CGPoint(x: 6.121, y: 2.015), control1: CGPoint(x: 5.861, y: 2), control2: CGPoint(x: 5.987, y: 1.981)) p.addCurve(to: CGPoint(x: 6.429, y: 2.243), control1: CGPoint(x: 6.255, y: 2.048), control2: CGPoint(x: 6.358, y: 2.124)) p.addCurve(to: CGPoint(x: 8.327, y: 5.725), control1: CGPoint(x: 7.233, y: 3.583), control2: CGPoint(x: 7.866, y: 4.744)) p.addCurve(to: CGPoint(x: 9.292, y: 8.186), control1: CGPoint(x: 8.731, y: 6.583), control2: CGPoint(x: 9.053, y: 7.403)) p.addCurve(to: CGPoint(x: 9.553, y: 7.776), control1: CGPoint(x: 9.378, y: 8.089), control2: CGPoint(x: 9.465, y: 7.953)) p.addLine(to: CGPoint(x: 11.037, y: 4.808)) p.closeSubpath() p.move(to: CGPoint(x: 8.339, y: 8.489)) p.addCurve(to: CGPoint(x: 7.423, y: 6.15), control1: CGPoint(x: 8.114, y: 7.75), control2: CGPoint(x: 7.808, y: 6.97)) p.addCurve(to: CGPoint(x: 6.299, y: 4.004), control1: CGPoint(x: 7.124, y: 5.515), control2: CGPoint(x: 6.749, y: 4.8)) p.addCurve(to: CGPoint(x: 6.059, y: 4.561), control1: CGPoint(x: 6.235, y: 4.208), control2: CGPoint(x: 6.155, y: 4.393)) p.addCurve(to: CGPoint(x: 5.421, y: 5.244), control1: CGPoint(x: 5.89, y: 4.856), control2: CGPoint(x: 5.678, y: 5.084)) p.addCurve(to: CGPoint(x: 5.192, y: 5.364), control1: CGPoint(x: 5.347, y: 5.291), control2: CGPoint(x: 5.271, y: 5.33)) p.addCurve(to: CGPoint(x: 5.306, y: 6.457), control1: CGPoint(x: 5.322, y: 5.765), control2: CGPoint(x: 5.36, y: 6.129)) p.addCurve(to: CGPoint(x: 4.888, y: 7.214), control1: CGPoint(x: 5.253, y: 6.776), control2: CGPoint(x: 5.113, y: 7.029)) p.addLine(to: CGPoint(x: 4.884, y: 7.218)) p.addCurve(to: CGPoint(x: 5.093, y: 7.457), control1: CGPoint(x: 4.95, y: 7.293), control2: CGPoint(x: 5.02, y: 7.373)) p.addCurve(to: CGPoint(x: 5.503, y: 7.918), control1: CGPoint(x: 5.28, y: 7.672), control2: CGPoint(x: 5.416, y: 7.826)) p.addCurve(to: CGPoint(x: 5.861, y: 8.253), control1: CGPoint(x: 5.636, y: 8.059), control2: CGPoint(x: 5.756, y: 8.171)) p.addCurve(to: CGPoint(x: 6.5, y: 8.5), control1: CGPoint(x: 6.073, y: 8.418), control2: CGPoint(x: 6.286, y: 8.5)) p.addLine(to: CGPoint(x: 7.5, y: 8.5)) p.addCurve(to: CGPoint(x: 8.339, y: 8.489), control1: CGPoint(x: 7.882, y: 8.5), control2: CGPoint(x: 8.161, y: 8.496)) p.closeSubpath() p.move(to: CGPoint(x: 6.276, y: 13)) p.addCurve(to: CGPoint(x: 6.42, y: 12.812), control1: CGPoint(x: 6.319, y: 12.946), control2: CGPoint(x: 6.367, y: 12.884)) p.addCurve(to: CGPoint(x: 6.635, y: 12.537), control1: CGPoint(x: 6.51, y: 12.689), control2: CGPoint(x: 6.582, y: 12.598)) p.addCurve(to: CGPoint(x: 6.961, y: 12.255), control1: CGPoint(x: 6.737, y: 12.423), control2: CGPoint(x: 6.846, y: 12.329)) p.addCurve(to: CGPoint(x: 8, y: 12), control1: CGPoint(x: 7.228, y: 12.085), control2: CGPoint(x: 7.574, y: 12)) p.addLine(to: CGPoint(x: 8.25, y: 12)) p.addCurve(to: CGPoint(x: 8.78, y: 12.22), control1: CGPoint(x: 8.457, y: 12), control2: CGPoint(x: 8.634, y: 12.073)) p.addCurve(to: CGPoint(x: 9, y: 12.75), control1: CGPoint(x: 8.927, y: 12.366), control2: CGPoint(x: 9, y: 12.543)) p.addLine(to: CGPoint(x: 9, y: 13)) p.addLine(to: CGPoint(x: 9.757, y: 13)) p.addCurve(to: CGPoint(x: 9.944, y: 12.418), control1: CGPoint(x: 9.841, y: 12.858), control2: CGPoint(x: 9.903, y: 12.664)) p.addCurve(to: CGPoint(x: 10, y: 11.5), control1: CGPoint(x: 9.981, y: 12.195), control2: CGPoint(x: 10, y: 11.889)) p.addCurve(to: CGPoint(x: 10.053, y: 11.276), control1: CGPoint(x: 10, y: 11.421), control2: CGPoint(x: 10.018, y: 11.347)) p.addCurve(to: CGPoint(x: 10.719, y: 9.824), control1: CGPoint(x: 10.378, y: 10.625), control2: CGPoint(x: 10.6, y: 10.141)) p.addCurve(to: CGPoint(x: 11, y: 8.5), control1: CGPoint(x: 10.906, y: 9.325), control2: CGPoint(x: 11, y: 8.884)) p.addCurve(to: CGPoint(x: 11.053, y: 8.276), control1: CGPoint(x: 11, y: 8.421), control2: CGPoint(x: 11.018, y: 8.347)) p.addCurve(to: CGPoint(x: 11.374, y: 7.559), control1: CGPoint(x: 11.145, y: 8.092), control2: CGPoint(x: 11.252, y: 7.852)) p.addCurve(to: CGPoint(x: 11.525, y: 7.208), control1: CGPoint(x: 11.442, y: 7.395), control2: CGPoint(x: 11.492, y: 7.278)) p.addCurve(to: CGPoint(x: 11.716, y: 6.883), control1: CGPoint(x: 11.588, y: 7.076), control2: CGPoint(x: 11.652, y: 6.968)) p.addCurve(to: CGPoint(x: 12.5, y: 6.5), control1: CGPoint(x: 11.912, y: 6.628), control2: CGPoint(x: 12.174, y: 6.5)) p.addCurve(to: CGPoint(x: 12.621, y: 6.515), control1: CGPoint(x: 12.541, y: 6.5), control2: CGPoint(x: 12.581, y: 6.505)) p.addLine(to: CGPoint(x: 13.894, y: 6.833)) p.addCurve(to: CGPoint(x: 13.967, y: 6.817), control1: CGPoint(x: 13.921, y: 6.84), control2: CGPoint(x: 13.945, y: 6.835)) p.addCurve(to: CGPoint(x: 14, y: 6.75), control1: CGPoint(x: 13.989, y: 6.8), control2: CGPoint(x: 14, y: 6.778)) p.addCurve(to: CGPoint(x: 13.893, y: 6.375), control1: CGPoint(x: 14, y: 6.615), control2: CGPoint(x: 13.964, y: 6.49)) p.addCurve(to: CGPoint(x: 13.606, y: 6.112), control1: CGPoint(x: 13.822, y: 6.26), control2: CGPoint(x: 13.726, y: 6.172)) p.addLine(to: CGPoint(x: 12.983, y: 5.801)) p.addCurve(to: CGPoint(x: 12.241, y: 5.225), control1: CGPoint(x: 12.698, y: 5.658), control2: CGPoint(x: 12.45, y: 5.466)) p.addCurve(to: CGPoint(x: 12.041, y: 4.959), control1: CGPoint(x: 12.168, y: 5.14), control2: CGPoint(x: 12.101, y: 5.051)) p.addLine(to: CGPoint(x: 11.974, y: 5.158)) p.addCurve(to: CGPoint(x: 11.947, y: 5.224), control1: CGPoint(x: 11.967, y: 5.181), control2: CGPoint(x: 11.958, y: 5.202)) p.addLine(to: CGPoint(x: 10.447, y: 8.224)) p.addCurve(to: CGPoint(x: 9.963, y: 8.932), control1: CGPoint(x: 10.298, y: 8.522), control2: CGPoint(x: 10.137, y: 8.758)) p.addCurve(to: CGPoint(x: 9.393, y: 9.309), control1: CGPoint(x: 9.799, y: 9.095), control2: CGPoint(x: 9.609, y: 9.221)) p.addCurve(to: CGPoint(x: 9, y: 9.5), control1: CGPoint(x: 9.293, y: 9.436), control2: CGPoint(x: 9.162, y: 9.5)) p.addLine(to: CGPoint(x: 7.5, y: 9.5)) p.addCurve(to: CGPoint(x: 6.822, y: 9.633), control1: CGPoint(x: 7.329, y: 9.5), control2: CGPoint(x: 7.103, y: 9.544)) p.addCurve(to: CGPoint(x: 5.936, y: 9.964), control1: CGPoint(x: 6.636, y: 9.692), control2: CGPoint(x: 6.341, y: 9.802)) p.addCurve(to: CGPoint(x: 4.979, y: 10.321), control1: CGPoint(x: 5.507, y: 10.136), control2: CGPoint(x: 5.188, y: 10.254)) p.addCurve(to: CGPoint(x: 4, y: 10.5), control1: CGPoint(x: 4.6, y: 10.44), control2: CGPoint(x: 4.274, y: 10.5)) p.addCurve(to: CGPoint(x: 2.633, y: 10.557), control1: CGPoint(x: 3.357, y: 10.5), control2: CGPoint(x: 2.901, y: 10.519)) p.addCurve(to: CGPoint(x: 2.47, y: 10.585), control1: CGPoint(x: 2.576, y: 10.566), control2: CGPoint(x: 2.522, y: 10.575)) p.addCurve(to: CGPoint(x: 3.402, y: 10.883), control1: CGPoint(x: 2.74, y: 10.72), control2: CGPoint(x: 3.05, y: 10.819)) p.addCurve(to: CGPoint(x: 4.404, y: 10.985), control1: CGPoint(x: 3.685, y: 10.935), control2: CGPoint(x: 4.019, y: 10.968)) p.addCurve(to: CGPoint(x: 5.5, y: 11), control1: CGPoint(x: 4.642, y: 10.995), control2: CGPoint(x: 5.007, y: 11)) p.addCurve(to: CGPoint(x: 5.856, y: 11.144), control1: CGPoint(x: 5.641, y: 11), control2: CGPoint(x: 5.759, y: 11.048)) p.addCurve(to: CGPoint(x: 6, y: 11.5), control1: CGPoint(x: 5.952, y: 11.241), control2: CGPoint(x: 6, y: 11.359)) p.addLine(to: CGPoint(x: 6, y: 13)) p.addLine(to: CGPoint(x: 6.276, y: 13)) p.closeSubpath() return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16)) } } // DragonIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp. ``` ### Compose ```kotlin // Gentleface "dragon" (line-round), MIT. https://gentleface.com/icons/dragon import androidx.compose.ui.graphics.Color import androidx.compose.ui.graphics.SolidColor import androidx.compose.ui.graphics.vector.ImageVector import androidx.compose.ui.graphics.vector.addPathNodes import androidx.compose.ui.unit.dp val DragonIcon: ImageVector by lazy { ImageVector.Builder( name = "dragon", defaultWidth = 16.dp, defaultHeight = 16.dp, viewportWidth = 16f, viewportHeight = 16f, ).addPath( pathData = addPathNodes("M11.037 4.808L11.526 3.342C11.578 3.184 11.684 3.078 11.842 3.026C11.973 2.982 12.1 2.991 12.224 3.053C12.347 3.115 12.431 3.211 12.474 3.342L12.724 4.092C12.783 4.269 12.874 4.428 12.997 4.569C13.119 4.71 13.264 4.823 13.431 4.906L14.053 5.217C14.343 5.363 14.573 5.573 14.744 5.849C14.915 6.125 15 6.425 15 6.75C15 6.908 14.967 7.058 14.901 7.202C14.828 7.362 14.722 7.497 14.582 7.606C14.443 7.714 14.287 7.785 14.113 7.817C13.958 7.846 13.804 7.841 13.651 7.803L12.495 7.514C12.455 7.578 12.389 7.721 12.298 7.941C12.188 8.206 12.088 8.433 11.998 8.62C11.981 9.093 11.867 9.612 11.656 10.176C11.531 10.507 11.313 10.988 10.999 11.619C10.996 12.009 10.973 12.33 10.931 12.582C10.838 13.138 10.646 13.561 10.354 13.854C10.256 13.951 10.138 14 10 14L9 14C8.724 14 8.488 13.902 8.293 13.707C8.098 13.512 8 13.276 8 13C7.769 13 7.602 13.033 7.499 13.098C7.437 13.137 7.347 13.239 7.227 13.403C7.085 13.596 6.961 13.746 6.854 13.854C6.756 13.951 6.638 14 6.5 14L6 14C5.724 14 5.488 13.902 5.293 13.707C5.098 13.512 5 13.276 5 13L5 11.998C4.735 11.995 4.522 11.991 4.362 11.984C3.931 11.966 3.551 11.927 3.223 11.867C2.357 11.709 1.665 11.372 1.146 10.854C1.047 10.754 0.997 10.636 0.997 10.5C0.997 10.364 1.047 10.246 1.146 10.146C1.447 9.846 1.896 9.653 2.492 9.568C2.704 9.537 2.954 9.517 3.242 9.508C3.409 9.503 3.661 9.5 4 9.5C4.171 9.5 4.397 9.456 4.678 9.367C4.829 9.319 5.054 9.237 5.352 9.12C5.317 9.095 5.282 9.069 5.247 9.042C5.101 8.928 4.944 8.783 4.776 8.604C4.679 8.502 4.533 8.338 4.337 8.112C4.047 7.777 3.817 7.524 3.646 7.354C3.549 7.256 3.5 7.138 3.5 7C3.5 6.859 3.548 6.741 3.644 6.644C3.741 6.548 3.859 6.5 4 6.5C4.121 6.5 4.206 6.481 4.252 6.442C4.285 6.415 4.307 6.366 4.319 6.293C4.339 6.174 4.328 6.026 4.287 5.848C4.241 5.652 4.163 5.444 4.053 5.224C4.018 5.153 4 5.079 4 5C4 4.859 4.048 4.741 4.144 4.644C4.241 4.548 4.359 4.5 4.5 4.5C4.647 4.5 4.779 4.464 4.894 4.391C5.009 4.319 5.108 4.21 5.191 4.064C5.397 3.704 5.5 3.182 5.5 2.5C5.5 2.412 5.521 2.329 5.564 2.253C5.607 2.177 5.667 2.117 5.743 2.071C5.861 2 5.987 1.981 6.121 2.015C6.255 2.048 6.358 2.124 6.429 2.243C7.233 3.583 7.866 4.744 8.327 5.725C8.731 6.583 9.053 7.403 9.292 8.186C9.378 8.089 9.465 7.953 9.553 7.776L11.037 4.808ZM8.339 8.489C8.114 7.75 7.808 6.97 7.423 6.15C7.124 5.515 6.749 4.8 6.299 4.004C6.235 4.208 6.155 4.393 6.059 4.561C5.89 4.856 5.678 5.084 5.421 5.244C5.347 5.291 5.271 5.33 5.192 5.364C5.322 5.765 5.36 6.129 5.306 6.457C5.253 6.776 5.113 7.029 4.888 7.214L4.884 7.218C4.95 7.293 5.02 7.373 5.093 7.457C5.28 7.672 5.416 7.826 5.503 7.918C5.636 8.059 5.756 8.171 5.861 8.253C6.073 8.418 6.286 8.5 6.5 8.5L7.5 8.5C7.882 8.5 8.161 8.496 8.339 8.489ZM6.276 13C6.319 12.946 6.367 12.884 6.42 12.812C6.51 12.689 6.582 12.598 6.635 12.537C6.737 12.423 6.846 12.329 6.961 12.255C7.228 12.085 7.574 12 8 12L8.25 12C8.457 12 8.634 12.073 8.78 12.22C8.927 12.366 9 12.543 9 12.75L9 13L9.757 13C9.841 12.858 9.903 12.664 9.944 12.418C9.981 12.195 10 11.889 10 11.5C10 11.421 10.018 11.347 10.053 11.276C10.378 10.625 10.6 10.141 10.719 9.824C10.906 9.325 11 8.884 11 8.5C11 8.421 11.018 8.347 11.053 8.276C11.145 8.092 11.252 7.852 11.374 7.559C11.442 7.395 11.492 7.278 11.525 7.208C11.588 7.076 11.652 6.968 11.716 6.883C11.912 6.628 12.174 6.5 12.5 6.5C12.541 6.5 12.581 6.505 12.621 6.515L13.894 6.833C13.921 6.84 13.945 6.835 13.967 6.817C13.989 6.8 14 6.778 14 6.75C14 6.615 13.964 6.49 13.893 6.375C13.822 6.26 13.726 6.172 13.606 6.112L12.983 5.801C12.698 5.658 12.45 5.466 12.241 5.225C12.168 5.14 12.101 5.051 12.041 4.959L11.974 5.158C11.967 5.181 11.958 5.202 11.947 5.224L10.447 8.224C10.298 8.522 10.137 8.758 9.963 8.932C9.799 9.095 9.609 9.221 9.393 9.309C9.293 9.436 9.162 9.5 9 9.5L7.5 9.5C7.329 9.5 7.103 9.544 6.822 9.633C6.636 9.692 6.341 9.802 5.936 9.964C5.507 10.136 5.188 10.254 4.979 10.321C4.6 10.44 4.274 10.5 4 10.5C3.357 10.5 2.901 10.519 2.633 10.557C2.576 10.566 2.522 10.575 2.47 10.585C2.74 10.72 3.05 10.819 3.402 10.883C3.685 10.935 4.019 10.968 4.404 10.985C4.642 10.995 5.007 11 5.5 11C5.641 11 5.759 11.048 5.856 11.144C5.952 11.241 6 11.359 6 11.5L6 13L6.276 13Z"), fill = SolidColor(Color.Black), ).build() } // Icon(DragonIcon, contentDescription = null) tints it with LocalContentColor. ``` ### Android XML ```xml ``` ### Flutter ```dart // Gentleface "dragon" (line-round), MIT. https://gentleface.com/icons/dragon import 'package:flutter/widgets.dart'; class DragonIcon extends StatelessWidget { const DragonIcon({super.key, this.size = 16, this.color}); final double size; final Color? color; @override Widget build(BuildContext context) => CustomPaint( size: Size.square(size), painter: _DragonIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)), ); } class _DragonIconPainter extends CustomPainter { _DragonIconPainter(this.color); final Color color; @override void paint(Canvas canvas, Size size) { canvas.scale(size.width / 16, size.height / 16); final p = Path() ..moveTo(11.037, 4.808) ..lineTo(11.526, 3.342) ..cubicTo(11.578, 3.184, 11.684, 3.078, 11.842, 3.026) ..cubicTo(11.973, 2.982, 12.1, 2.991, 12.224, 3.053) ..cubicTo(12.347, 3.115, 12.431, 3.211, 12.474, 3.342) ..lineTo(12.724, 4.092) ..cubicTo(12.783, 4.269, 12.874, 4.428, 12.997, 4.569) ..cubicTo(13.119, 4.71, 13.264, 4.823, 13.431, 4.906) ..lineTo(14.053, 5.217) ..cubicTo(14.343, 5.363, 14.573, 5.573, 14.744, 5.849) ..cubicTo(14.915, 6.125, 15, 6.425, 15, 6.75) ..cubicTo(15, 6.908, 14.967, 7.058, 14.901, 7.202) ..cubicTo(14.828, 7.362, 14.722, 7.497, 14.582, 7.606) ..cubicTo(14.443, 7.714, 14.287, 7.785, 14.113, 7.817) ..cubicTo(13.958, 7.846, 13.804, 7.841, 13.651, 7.803) ..lineTo(12.495, 7.514) ..cubicTo(12.455, 7.578, 12.389, 7.721, 12.298, 7.941) ..cubicTo(12.188, 8.206, 12.088, 8.433, 11.998, 8.62) ..cubicTo(11.981, 9.093, 11.867, 9.612, 11.656, 10.176) ..cubicTo(11.531, 10.507, 11.313, 10.988, 10.999, 11.619) ..cubicTo(10.996, 12.009, 10.973, 12.33, 10.931, 12.582) ..cubicTo(10.838, 13.138, 10.646, 13.561, 10.354, 13.854) ..cubicTo(10.256, 13.951, 10.138, 14, 10, 14) ..lineTo(9, 14) ..cubicTo(8.724, 14, 8.488, 13.902, 8.293, 13.707) ..cubicTo(8.098, 13.512, 8, 13.276, 8, 13) ..cubicTo(7.769, 13, 7.602, 13.033, 7.499, 13.098) ..cubicTo(7.437, 13.137, 7.347, 13.239, 7.227, 13.403) ..cubicTo(7.085, 13.596, 6.961, 13.746, 6.854, 13.854) ..cubicTo(6.756, 13.951, 6.638, 14, 6.5, 14) ..lineTo(6, 14) ..cubicTo(5.724, 14, 5.488, 13.902, 5.293, 13.707) ..cubicTo(5.098, 13.512, 5, 13.276, 5, 13) ..lineTo(5, 11.998) ..cubicTo(4.735, 11.995, 4.522, 11.991, 4.362, 11.984) ..cubicTo(3.931, 11.966, 3.551, 11.927, 3.223, 11.867) ..cubicTo(2.357, 11.709, 1.665, 11.372, 1.146, 10.854) ..cubicTo(1.047, 10.754, 0.997, 10.636, 0.997, 10.5) ..cubicTo(0.997, 10.364, 1.047, 10.246, 1.146, 10.146) ..cubicTo(1.447, 9.846, 1.896, 9.653, 2.492, 9.568) ..cubicTo(2.704, 9.537, 2.954, 9.517, 3.242, 9.508) ..cubicTo(3.409, 9.503, 3.661, 9.5, 4, 9.5) ..cubicTo(4.171, 9.5, 4.397, 9.456, 4.678, 9.367) ..cubicTo(4.829, 9.319, 5.054, 9.237, 5.352, 9.12) ..cubicTo(5.317, 9.095, 5.282, 9.069, 5.247, 9.042) ..cubicTo(5.101, 8.928, 4.944, 8.783, 4.776, 8.604) ..cubicTo(4.679, 8.502, 4.533, 8.338, 4.337, 8.112) ..cubicTo(4.047, 7.777, 3.817, 7.524, 3.646, 7.354) ..cubicTo(3.549, 7.256, 3.5, 7.138, 3.5, 7) ..cubicTo(3.5, 6.859, 3.548, 6.741, 3.644, 6.644) ..cubicTo(3.741, 6.548, 3.859, 6.5, 4, 6.5) ..cubicTo(4.121, 6.5, 4.206, 6.481, 4.252, 6.442) ..cubicTo(4.285, 6.415, 4.307, 6.366, 4.319, 6.293) ..cubicTo(4.339, 6.174, 4.328, 6.026, 4.287, 5.848) ..cubicTo(4.241, 5.652, 4.163, 5.444, 4.053, 5.224) ..cubicTo(4.018, 5.153, 4, 5.079, 4, 5) ..cubicTo(4, 4.859, 4.048, 4.741, 4.144, 4.644) ..cubicTo(4.241, 4.548, 4.359, 4.5, 4.5, 4.5) ..cubicTo(4.647, 4.5, 4.779, 4.464, 4.894, 4.391) ..cubicTo(5.009, 4.319, 5.108, 4.21, 5.191, 4.064) ..cubicTo(5.397, 3.704, 5.5, 3.182, 5.5, 2.5) ..cubicTo(5.5, 2.412, 5.521, 2.329, 5.564, 2.253) ..cubicTo(5.607, 2.177, 5.667, 2.117, 5.743, 2.071) ..cubicTo(5.861, 2, 5.987, 1.981, 6.121, 2.015) ..cubicTo(6.255, 2.048, 6.358, 2.124, 6.429, 2.243) ..cubicTo(7.233, 3.583, 7.866, 4.744, 8.327, 5.725) ..cubicTo(8.731, 6.583, 9.053, 7.403, 9.292, 8.186) ..cubicTo(9.378, 8.089, 9.465, 7.953, 9.553, 7.776) ..lineTo(11.037, 4.808) ..close() ..moveTo(8.339, 8.489) ..cubicTo(8.114, 7.75, 7.808, 6.97, 7.423, 6.15) ..cubicTo(7.124, 5.515, 6.749, 4.8, 6.299, 4.004) ..cubicTo(6.235, 4.208, 6.155, 4.393, 6.059, 4.561) ..cubicTo(5.89, 4.856, 5.678, 5.084, 5.421, 5.244) ..cubicTo(5.347, 5.291, 5.271, 5.33, 5.192, 5.364) ..cubicTo(5.322, 5.765, 5.36, 6.129, 5.306, 6.457) ..cubicTo(5.253, 6.776, 5.113, 7.029, 4.888, 7.214) ..lineTo(4.884, 7.218) ..cubicTo(4.95, 7.293, 5.02, 7.373, 5.093, 7.457) ..cubicTo(5.28, 7.672, 5.416, 7.826, 5.503, 7.918) ..cubicTo(5.636, 8.059, 5.756, 8.171, 5.861, 8.253) ..cubicTo(6.073, 8.418, 6.286, 8.5, 6.5, 8.5) ..lineTo(7.5, 8.5) ..cubicTo(7.882, 8.5, 8.161, 8.496, 8.339, 8.489) ..close() ..moveTo(6.276, 13) ..cubicTo(6.319, 12.946, 6.367, 12.884, 6.42, 12.812) ..cubicTo(6.51, 12.689, 6.582, 12.598, 6.635, 12.537) ..cubicTo(6.737, 12.423, 6.846, 12.329, 6.961, 12.255) ..cubicTo(7.228, 12.085, 7.574, 12, 8, 12) ..lineTo(8.25, 12) ..cubicTo(8.457, 12, 8.634, 12.073, 8.78, 12.22) ..cubicTo(8.927, 12.366, 9, 12.543, 9, 12.75) ..lineTo(9, 13) ..lineTo(9.757, 13) ..cubicTo(9.841, 12.858, 9.903, 12.664, 9.944, 12.418) ..cubicTo(9.981, 12.195, 10, 11.889, 10, 11.5) ..cubicTo(10, 11.421, 10.018, 11.347, 10.053, 11.276) ..cubicTo(10.378, 10.625, 10.6, 10.141, 10.719, 9.824) ..cubicTo(10.906, 9.325, 11, 8.884, 11, 8.5) ..cubicTo(11, 8.421, 11.018, 8.347, 11.053, 8.276) ..cubicTo(11.145, 8.092, 11.252, 7.852, 11.374, 7.559) ..cubicTo(11.442, 7.395, 11.492, 7.278, 11.525, 7.208) ..cubicTo(11.588, 7.076, 11.652, 6.968, 11.716, 6.883) ..cubicTo(11.912, 6.628, 12.174, 6.5, 12.5, 6.5) ..cubicTo(12.541, 6.5, 12.581, 6.505, 12.621, 6.515) ..lineTo(13.894, 6.833) ..cubicTo(13.921, 6.84, 13.945, 6.835, 13.967, 6.817) ..cubicTo(13.989, 6.8, 14, 6.778, 14, 6.75) ..cubicTo(14, 6.615, 13.964, 6.49, 13.893, 6.375) ..cubicTo(13.822, 6.26, 13.726, 6.172, 13.606, 6.112) ..lineTo(12.983, 5.801) ..cubicTo(12.698, 5.658, 12.45, 5.466, 12.241, 5.225) ..cubicTo(12.168, 5.14, 12.101, 5.051, 12.041, 4.959) ..lineTo(11.974, 5.158) ..cubicTo(11.967, 5.181, 11.958, 5.202, 11.947, 5.224) ..lineTo(10.447, 8.224) ..cubicTo(10.298, 8.522, 10.137, 8.758, 9.963, 8.932) ..cubicTo(9.799, 9.095, 9.609, 9.221, 9.393, 9.309) ..cubicTo(9.293, 9.436, 9.162, 9.5, 9, 9.5) ..lineTo(7.5, 9.5) ..cubicTo(7.329, 9.5, 7.103, 9.544, 6.822, 9.633) ..cubicTo(6.636, 9.692, 6.341, 9.802, 5.936, 9.964) ..cubicTo(5.507, 10.136, 5.188, 10.254, 4.979, 10.321) ..cubicTo(4.6, 10.44, 4.274, 10.5, 4, 10.5) ..cubicTo(3.357, 10.5, 2.901, 10.519, 2.633, 10.557) ..cubicTo(2.576, 10.566, 2.522, 10.575, 2.47, 10.585) ..cubicTo(2.74, 10.72, 3.05, 10.819, 3.402, 10.883) ..cubicTo(3.685, 10.935, 4.019, 10.968, 4.404, 10.985) ..cubicTo(4.642, 10.995, 5.007, 11, 5.5, 11) ..cubicTo(5.641, 11, 5.759, 11.048, 5.856, 11.144) ..cubicTo(5.952, 11.241, 6, 11.359, 6, 11.5) ..lineTo(6, 13) ..lineTo(6.276, 13) ..close(); canvas.drawPath(p, Paint()..color = color); } @override bool shouldRepaint(_DragonIconPainter old) => old.color != color; } ```