# dog-bark icon Dog bark. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/dog-bark - Category: Nature & animals - Use it for: dog barking, bark detection - Tags: dog, bark, barking, woof, sound detection, noise, pet, alert, smart camera, animal, loud - Family: dog - Component name: DogBarkIcon - Added: 2026-10-29 - Since: version 0.2.0 - npm: `import { DogBarkIcon } from '@gentleface/react';` (@gentleface/react 0.2.0) - Changed: 2026-10-30 (added) ## Files Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. - line-round: https://gentleface.com/svg/line-round/16/dog-bark.svg · PNG https://gentleface.com/png/line-round/16/dog-bark.png · https://gentleface.com/png/line-round/32/dog-bark.png · https://gentleface.com/png/line-round/48/dog-bark.png - line-soft: https://gentleface.com/svg/line-soft/16/dog-bark.svg · PNG https://gentleface.com/png/line-soft/16/dog-bark.png · https://gentleface.com/png/line-soft/32/dog-bark.png · https://gentleface.com/png/line-soft/48/dog-bark.png - line-sharp: https://gentleface.com/svg/line-sharp/16/dog-bark.svg · PNG https://gentleface.com/png/line-sharp/16/dog-bark.png · https://gentleface.com/png/line-sharp/32/dog-bark.png · https://gentleface.com/png/line-sharp/48/dog-bark.png - solid-round: https://gentleface.com/svg/solid-round/16/dog-bark.svg · PNG https://gentleface.com/png/solid-round/16/dog-bark.png · https://gentleface.com/png/solid-round/32/dog-bark.png · https://gentleface.com/png/solid-round/48/dog-bark.png - solid-soft: https://gentleface.com/svg/solid-soft/16/dog-bark.svg · PNG https://gentleface.com/png/solid-soft/16/dog-bark.png · https://gentleface.com/png/solid-soft/32/dog-bark.png · https://gentleface.com/png/solid-soft/48/dog-bark.png - solid-sharp: https://gentleface.com/svg/solid-sharp/16/dog-bark.svg · PNG https://gentleface.com/png/solid-sharp/16/dog-bark.png · https://gentleface.com/png/solid-sharp/32/dog-bark.png · https://gentleface.com/png/solid-sharp/48/dog-bark.png The SVG of every style: https://gentleface.com/icons/dog-bark.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 "dog-bark" (line-round), MIT. https://gentleface.com/icons/dog-bark import type { SVGProps } from 'react'; export function DogBarkIcon(props: SVGProps) { return ( ); } ``` ### Vue ```vue ``` ### Svelte ```svelte ``` ### HTML img ```html

``` ### CSS ```css /* Gentleface "dog-bark" (line-round), MIT. https://gentleface.com/icons/dog-bark. Takes the text color. */ .icon-dog-bark { 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='M2.854 6.854C2.756 6.951 2.638 7 2.5 7C2.359 7 2.241 6.952 2.144 6.856C2.048 6.759 2 6.641 2 6.5L2 3.5C2 3.182 2.059 2.875 2.176 2.58C2.303 2.259 2.488 1.976 2.732 1.732C2.976 1.488 3.259 1.303 3.58 1.176C3.875 1.059 4.182 1 4.5 1L11.5 1C11.818 1 12.125 1.059 12.42 1.176C12.741 1.303 13.024 1.488 13.268 1.732C13.512 1.976 13.697 2.259 13.824 2.58C13.941 2.875 14 3.182 14 3.5L14 6.5C14 6.638 13.951 6.756 13.854 6.854C13.754 6.953 13.636 7.003 13.5 7.003C13.364 7.003 13.246 6.953 13.146 6.854L12 5.707L12 10C12 10.509 11.906 10.999 11.719 11.472C11.516 11.986 11.219 12.438 10.828 12.828C10.438 13.219 9.986 13.516 9.472 13.719C8.999 13.906 8.509 14 8 14C7.491 14 7.001 13.906 6.528 13.719C6.014 13.516 5.562 13.219 5.172 12.828C4.781 12.438 4.484 11.986 4.281 11.472C4.094 10.999 4 10.509 4 10L4 5.707L2.854 6.854ZM6.293 2L4.5 2C4.309 2 4.125 2.035 3.948 2.105C3.755 2.182 3.586 2.293 3.439 2.439C3.293 2.586 3.182 2.755 3.105 2.948C3.035 3.125 3 3.309 3 3.5L3 5.293L6.293 2ZM5 10C5 10.381 5.07 10.75 5.211 11.104C5.363 11.489 5.586 11.828 5.879 12.121C6.172 12.414 6.511 12.637 6.896 12.789C7.25 12.93 7.619 13 8 13C7.774 13 7.556 12.957 7.347 12.87C7.138 12.783 6.953 12.66 6.793 12.5L6.146 11.854C6.049 11.756 6 11.638 6 11.5C6 11.362 6.049 11.244 6.146 11.146C6.246 11.047 6.364 10.997 6.5 10.997C6.636 10.997 6.754 11.047 6.854 11.146L7.5 11.793C7.638 11.931 7.805 12 8 12C8.195 12 8.362 11.931 8.5 11.793L9.146 11.146C9.246 11.047 9.364 10.997 9.5 10.997C9.636 10.997 9.754 11.047 9.854 11.146C9.953 11.246 10.003 11.364 10.003 11.5C10.003 11.636 9.953 11.754 9.854 11.854L9.207 12.5C9.047 12.66 8.862 12.783 8.653 12.87C8.444 12.957 8.226 13 8 13C8.381 13 8.75 12.93 9.104 12.789C9.489 12.637 9.828 12.414 10.121 12.121C10.414 11.828 10.637 11.489 10.789 11.104C10.93 10.75 11 10.381 11 10L11 4.707L8.293 2L7.707 2L5 4.707L5 10ZM12.895 2.948C12.818 2.755 12.707 2.586 12.561 2.439C12.414 2.293 12.245 2.182 12.052 2.105C11.875 2.035 11.691 2 11.5 2L9.707 2L13 5.293L13 3.5C13 3.309 12.965 3.125 12.895 2.948ZM5.968 5.971C5.969 5.97 5.97 5.969 5.971 5.968C6.117 5.823 6.294 5.75 6.5 5.75C6.706 5.75 6.883 5.823 7.029 5.968C7.03 5.969 7.031 5.97 7.032 5.971C7.177 6.117 7.25 6.294 7.25 6.5C7.25 6.706 7.177 6.883 7.032 7.029C7.031 7.03 7.03 7.031 7.029 7.032C6.883 7.177 6.706 7.25 6.5 7.25C6.294 7.25 6.117 7.177 5.971 7.032C5.97 7.031 5.969 7.03 5.968 7.029C5.823 6.883 5.75 6.706 5.75 6.5C5.75 6.294 5.823 6.117 5.968 5.971ZM10.029 5.968C10.03 5.969 10.031 5.97 10.032 5.971C10.177 6.117 10.25 6.294 10.25 6.5C10.25 6.706 10.177 6.883 10.032 7.029C10.031 7.03 10.03 7.031 10.029 7.032C9.883 7.177 9.706 7.25 9.5 7.25C9.293 7.25 9.116 7.177 8.97 7.03C8.823 6.884 8.75 6.707 8.75 6.5C8.75 6.293 8.823 6.116 8.97 5.97C9.116 5.823 9.293 5.75 9.5 5.75C9.706 5.75 9.883 5.823 10.029 5.968ZM2.204 8.447C1.975 9.304 1.937 10.169 2.091 11.042C2.245 11.915 2.576 12.715 3.085 13.441C3.166 13.557 3.195 13.682 3.171 13.816C3.147 13.95 3.078 14.057 2.962 14.138C2.849 14.217 2.725 14.245 2.589 14.221C2.453 14.197 2.345 14.128 2.266 14.015C1.673 13.168 1.286 12.234 1.106 11.216C0.927 10.197 0.971 9.188 1.239 8.188C1.274 8.055 1.352 7.954 1.471 7.885C1.591 7.816 1.718 7.799 1.851 7.835C1.987 7.871 2.089 7.948 2.157 8.066C2.225 8.184 2.241 8.311 2.204 8.447ZM13.734 14.015C13.653 14.13 13.546 14.2 13.412 14.224C13.278 14.247 13.153 14.219 13.038 14.138C12.922 14.057 12.853 13.95 12.829 13.816C12.805 13.682 12.834 13.557 12.915 13.441C13.424 12.715 13.755 11.915 13.909 11.042C14.063 10.169 14.025 9.304 13.796 8.447C13.76 8.314 13.776 8.187 13.846 8.068C13.915 7.948 14.016 7.87 14.149 7.835C14.282 7.799 14.409 7.816 14.529 7.885C14.648 7.954 14.726 8.055 14.761 8.188C15.029 9.188 15.073 10.197 14.894 11.216C14.714 12.234 14.327 13.168 13.734 14.015ZM7.293 8.293C7.488 8.098 7.724 8 8 8C8.276 8 8.512 8.098 8.707 8.293C8.902 8.488 9 8.724 9 9C9 9.276 8.902 9.512 8.707 9.707C8.512 9.902 8.276 10 8 10C7.724 10 7.488 9.902 7.293 9.707C7.098 9.512 7 9.276 7 9C7 8.724 7.098 8.488 7.293 8.293Z'/%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='M2.854 6.854C2.756 6.951 2.638 7 2.5 7C2.359 7 2.241 6.952 2.144 6.856C2.048 6.759 2 6.641 2 6.5L2 3.5C2 3.182 2.059 2.875 2.176 2.58C2.303 2.259 2.488 1.976 2.732 1.732C2.976 1.488 3.259 1.303 3.58 1.176C3.875 1.059 4.182 1 4.5 1L11.5 1C11.818 1 12.125 1.059 12.42 1.176C12.741 1.303 13.024 1.488 13.268 1.732C13.512 1.976 13.697 2.259 13.824 2.58C13.941 2.875 14 3.182 14 3.5L14 6.5C14 6.638 13.951 6.756 13.854 6.854C13.754 6.953 13.636 7.003 13.5 7.003C13.364 7.003 13.246 6.953 13.146 6.854L12 5.707L12 10C12 10.509 11.906 10.999 11.719 11.472C11.516 11.986 11.219 12.438 10.828 12.828C10.438 13.219 9.986 13.516 9.472 13.719C8.999 13.906 8.509 14 8 14C7.491 14 7.001 13.906 6.528 13.719C6.014 13.516 5.562 13.219 5.172 12.828C4.781 12.438 4.484 11.986 4.281 11.472C4.094 10.999 4 10.509 4 10L4 5.707L2.854 6.854ZM6.293 2L4.5 2C4.309 2 4.125 2.035 3.948 2.105C3.755 2.182 3.586 2.293 3.439 2.439C3.293 2.586 3.182 2.755 3.105 2.948C3.035 3.125 3 3.309 3 3.5L3 5.293L6.293 2ZM5 10C5 10.381 5.07 10.75 5.211 11.104C5.363 11.489 5.586 11.828 5.879 12.121C6.172 12.414 6.511 12.637 6.896 12.789C7.25 12.93 7.619 13 8 13C7.774 13 7.556 12.957 7.347 12.87C7.138 12.783 6.953 12.66 6.793 12.5L6.146 11.854C6.049 11.756 6 11.638 6 11.5C6 11.362 6.049 11.244 6.146 11.146C6.246 11.047 6.364 10.997 6.5 10.997C6.636 10.997 6.754 11.047 6.854 11.146L7.5 11.793C7.638 11.931 7.805 12 8 12C8.195 12 8.362 11.931 8.5 11.793L9.146 11.146C9.246 11.047 9.364 10.997 9.5 10.997C9.636 10.997 9.754 11.047 9.854 11.146C9.953 11.246 10.003 11.364 10.003 11.5C10.003 11.636 9.953 11.754 9.854 11.854L9.207 12.5C9.047 12.66 8.862 12.783 8.653 12.87C8.444 12.957 8.226 13 8 13C8.381 13 8.75 12.93 9.104 12.789C9.489 12.637 9.828 12.414 10.121 12.121C10.414 11.828 10.637 11.489 10.789 11.104C10.93 10.75 11 10.381 11 10L11 4.707L8.293 2L7.707 2L5 4.707L5 10ZM12.895 2.948C12.818 2.755 12.707 2.586 12.561 2.439C12.414 2.293 12.245 2.182 12.052 2.105C11.875 2.035 11.691 2 11.5 2L9.707 2L13 5.293L13 3.5C13 3.309 12.965 3.125 12.895 2.948ZM5.968 5.971C5.969 5.97 5.97 5.969 5.971 5.968C6.117 5.823 6.294 5.75 6.5 5.75C6.706 5.75 6.883 5.823 7.029 5.968C7.03 5.969 7.031 5.97 7.032 5.971C7.177 6.117 7.25 6.294 7.25 6.5C7.25 6.706 7.177 6.883 7.032 7.029C7.031 7.03 7.03 7.031 7.029 7.032C6.883 7.177 6.706 7.25 6.5 7.25C6.294 7.25 6.117 7.177 5.971 7.032C5.97 7.031 5.969 7.03 5.968 7.029C5.823 6.883 5.75 6.706 5.75 6.5C5.75 6.294 5.823 6.117 5.968 5.971ZM10.029 5.968C10.03 5.969 10.031 5.97 10.032 5.971C10.177 6.117 10.25 6.294 10.25 6.5C10.25 6.706 10.177 6.883 10.032 7.029C10.031 7.03 10.03 7.031 10.029 7.032C9.883 7.177 9.706 7.25 9.5 7.25C9.293 7.25 9.116 7.177 8.97 7.03C8.823 6.884 8.75 6.707 8.75 6.5C8.75 6.293 8.823 6.116 8.97 5.97C9.116 5.823 9.293 5.75 9.5 5.75C9.706 5.75 9.883 5.823 10.029 5.968ZM2.204 8.447C1.975 9.304 1.937 10.169 2.091 11.042C2.245 11.915 2.576 12.715 3.085 13.441C3.166 13.557 3.195 13.682 3.171 13.816C3.147 13.95 3.078 14.057 2.962 14.138C2.849 14.217 2.725 14.245 2.589 14.221C2.453 14.197 2.345 14.128 2.266 14.015C1.673 13.168 1.286 12.234 1.106 11.216C0.927 10.197 0.971 9.188 1.239 8.188C1.274 8.055 1.352 7.954 1.471 7.885C1.591 7.816 1.718 7.799 1.851 7.835C1.987 7.871 2.089 7.948 2.157 8.066C2.225 8.184 2.241 8.311 2.204 8.447ZM13.734 14.015C13.653 14.13 13.546 14.2 13.412 14.224C13.278 14.247 13.153 14.219 13.038 14.138C12.922 14.057 12.853 13.95 12.829 13.816C12.805 13.682 12.834 13.557 12.915 13.441C13.424 12.715 13.755 11.915 13.909 11.042C14.063 10.169 14.025 9.304 13.796 8.447C13.76 8.314 13.776 8.187 13.846 8.068C13.915 7.948 14.016 7.87 14.149 7.835C14.282 7.799 14.409 7.816 14.529 7.885C14.648 7.954 14.726 8.055 14.761 8.188C15.029 9.188 15.073 10.197 14.894 11.216C14.714 12.234 14.327 13.168 13.734 14.015ZM7.293 8.293C7.488 8.098 7.724 8 8 8C8.276 8 8.512 8.098 8.707 8.293C8.902 8.488 9 8.724 9 9C9 9.276 8.902 9.512 8.707 9.707C8.512 9.902 8.276 10 8 10C7.724 10 7.488 9.902 7.293 9.707C7.098 9.512 7 9.276 7 9C7 8.724 7.098 8.488 7.293 8.293Z'/%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='M2.854 6.854C2.756 6.951 2.638 7 2.5 7C2.359 7 2.241 6.952 2.144 6.856C2.048 6.759 2 6.641 2 6.5L2 3.5C2 3.182 2.059 2.875 2.176 2.58C2.303 2.259 2.488 1.976 2.732 1.732C2.976 1.488 3.259 1.303 3.58 1.176C3.875 1.059 4.182 1 4.5 1L11.5 1C11.818 1 12.125 1.059 12.42 1.176C12.741 1.303 13.024 1.488 13.268 1.732C13.512 1.976 13.697 2.259 13.824 2.58C13.941 2.875 14 3.182 14 3.5L14 6.5C14 6.638 13.951 6.756 13.854 6.854C13.754 6.953 13.636 7.003 13.5 7.003C13.364 7.003 13.246 6.953 13.146 6.854L12 5.707L12 10C12 10.509 11.906 10.999 11.719 11.472C11.516 11.986 11.219 12.438 10.828 12.828C10.438 13.219 9.986 13.516 9.472 13.719C8.999 13.906 8.509 14 8 14C7.491 14 7.001 13.906 6.528 13.719C6.014 13.516 5.562 13.219 5.172 12.828C4.781 12.438 4.484 11.986 4.281 11.472C4.094 10.999 4 10.509 4 10L4 5.707L2.854 6.854ZM6.293 2L4.5 2C4.309 2 4.125 2.035 3.948 2.105C3.755 2.182 3.586 2.293 3.439 2.439C3.293 2.586 3.182 2.755 3.105 2.948C3.035 3.125 3 3.309 3 3.5L3 5.293L6.293 2ZM5 10C5 10.381 5.07 10.75 5.211 11.104C5.363 11.489 5.586 11.828 5.879 12.121C6.172 12.414 6.511 12.637 6.896 12.789C7.25 12.93 7.619 13 8 13C7.774 13 7.556 12.957 7.347 12.87C7.138 12.783 6.953 12.66 6.793 12.5L6.146 11.854C6.049 11.756 6 11.638 6 11.5C6 11.362 6.049 11.244 6.146 11.146C6.246 11.047 6.364 10.997 6.5 10.997C6.636 10.997 6.754 11.047 6.854 11.146L7.5 11.793C7.638 11.931 7.805 12 8 12C8.195 12 8.362 11.931 8.5 11.793L9.146 11.146C9.246 11.047 9.364 10.997 9.5 10.997C9.636 10.997 9.754 11.047 9.854 11.146C9.953 11.246 10.003 11.364 10.003 11.5C10.003 11.636 9.953 11.754 9.854 11.854L9.207 12.5C9.047 12.66 8.862 12.783 8.653 12.87C8.444 12.957 8.226 13 8 13C8.381 13 8.75 12.93 9.104 12.789C9.489 12.637 9.828 12.414 10.121 12.121C10.414 11.828 10.637 11.489 10.789 11.104C10.93 10.75 11 10.381 11 10L11 4.707L8.293 2L7.707 2L5 4.707L5 10ZM12.895 2.948C12.818 2.755 12.707 2.586 12.561 2.439C12.414 2.293 12.245 2.182 12.052 2.105C11.875 2.035 11.691 2 11.5 2L9.707 2L13 5.293L13 3.5C13 3.309 12.965 3.125 12.895 2.948ZM5.968 5.971C5.969 5.97 5.97 5.969 5.971 5.968C6.117 5.823 6.294 5.75 6.5 5.75C6.706 5.75 6.883 5.823 7.029 5.968C7.03 5.969 7.031 5.97 7.032 5.971C7.177 6.117 7.25 6.294 7.25 6.5C7.25 6.706 7.177 6.883 7.032 7.029C7.031 7.03 7.03 7.031 7.029 7.032C6.883 7.177 6.706 7.25 6.5 7.25C6.294 7.25 6.117 7.177 5.971 7.032C5.97 7.031 5.969 7.03 5.968 7.029C5.823 6.883 5.75 6.706 5.75 6.5C5.75 6.294 5.823 6.117 5.968 5.971ZM10.029 5.968C10.03 5.969 10.031 5.97 10.032 5.971C10.177 6.117 10.25 6.294 10.25 6.5C10.25 6.706 10.177 6.883 10.032 7.029C10.031 7.03 10.03 7.031 10.029 7.032C9.883 7.177 9.706 7.25 9.5 7.25C9.293 7.25 9.116 7.177 8.97 7.03C8.823 6.884 8.75 6.707 8.75 6.5C8.75 6.293 8.823 6.116 8.97 5.97C9.116 5.823 9.293 5.75 9.5 5.75C9.706 5.75 9.883 5.823 10.029 5.968ZM2.204 8.447C1.975 9.304 1.937 10.169 2.091 11.042C2.245 11.915 2.576 12.715 3.085 13.441C3.166 13.557 3.195 13.682 3.171 13.816C3.147 13.95 3.078 14.057 2.962 14.138C2.849 14.217 2.725 14.245 2.589 14.221C2.453 14.197 2.345 14.128 2.266 14.015C1.673 13.168 1.286 12.234 1.106 11.216C0.927 10.197 0.971 9.188 1.239 8.188C1.274 8.055 1.352 7.954 1.471 7.885C1.591 7.816 1.718 7.799 1.851 7.835C1.987 7.871 2.089 7.948 2.157 8.066C2.225 8.184 2.241 8.311 2.204 8.447ZM13.734 14.015C13.653 14.13 13.546 14.2 13.412 14.224C13.278 14.247 13.153 14.219 13.038 14.138C12.922 14.057 12.853 13.95 12.829 13.816C12.805 13.682 12.834 13.557 12.915 13.441C13.424 12.715 13.755 11.915 13.909 11.042C14.063 10.169 14.025 9.304 13.796 8.447C13.76 8.314 13.776 8.187 13.846 8.068C13.915 7.948 14.016 7.87 14.149 7.835C14.282 7.799 14.409 7.816 14.529 7.885C14.648 7.954 14.726 8.055 14.761 8.188C15.029 9.188 15.073 10.197 14.894 11.216C14.714 12.234 14.327 13.168 13.734 14.015ZM7.293 8.293C7.488 8.098 7.724 8 8 8C8.276 8 8.512 8.098 8.707 8.293C8.902 8.488 9 8.724 9 9C9 9.276 8.902 9.512 8.707 9.707C8.512 9.902 8.276 10 8 10C7.724 10 7.488 9.902 7.293 9.707C7.098 9.512 7 9.276 7 9C7 8.724 7.098 8.488 7.293 8.293Z'/%3E%3C/svg%3E ``` ### Sprite ```html ``` ### SwiftUI ```swift // Gentleface "dog-bark" (line-round), MIT. https://gentleface.com/icons/dog-bark import SwiftUI struct DogBarkIcon: Shape { func path(in rect: CGRect) -> Path { var p = Path() p.move(to: CGPoint(x: 2.854, y: 6.854)) p.addCurve(to: CGPoint(x: 2.5, y: 7), control1: CGPoint(x: 2.756, y: 6.951), control2: CGPoint(x: 2.638, y: 7)) p.addCurve(to: CGPoint(x: 2.144, y: 6.856), control1: CGPoint(x: 2.359, y: 7), control2: CGPoint(x: 2.241, y: 6.952)) p.addCurve(to: CGPoint(x: 2, y: 6.5), control1: CGPoint(x: 2.048, y: 6.759), control2: CGPoint(x: 2, y: 6.641)) p.addLine(to: CGPoint(x: 2, y: 3.5)) p.addCurve(to: CGPoint(x: 2.176, y: 2.58), control1: CGPoint(x: 2, y: 3.182), control2: CGPoint(x: 2.059, y: 2.875)) p.addCurve(to: CGPoint(x: 2.732, y: 1.732), control1: CGPoint(x: 2.303, y: 2.259), control2: CGPoint(x: 2.488, y: 1.976)) p.addCurve(to: CGPoint(x: 3.58, y: 1.176), control1: CGPoint(x: 2.976, y: 1.488), control2: CGPoint(x: 3.259, y: 1.303)) p.addCurve(to: CGPoint(x: 4.5, y: 1), control1: CGPoint(x: 3.875, y: 1.059), control2: CGPoint(x: 4.182, y: 1)) p.addLine(to: CGPoint(x: 11.5, y: 1)) p.addCurve(to: CGPoint(x: 12.42, y: 1.176), control1: CGPoint(x: 11.818, y: 1), control2: CGPoint(x: 12.125, y: 1.059)) p.addCurve(to: CGPoint(x: 13.268, y: 1.732), control1: CGPoint(x: 12.741, y: 1.303), control2: CGPoint(x: 13.024, y: 1.488)) p.addCurve(to: CGPoint(x: 13.824, y: 2.58), control1: CGPoint(x: 13.512, y: 1.976), control2: CGPoint(x: 13.697, y: 2.259)) p.addCurve(to: CGPoint(x: 14, y: 3.5), control1: CGPoint(x: 13.941, y: 2.875), control2: CGPoint(x: 14, y: 3.182)) p.addLine(to: CGPoint(x: 14, y: 6.5)) p.addCurve(to: CGPoint(x: 13.854, y: 6.854), control1: CGPoint(x: 14, y: 6.638), control2: CGPoint(x: 13.951, y: 6.756)) p.addCurve(to: CGPoint(x: 13.5, y: 7.003), control1: CGPoint(x: 13.754, y: 6.953), control2: CGPoint(x: 13.636, y: 7.003)) p.addCurve(to: CGPoint(x: 13.146, y: 6.854), control1: CGPoint(x: 13.364, y: 7.003), control2: CGPoint(x: 13.246, y: 6.953)) p.addLine(to: CGPoint(x: 12, y: 5.707)) p.addLine(to: CGPoint(x: 12, y: 10)) p.addCurve(to: CGPoint(x: 11.719, y: 11.472), control1: CGPoint(x: 12, y: 10.509), control2: CGPoint(x: 11.906, y: 10.999)) p.addCurve(to: CGPoint(x: 10.828, y: 12.828), control1: CGPoint(x: 11.516, y: 11.986), control2: CGPoint(x: 11.219, y: 12.438)) p.addCurve(to: CGPoint(x: 9.472, y: 13.719), control1: CGPoint(x: 10.438, y: 13.219), control2: CGPoint(x: 9.986, y: 13.516)) p.addCurve(to: CGPoint(x: 8, y: 14), control1: CGPoint(x: 8.999, y: 13.906), control2: CGPoint(x: 8.509, y: 14)) p.addCurve(to: CGPoint(x: 6.528, y: 13.719), control1: CGPoint(x: 7.491, y: 14), control2: CGPoint(x: 7.001, y: 13.906)) p.addCurve(to: CGPoint(x: 5.172, y: 12.828), control1: CGPoint(x: 6.014, y: 13.516), control2: CGPoint(x: 5.562, y: 13.219)) p.addCurve(to: CGPoint(x: 4.281, y: 11.472), control1: CGPoint(x: 4.781, y: 12.438), control2: CGPoint(x: 4.484, y: 11.986)) p.addCurve(to: CGPoint(x: 4, y: 10), control1: CGPoint(x: 4.094, y: 10.999), control2: CGPoint(x: 4, y: 10.509)) p.addLine(to: CGPoint(x: 4, y: 5.707)) p.addLine(to: CGPoint(x: 2.854, y: 6.854)) p.closeSubpath() p.move(to: CGPoint(x: 6.293, y: 2)) p.addLine(to: CGPoint(x: 4.5, y: 2)) p.addCurve(to: CGPoint(x: 3.948, y: 2.105), control1: CGPoint(x: 4.309, y: 2), control2: CGPoint(x: 4.125, y: 2.035)) p.addCurve(to: CGPoint(x: 3.439, y: 2.439), control1: CGPoint(x: 3.755, y: 2.182), control2: CGPoint(x: 3.586, y: 2.293)) p.addCurve(to: CGPoint(x: 3.105, y: 2.948), control1: CGPoint(x: 3.293, y: 2.586), control2: CGPoint(x: 3.182, y: 2.755)) p.addCurve(to: CGPoint(x: 3, y: 3.5), control1: CGPoint(x: 3.035, y: 3.125), control2: CGPoint(x: 3, y: 3.309)) p.addLine(to: CGPoint(x: 3, y: 5.293)) p.addLine(to: CGPoint(x: 6.293, y: 2)) p.closeSubpath() p.move(to: CGPoint(x: 5, y: 10)) p.addCurve(to: CGPoint(x: 5.211, y: 11.104), control1: CGPoint(x: 5, y: 10.381), control2: CGPoint(x: 5.07, y: 10.75)) p.addCurve(to: CGPoint(x: 5.879, y: 12.121), control1: CGPoint(x: 5.363, y: 11.489), control2: CGPoint(x: 5.586, y: 11.828)) p.addCurve(to: CGPoint(x: 6.896, y: 12.789), control1: CGPoint(x: 6.172, y: 12.414), control2: CGPoint(x: 6.511, y: 12.637)) p.addCurve(to: CGPoint(x: 8, y: 13), control1: CGPoint(x: 7.25, y: 12.93), control2: CGPoint(x: 7.619, y: 13)) p.addCurve(to: CGPoint(x: 7.347, y: 12.87), control1: CGPoint(x: 7.774, y: 13), control2: CGPoint(x: 7.556, y: 12.957)) p.addCurve(to: CGPoint(x: 6.793, y: 12.5), control1: CGPoint(x: 7.138, y: 12.783), control2: CGPoint(x: 6.953, y: 12.66)) p.addLine(to: CGPoint(x: 6.146, y: 11.854)) p.addCurve(to: CGPoint(x: 6, y: 11.5), control1: CGPoint(x: 6.049, y: 11.756), control2: CGPoint(x: 6, y: 11.638)) p.addCurve(to: CGPoint(x: 6.146, y: 11.146), control1: CGPoint(x: 6, y: 11.362), control2: CGPoint(x: 6.049, y: 11.244)) p.addCurve(to: CGPoint(x: 6.5, y: 10.997), control1: CGPoint(x: 6.246, y: 11.047), control2: CGPoint(x: 6.364, y: 10.997)) p.addCurve(to: CGPoint(x: 6.854, y: 11.146), control1: CGPoint(x: 6.636, y: 10.997), control2: CGPoint(x: 6.754, y: 11.047)) p.addLine(to: CGPoint(x: 7.5, y: 11.793)) p.addCurve(to: CGPoint(x: 8, y: 12), control1: CGPoint(x: 7.638, y: 11.931), control2: CGPoint(x: 7.805, y: 12)) p.addCurve(to: CGPoint(x: 8.5, y: 11.793), control1: CGPoint(x: 8.195, y: 12), control2: CGPoint(x: 8.362, y: 11.931)) p.addLine(to: CGPoint(x: 9.146, y: 11.146)) p.addCurve(to: CGPoint(x: 9.5, y: 10.997), control1: CGPoint(x: 9.246, y: 11.047), control2: CGPoint(x: 9.364, y: 10.997)) p.addCurve(to: CGPoint(x: 9.854, y: 11.146), control1: CGPoint(x: 9.636, y: 10.997), control2: CGPoint(x: 9.754, y: 11.047)) p.addCurve(to: CGPoint(x: 10.003, y: 11.5), control1: CGPoint(x: 9.953, y: 11.246), control2: CGPoint(x: 10.003, y: 11.364)) p.addCurve(to: CGPoint(x: 9.854, y: 11.854), control1: CGPoint(x: 10.003, y: 11.636), control2: CGPoint(x: 9.953, y: 11.754)) p.addLine(to: CGPoint(x: 9.207, y: 12.5)) p.addCurve(to: CGPoint(x: 8.653, y: 12.87), control1: CGPoint(x: 9.047, y: 12.66), control2: CGPoint(x: 8.862, y: 12.783)) p.addCurve(to: CGPoint(x: 8, y: 13), control1: CGPoint(x: 8.444, y: 12.957), control2: CGPoint(x: 8.226, y: 13)) p.addCurve(to: CGPoint(x: 9.104, y: 12.789), control1: CGPoint(x: 8.381, y: 13), control2: CGPoint(x: 8.75, y: 12.93)) p.addCurve(to: CGPoint(x: 10.121, y: 12.121), control1: CGPoint(x: 9.489, y: 12.637), control2: CGPoint(x: 9.828, y: 12.414)) p.addCurve(to: CGPoint(x: 10.789, y: 11.104), control1: CGPoint(x: 10.414, y: 11.828), control2: CGPoint(x: 10.637, y: 11.489)) p.addCurve(to: CGPoint(x: 11, y: 10), control1: CGPoint(x: 10.93, y: 10.75), control2: CGPoint(x: 11, y: 10.381)) p.addLine(to: CGPoint(x: 11, y: 4.707)) p.addLine(to: CGPoint(x: 8.293, y: 2)) p.addLine(to: CGPoint(x: 7.707, y: 2)) p.addLine(to: CGPoint(x: 5, y: 4.707)) p.addLine(to: CGPoint(x: 5, y: 10)) p.closeSubpath() p.move(to: CGPoint(x: 12.895, y: 2.948)) p.addCurve(to: CGPoint(x: 12.561, y: 2.439), control1: CGPoint(x: 12.818, y: 2.755), control2: CGPoint(x: 12.707, y: 2.586)) p.addCurve(to: CGPoint(x: 12.052, y: 2.105), control1: CGPoint(x: 12.414, y: 2.293), control2: CGPoint(x: 12.245, y: 2.182)) p.addCurve(to: CGPoint(x: 11.5, y: 2), control1: CGPoint(x: 11.875, y: 2.035), control2: CGPoint(x: 11.691, y: 2)) p.addLine(to: CGPoint(x: 9.707, y: 2)) p.addLine(to: CGPoint(x: 13, y: 5.293)) p.addLine(to: CGPoint(x: 13, y: 3.5)) p.addCurve(to: CGPoint(x: 12.895, y: 2.948), control1: CGPoint(x: 13, y: 3.309), control2: CGPoint(x: 12.965, y: 3.125)) p.closeSubpath() p.move(to: CGPoint(x: 5.968, y: 5.971)) p.addCurve(to: CGPoint(x: 5.971, y: 5.968), control1: CGPoint(x: 5.969, y: 5.97), control2: CGPoint(x: 5.97, y: 5.969)) p.addCurve(to: CGPoint(x: 6.5, y: 5.75), control1: CGPoint(x: 6.117, y: 5.823), control2: CGPoint(x: 6.294, y: 5.75)) p.addCurve(to: CGPoint(x: 7.029, y: 5.968), control1: CGPoint(x: 6.706, y: 5.75), control2: CGPoint(x: 6.883, y: 5.823)) p.addCurve(to: CGPoint(x: 7.032, y: 5.971), control1: CGPoint(x: 7.03, y: 5.969), control2: CGPoint(x: 7.031, y: 5.97)) p.addCurve(to: CGPoint(x: 7.25, y: 6.5), control1: CGPoint(x: 7.177, y: 6.117), control2: CGPoint(x: 7.25, y: 6.294)) p.addCurve(to: CGPoint(x: 7.032, y: 7.029), control1: CGPoint(x: 7.25, y: 6.706), control2: CGPoint(x: 7.177, y: 6.883)) p.addCurve(to: CGPoint(x: 7.029, y: 7.032), control1: CGPoint(x: 7.031, y: 7.03), control2: CGPoint(x: 7.03, y: 7.031)) p.addCurve(to: CGPoint(x: 6.5, y: 7.25), control1: CGPoint(x: 6.883, y: 7.177), control2: CGPoint(x: 6.706, y: 7.25)) p.addCurve(to: CGPoint(x: 5.971, y: 7.032), control1: CGPoint(x: 6.294, y: 7.25), control2: CGPoint(x: 6.117, y: 7.177)) p.addCurve(to: CGPoint(x: 5.968, y: 7.029), control1: CGPoint(x: 5.97, y: 7.031), control2: CGPoint(x: 5.969, y: 7.03)) p.addCurve(to: CGPoint(x: 5.75, y: 6.5), control1: CGPoint(x: 5.823, y: 6.883), control2: CGPoint(x: 5.75, y: 6.706)) p.addCurve(to: CGPoint(x: 5.968, y: 5.971), control1: CGPoint(x: 5.75, y: 6.294), control2: CGPoint(x: 5.823, y: 6.117)) p.closeSubpath() p.move(to: CGPoint(x: 10.029, y: 5.968)) p.addCurve(to: CGPoint(x: 10.032, y: 5.971), control1: CGPoint(x: 10.03, y: 5.969), control2: CGPoint(x: 10.031, y: 5.97)) p.addCurve(to: CGPoint(x: 10.25, y: 6.5), control1: CGPoint(x: 10.177, y: 6.117), control2: CGPoint(x: 10.25, y: 6.294)) p.addCurve(to: CGPoint(x: 10.032, y: 7.029), control1: CGPoint(x: 10.25, y: 6.706), control2: CGPoint(x: 10.177, y: 6.883)) p.addCurve(to: CGPoint(x: 10.029, y: 7.032), control1: CGPoint(x: 10.031, y: 7.03), control2: CGPoint(x: 10.03, y: 7.031)) p.addCurve(to: CGPoint(x: 9.5, y: 7.25), control1: CGPoint(x: 9.883, y: 7.177), control2: CGPoint(x: 9.706, y: 7.25)) p.addCurve(to: CGPoint(x: 8.97, y: 7.03), control1: CGPoint(x: 9.293, y: 7.25), control2: CGPoint(x: 9.116, y: 7.177)) p.addCurve(to: CGPoint(x: 8.75, y: 6.5), control1: CGPoint(x: 8.823, y: 6.884), control2: CGPoint(x: 8.75, y: 6.707)) p.addCurve(to: CGPoint(x: 8.97, y: 5.97), control1: CGPoint(x: 8.75, y: 6.293), control2: CGPoint(x: 8.823, y: 6.116)) p.addCurve(to: CGPoint(x: 9.5, y: 5.75), control1: CGPoint(x: 9.116, y: 5.823), control2: CGPoint(x: 9.293, y: 5.75)) p.addCurve(to: CGPoint(x: 10.029, y: 5.968), control1: CGPoint(x: 9.706, y: 5.75), control2: CGPoint(x: 9.883, y: 5.823)) p.closeSubpath() p.move(to: CGPoint(x: 2.204, y: 8.447)) p.addCurve(to: CGPoint(x: 2.091, y: 11.042), control1: CGPoint(x: 1.975, y: 9.304), control2: CGPoint(x: 1.937, y: 10.169)) p.addCurve(to: CGPoint(x: 3.085, y: 13.441), control1: CGPoint(x: 2.245, y: 11.915), control2: CGPoint(x: 2.576, y: 12.715)) p.addCurve(to: CGPoint(x: 3.171, y: 13.816), control1: CGPoint(x: 3.166, y: 13.557), control2: CGPoint(x: 3.195, y: 13.682)) p.addCurve(to: CGPoint(x: 2.962, y: 14.138), control1: CGPoint(x: 3.147, y: 13.95), control2: CGPoint(x: 3.078, y: 14.057)) p.addCurve(to: CGPoint(x: 2.589, y: 14.221), control1: CGPoint(x: 2.849, y: 14.217), control2: CGPoint(x: 2.725, y: 14.245)) p.addCurve(to: CGPoint(x: 2.266, y: 14.015), control1: CGPoint(x: 2.453, y: 14.197), control2: CGPoint(x: 2.345, y: 14.128)) p.addCurve(to: CGPoint(x: 1.106, y: 11.216), control1: CGPoint(x: 1.673, y: 13.168), control2: CGPoint(x: 1.286, y: 12.234)) p.addCurve(to: CGPoint(x: 1.239, y: 8.188), control1: CGPoint(x: 0.927, y: 10.197), control2: CGPoint(x: 0.971, y: 9.188)) p.addCurve(to: CGPoint(x: 1.471, y: 7.885), control1: CGPoint(x: 1.274, y: 8.055), control2: CGPoint(x: 1.352, y: 7.954)) p.addCurve(to: CGPoint(x: 1.851, y: 7.835), control1: CGPoint(x: 1.591, y: 7.816), control2: CGPoint(x: 1.718, y: 7.799)) p.addCurve(to: CGPoint(x: 2.157, y: 8.066), control1: CGPoint(x: 1.987, y: 7.871), control2: CGPoint(x: 2.089, y: 7.948)) p.addCurve(to: CGPoint(x: 2.204, y: 8.447), control1: CGPoint(x: 2.225, y: 8.184), control2: CGPoint(x: 2.241, y: 8.311)) p.closeSubpath() p.move(to: CGPoint(x: 13.734, y: 14.015)) p.addCurve(to: CGPoint(x: 13.412, y: 14.224), control1: CGPoint(x: 13.653, y: 14.13), control2: CGPoint(x: 13.546, y: 14.2)) p.addCurve(to: CGPoint(x: 13.038, y: 14.138), control1: CGPoint(x: 13.278, y: 14.247), control2: CGPoint(x: 13.153, y: 14.219)) p.addCurve(to: CGPoint(x: 12.829, y: 13.816), control1: CGPoint(x: 12.922, y: 14.057), control2: CGPoint(x: 12.853, y: 13.95)) p.addCurve(to: CGPoint(x: 12.915, y: 13.441), control1: CGPoint(x: 12.805, y: 13.682), control2: CGPoint(x: 12.834, y: 13.557)) p.addCurve(to: CGPoint(x: 13.909, y: 11.042), control1: CGPoint(x: 13.424, y: 12.715), control2: CGPoint(x: 13.755, y: 11.915)) p.addCurve(to: CGPoint(x: 13.796, y: 8.447), control1: CGPoint(x: 14.063, y: 10.169), control2: CGPoint(x: 14.025, y: 9.304)) p.addCurve(to: CGPoint(x: 13.846, y: 8.068), control1: CGPoint(x: 13.76, y: 8.314), control2: CGPoint(x: 13.776, y: 8.187)) p.addCurve(to: CGPoint(x: 14.149, y: 7.835), control1: CGPoint(x: 13.915, y: 7.948), control2: CGPoint(x: 14.016, y: 7.87)) p.addCurve(to: CGPoint(x: 14.529, y: 7.885), control1: CGPoint(x: 14.282, y: 7.799), control2: CGPoint(x: 14.409, y: 7.816)) p.addCurve(to: CGPoint(x: 14.761, y: 8.188), control1: CGPoint(x: 14.648, y: 7.954), control2: CGPoint(x: 14.726, y: 8.055)) p.addCurve(to: CGPoint(x: 14.894, y: 11.216), control1: CGPoint(x: 15.029, y: 9.188), control2: CGPoint(x: 15.073, y: 10.197)) p.addCurve(to: CGPoint(x: 13.734, y: 14.015), control1: CGPoint(x: 14.714, y: 12.234), control2: CGPoint(x: 14.327, y: 13.168)) p.closeSubpath() p.move(to: CGPoint(x: 7.293, y: 8.293)) p.addCurve(to: CGPoint(x: 8, y: 8), control1: CGPoint(x: 7.488, y: 8.098), control2: CGPoint(x: 7.724, y: 8)) p.addCurve(to: CGPoint(x: 8.707, y: 8.293), control1: CGPoint(x: 8.276, y: 8), control2: CGPoint(x: 8.512, y: 8.098)) p.addCurve(to: CGPoint(x: 9, y: 9), control1: CGPoint(x: 8.902, y: 8.488), control2: CGPoint(x: 9, y: 8.724)) p.addCurve(to: CGPoint(x: 8.707, y: 9.707), control1: CGPoint(x: 9, y: 9.276), control2: CGPoint(x: 8.902, y: 9.512)) p.addCurve(to: CGPoint(x: 8, y: 10), control1: CGPoint(x: 8.512, y: 9.902), control2: CGPoint(x: 8.276, y: 10)) p.addCurve(to: CGPoint(x: 7.293, y: 9.707), control1: CGPoint(x: 7.724, y: 10), control2: CGPoint(x: 7.488, y: 9.902)) p.addCurve(to: CGPoint(x: 7, y: 9), control1: CGPoint(x: 7.098, y: 9.512), control2: CGPoint(x: 7, y: 9.276)) p.addCurve(to: CGPoint(x: 7.293, y: 8.293), control1: CGPoint(x: 7, y: 8.724), control2: CGPoint(x: 7.098, y: 8.488)) p.closeSubpath() return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16)) } } // DogBarkIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp. ``` ### Compose ```kotlin // Gentleface "dog-bark" (line-round), MIT. https://gentleface.com/icons/dog-bark 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 DogBarkIcon: ImageVector by lazy { ImageVector.Builder( name = "dog-bark", defaultWidth = 16.dp, defaultHeight = 16.dp, viewportWidth = 16f, viewportHeight = 16f, ).addPath( pathData = addPathNodes("M2.854 6.854C2.756 6.951 2.638 7 2.5 7C2.359 7 2.241 6.952 2.144 6.856C2.048 6.759 2 6.641 2 6.5L2 3.5C2 3.182 2.059 2.875 2.176 2.58C2.303 2.259 2.488 1.976 2.732 1.732C2.976 1.488 3.259 1.303 3.58 1.176C3.875 1.059 4.182 1 4.5 1L11.5 1C11.818 1 12.125 1.059 12.42 1.176C12.741 1.303 13.024 1.488 13.268 1.732C13.512 1.976 13.697 2.259 13.824 2.58C13.941 2.875 14 3.182 14 3.5L14 6.5C14 6.638 13.951 6.756 13.854 6.854C13.754 6.953 13.636 7.003 13.5 7.003C13.364 7.003 13.246 6.953 13.146 6.854L12 5.707L12 10C12 10.509 11.906 10.999 11.719 11.472C11.516 11.986 11.219 12.438 10.828 12.828C10.438 13.219 9.986 13.516 9.472 13.719C8.999 13.906 8.509 14 8 14C7.491 14 7.001 13.906 6.528 13.719C6.014 13.516 5.562 13.219 5.172 12.828C4.781 12.438 4.484 11.986 4.281 11.472C4.094 10.999 4 10.509 4 10L4 5.707L2.854 6.854ZM6.293 2L4.5 2C4.309 2 4.125 2.035 3.948 2.105C3.755 2.182 3.586 2.293 3.439 2.439C3.293 2.586 3.182 2.755 3.105 2.948C3.035 3.125 3 3.309 3 3.5L3 5.293L6.293 2ZM5 10C5 10.381 5.07 10.75 5.211 11.104C5.363 11.489 5.586 11.828 5.879 12.121C6.172 12.414 6.511 12.637 6.896 12.789C7.25 12.93 7.619 13 8 13C7.774 13 7.556 12.957 7.347 12.87C7.138 12.783 6.953 12.66 6.793 12.5L6.146 11.854C6.049 11.756 6 11.638 6 11.5C6 11.362 6.049 11.244 6.146 11.146C6.246 11.047 6.364 10.997 6.5 10.997C6.636 10.997 6.754 11.047 6.854 11.146L7.5 11.793C7.638 11.931 7.805 12 8 12C8.195 12 8.362 11.931 8.5 11.793L9.146 11.146C9.246 11.047 9.364 10.997 9.5 10.997C9.636 10.997 9.754 11.047 9.854 11.146C9.953 11.246 10.003 11.364 10.003 11.5C10.003 11.636 9.953 11.754 9.854 11.854L9.207 12.5C9.047 12.66 8.862 12.783 8.653 12.87C8.444 12.957 8.226 13 8 13C8.381 13 8.75 12.93 9.104 12.789C9.489 12.637 9.828 12.414 10.121 12.121C10.414 11.828 10.637 11.489 10.789 11.104C10.93 10.75 11 10.381 11 10L11 4.707L8.293 2L7.707 2L5 4.707L5 10ZM12.895 2.948C12.818 2.755 12.707 2.586 12.561 2.439C12.414 2.293 12.245 2.182 12.052 2.105C11.875 2.035 11.691 2 11.5 2L9.707 2L13 5.293L13 3.5C13 3.309 12.965 3.125 12.895 2.948ZM5.968 5.971C5.969 5.97 5.97 5.969 5.971 5.968C6.117 5.823 6.294 5.75 6.5 5.75C6.706 5.75 6.883 5.823 7.029 5.968C7.03 5.969 7.031 5.97 7.032 5.971C7.177 6.117 7.25 6.294 7.25 6.5C7.25 6.706 7.177 6.883 7.032 7.029C7.031 7.03 7.03 7.031 7.029 7.032C6.883 7.177 6.706 7.25 6.5 7.25C6.294 7.25 6.117 7.177 5.971 7.032C5.97 7.031 5.969 7.03 5.968 7.029C5.823 6.883 5.75 6.706 5.75 6.5C5.75 6.294 5.823 6.117 5.968 5.971ZM10.029 5.968C10.03 5.969 10.031 5.97 10.032 5.971C10.177 6.117 10.25 6.294 10.25 6.5C10.25 6.706 10.177 6.883 10.032 7.029C10.031 7.03 10.03 7.031 10.029 7.032C9.883 7.177 9.706 7.25 9.5 7.25C9.293 7.25 9.116 7.177 8.97 7.03C8.823 6.884 8.75 6.707 8.75 6.5C8.75 6.293 8.823 6.116 8.97 5.97C9.116 5.823 9.293 5.75 9.5 5.75C9.706 5.75 9.883 5.823 10.029 5.968ZM2.204 8.447C1.975 9.304 1.937 10.169 2.091 11.042C2.245 11.915 2.576 12.715 3.085 13.441C3.166 13.557 3.195 13.682 3.171 13.816C3.147 13.95 3.078 14.057 2.962 14.138C2.849 14.217 2.725 14.245 2.589 14.221C2.453 14.197 2.345 14.128 2.266 14.015C1.673 13.168 1.286 12.234 1.106 11.216C0.927 10.197 0.971 9.188 1.239 8.188C1.274 8.055 1.352 7.954 1.471 7.885C1.591 7.816 1.718 7.799 1.851 7.835C1.987 7.871 2.089 7.948 2.157 8.066C2.225 8.184 2.241 8.311 2.204 8.447ZM13.734 14.015C13.653 14.13 13.546 14.2 13.412 14.224C13.278 14.247 13.153 14.219 13.038 14.138C12.922 14.057 12.853 13.95 12.829 13.816C12.805 13.682 12.834 13.557 12.915 13.441C13.424 12.715 13.755 11.915 13.909 11.042C14.063 10.169 14.025 9.304 13.796 8.447C13.76 8.314 13.776 8.187 13.846 8.068C13.915 7.948 14.016 7.87 14.149 7.835C14.282 7.799 14.409 7.816 14.529 7.885C14.648 7.954 14.726 8.055 14.761 8.188C15.029 9.188 15.073 10.197 14.894 11.216C14.714 12.234 14.327 13.168 13.734 14.015ZM7.293 8.293C7.488 8.098 7.724 8 8 8C8.276 8 8.512 8.098 8.707 8.293C8.902 8.488 9 8.724 9 9C9 9.276 8.902 9.512 8.707 9.707C8.512 9.902 8.276 10 8 10C7.724 10 7.488 9.902 7.293 9.707C7.098 9.512 7 9.276 7 9C7 8.724 7.098 8.488 7.293 8.293Z"), fill = SolidColor(Color.Black), ).build() } // Icon(DogBarkIcon, contentDescription = null) tints it with LocalContentColor. ``` ### Android XML ```xml ``` ### Flutter ```dart // Gentleface "dog-bark" (line-round), MIT. https://gentleface.com/icons/dog-bark import 'package:flutter/widgets.dart'; class DogBarkIcon extends StatelessWidget { const DogBarkIcon({super.key, this.size = 16, this.color}); final double size; final Color? color; @override Widget build(BuildContext context) => CustomPaint( size: Size.square(size), painter: _DogBarkIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)), ); } class _DogBarkIconPainter extends CustomPainter { _DogBarkIconPainter(this.color); final Color color; @override void paint(Canvas canvas, Size size) { canvas.scale(size.width / 16, size.height / 16); final p = Path() ..moveTo(2.854, 6.854) ..cubicTo(2.756, 6.951, 2.638, 7, 2.5, 7) ..cubicTo(2.359, 7, 2.241, 6.952, 2.144, 6.856) ..cubicTo(2.048, 6.759, 2, 6.641, 2, 6.5) ..lineTo(2, 3.5) ..cubicTo(2, 3.182, 2.059, 2.875, 2.176, 2.58) ..cubicTo(2.303, 2.259, 2.488, 1.976, 2.732, 1.732) ..cubicTo(2.976, 1.488, 3.259, 1.303, 3.58, 1.176) ..cubicTo(3.875, 1.059, 4.182, 1, 4.5, 1) ..lineTo(11.5, 1) ..cubicTo(11.818, 1, 12.125, 1.059, 12.42, 1.176) ..cubicTo(12.741, 1.303, 13.024, 1.488, 13.268, 1.732) ..cubicTo(13.512, 1.976, 13.697, 2.259, 13.824, 2.58) ..cubicTo(13.941, 2.875, 14, 3.182, 14, 3.5) ..lineTo(14, 6.5) ..cubicTo(14, 6.638, 13.951, 6.756, 13.854, 6.854) ..cubicTo(13.754, 6.953, 13.636, 7.003, 13.5, 7.003) ..cubicTo(13.364, 7.003, 13.246, 6.953, 13.146, 6.854) ..lineTo(12, 5.707) ..lineTo(12, 10) ..cubicTo(12, 10.509, 11.906, 10.999, 11.719, 11.472) ..cubicTo(11.516, 11.986, 11.219, 12.438, 10.828, 12.828) ..cubicTo(10.438, 13.219, 9.986, 13.516, 9.472, 13.719) ..cubicTo(8.999, 13.906, 8.509, 14, 8, 14) ..cubicTo(7.491, 14, 7.001, 13.906, 6.528, 13.719) ..cubicTo(6.014, 13.516, 5.562, 13.219, 5.172, 12.828) ..cubicTo(4.781, 12.438, 4.484, 11.986, 4.281, 11.472) ..cubicTo(4.094, 10.999, 4, 10.509, 4, 10) ..lineTo(4, 5.707) ..lineTo(2.854, 6.854) ..close() ..moveTo(6.293, 2) ..lineTo(4.5, 2) ..cubicTo(4.309, 2, 4.125, 2.035, 3.948, 2.105) ..cubicTo(3.755, 2.182, 3.586, 2.293, 3.439, 2.439) ..cubicTo(3.293, 2.586, 3.182, 2.755, 3.105, 2.948) ..cubicTo(3.035, 3.125, 3, 3.309, 3, 3.5) ..lineTo(3, 5.293) ..lineTo(6.293, 2) ..close() ..moveTo(5, 10) ..cubicTo(5, 10.381, 5.07, 10.75, 5.211, 11.104) ..cubicTo(5.363, 11.489, 5.586, 11.828, 5.879, 12.121) ..cubicTo(6.172, 12.414, 6.511, 12.637, 6.896, 12.789) ..cubicTo(7.25, 12.93, 7.619, 13, 8, 13) ..cubicTo(7.774, 13, 7.556, 12.957, 7.347, 12.87) ..cubicTo(7.138, 12.783, 6.953, 12.66, 6.793, 12.5) ..lineTo(6.146, 11.854) ..cubicTo(6.049, 11.756, 6, 11.638, 6, 11.5) ..cubicTo(6, 11.362, 6.049, 11.244, 6.146, 11.146) ..cubicTo(6.246, 11.047, 6.364, 10.997, 6.5, 10.997) ..cubicTo(6.636, 10.997, 6.754, 11.047, 6.854, 11.146) ..lineTo(7.5, 11.793) ..cubicTo(7.638, 11.931, 7.805, 12, 8, 12) ..cubicTo(8.195, 12, 8.362, 11.931, 8.5, 11.793) ..lineTo(9.146, 11.146) ..cubicTo(9.246, 11.047, 9.364, 10.997, 9.5, 10.997) ..cubicTo(9.636, 10.997, 9.754, 11.047, 9.854, 11.146) ..cubicTo(9.953, 11.246, 10.003, 11.364, 10.003, 11.5) ..cubicTo(10.003, 11.636, 9.953, 11.754, 9.854, 11.854) ..lineTo(9.207, 12.5) ..cubicTo(9.047, 12.66, 8.862, 12.783, 8.653, 12.87) ..cubicTo(8.444, 12.957, 8.226, 13, 8, 13) ..cubicTo(8.381, 13, 8.75, 12.93, 9.104, 12.789) ..cubicTo(9.489, 12.637, 9.828, 12.414, 10.121, 12.121) ..cubicTo(10.414, 11.828, 10.637, 11.489, 10.789, 11.104) ..cubicTo(10.93, 10.75, 11, 10.381, 11, 10) ..lineTo(11, 4.707) ..lineTo(8.293, 2) ..lineTo(7.707, 2) ..lineTo(5, 4.707) ..lineTo(5, 10) ..close() ..moveTo(12.895, 2.948) ..cubicTo(12.818, 2.755, 12.707, 2.586, 12.561, 2.439) ..cubicTo(12.414, 2.293, 12.245, 2.182, 12.052, 2.105) ..cubicTo(11.875, 2.035, 11.691, 2, 11.5, 2) ..lineTo(9.707, 2) ..lineTo(13, 5.293) ..lineTo(13, 3.5) ..cubicTo(13, 3.309, 12.965, 3.125, 12.895, 2.948) ..close() ..moveTo(5.968, 5.971) ..cubicTo(5.969, 5.97, 5.97, 5.969, 5.971, 5.968) ..cubicTo(6.117, 5.823, 6.294, 5.75, 6.5, 5.75) ..cubicTo(6.706, 5.75, 6.883, 5.823, 7.029, 5.968) ..cubicTo(7.03, 5.969, 7.031, 5.97, 7.032, 5.971) ..cubicTo(7.177, 6.117, 7.25, 6.294, 7.25, 6.5) ..cubicTo(7.25, 6.706, 7.177, 6.883, 7.032, 7.029) ..cubicTo(7.031, 7.03, 7.03, 7.031, 7.029, 7.032) ..cubicTo(6.883, 7.177, 6.706, 7.25, 6.5, 7.25) ..cubicTo(6.294, 7.25, 6.117, 7.177, 5.971, 7.032) ..cubicTo(5.97, 7.031, 5.969, 7.03, 5.968, 7.029) ..cubicTo(5.823, 6.883, 5.75, 6.706, 5.75, 6.5) ..cubicTo(5.75, 6.294, 5.823, 6.117, 5.968, 5.971) ..close() ..moveTo(10.029, 5.968) ..cubicTo(10.03, 5.969, 10.031, 5.97, 10.032, 5.971) ..cubicTo(10.177, 6.117, 10.25, 6.294, 10.25, 6.5) ..cubicTo(10.25, 6.706, 10.177, 6.883, 10.032, 7.029) ..cubicTo(10.031, 7.03, 10.03, 7.031, 10.029, 7.032) ..cubicTo(9.883, 7.177, 9.706, 7.25, 9.5, 7.25) ..cubicTo(9.293, 7.25, 9.116, 7.177, 8.97, 7.03) ..cubicTo(8.823, 6.884, 8.75, 6.707, 8.75, 6.5) ..cubicTo(8.75, 6.293, 8.823, 6.116, 8.97, 5.97) ..cubicTo(9.116, 5.823, 9.293, 5.75, 9.5, 5.75) ..cubicTo(9.706, 5.75, 9.883, 5.823, 10.029, 5.968) ..close() ..moveTo(2.204, 8.447) ..cubicTo(1.975, 9.304, 1.937, 10.169, 2.091, 11.042) ..cubicTo(2.245, 11.915, 2.576, 12.715, 3.085, 13.441) ..cubicTo(3.166, 13.557, 3.195, 13.682, 3.171, 13.816) ..cubicTo(3.147, 13.95, 3.078, 14.057, 2.962, 14.138) ..cubicTo(2.849, 14.217, 2.725, 14.245, 2.589, 14.221) ..cubicTo(2.453, 14.197, 2.345, 14.128, 2.266, 14.015) ..cubicTo(1.673, 13.168, 1.286, 12.234, 1.106, 11.216) ..cubicTo(0.927, 10.197, 0.971, 9.188, 1.239, 8.188) ..cubicTo(1.274, 8.055, 1.352, 7.954, 1.471, 7.885) ..cubicTo(1.591, 7.816, 1.718, 7.799, 1.851, 7.835) ..cubicTo(1.987, 7.871, 2.089, 7.948, 2.157, 8.066) ..cubicTo(2.225, 8.184, 2.241, 8.311, 2.204, 8.447) ..close() ..moveTo(13.734, 14.015) ..cubicTo(13.653, 14.13, 13.546, 14.2, 13.412, 14.224) ..cubicTo(13.278, 14.247, 13.153, 14.219, 13.038, 14.138) ..cubicTo(12.922, 14.057, 12.853, 13.95, 12.829, 13.816) ..cubicTo(12.805, 13.682, 12.834, 13.557, 12.915, 13.441) ..cubicTo(13.424, 12.715, 13.755, 11.915, 13.909, 11.042) ..cubicTo(14.063, 10.169, 14.025, 9.304, 13.796, 8.447) ..cubicTo(13.76, 8.314, 13.776, 8.187, 13.846, 8.068) ..cubicTo(13.915, 7.948, 14.016, 7.87, 14.149, 7.835) ..cubicTo(14.282, 7.799, 14.409, 7.816, 14.529, 7.885) ..cubicTo(14.648, 7.954, 14.726, 8.055, 14.761, 8.188) ..cubicTo(15.029, 9.188, 15.073, 10.197, 14.894, 11.216) ..cubicTo(14.714, 12.234, 14.327, 13.168, 13.734, 14.015) ..close() ..moveTo(7.293, 8.293) ..cubicTo(7.488, 8.098, 7.724, 8, 8, 8) ..cubicTo(8.276, 8, 8.512, 8.098, 8.707, 8.293) ..cubicTo(8.902, 8.488, 9, 8.724, 9, 9) ..cubicTo(9, 9.276, 8.902, 9.512, 8.707, 9.707) ..cubicTo(8.512, 9.902, 8.276, 10, 8, 10) ..cubicTo(7.724, 10, 7.488, 9.902, 7.293, 9.707) ..cubicTo(7.098, 9.512, 7, 9.276, 7, 9) ..cubicTo(7, 8.724, 7.098, 8.488, 7.293, 8.293) ..close(); canvas.drawPath(p, Paint()..color = color); } @override bool shouldRepaint(_DogBarkIconPainter old) => old.color != color; } ```