dog icon

Dog: dog, puppy, canine. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M1.854 7.854C1.756 7.951 1.638 8 1.5 8C1.359 8 1.241 7.952 1.144 7.856C1.048 7.759 1 7.641 1 7.5L1 3.5C1 3.182 1.059 2.875 1.176 2.58C1.303 2.259 1.488 1.976 1.732 1.732C1.976 1.488 2.259 1.303 2.58 1.176C2.875 1.059 3.182 1 3.5 1L12.5 1C12.818 1 13.125 1.059 13.42 1.176C13.741 1.303 14.024 1.488 14.268 1.732C14.512 1.976 14.697 2.259 14.824 2.58C14.941 2.875 15 3.182 15 3.5L15 7.5C15 7.638 14.951 7.756 14.854 7.854C14.754 7.953 14.636 8.003 14.5 8.003C14.364 8.003 14.246 7.953 14.146 7.854L13 6.707L13 10C13 10.636 12.883 11.249 12.649 11.84C12.395 12.482 12.024 13.047 11.536 13.536C11.047 14.024 10.482 14.395 9.84 14.649C9.249 14.883 8.636 15 8 15C7.364 15 6.751 14.883 6.16 14.649C5.518 14.395 4.953 14.024 4.464 13.536C3.976 13.047 3.605 12.482 3.351 11.84C3.117 11.249 3 10.636 3 10L3 6.707L1.854 7.854ZM6.293 2L3.5 2C3.309 2 3.125 2.035 2.948 2.105C2.755 2.182 2.586 2.293 2.439 2.439C2.293 2.586 2.182 2.755 2.105 2.948C2.035 3.125 2 3.309 2 3.5L2 6.293L6.293 2ZM4.281 11.472C4.484 11.986 4.781 12.438 5.172 12.828C5.562 13.219 6.014 13.516 6.528 13.719C7.001 13.906 7.491 14 8 14C8.509 14 8.999 13.906 9.472 13.719C9.986 13.516 10.438 13.219 10.828 12.828C11.219 12.438 11.516 11.986 11.719 11.472C11.906 10.999 12 10.509 12 10L12 5.707L8.293 2L7.707 2L4 5.707L4 10C4 10.509 4.094 10.999 4.281 11.472ZM13.895 2.948C13.818 2.755 13.707 2.586 13.561 2.439C13.414 2.293 13.245 2.182 13.052 2.105C12.875 2.035 12.691 2 12.5 2L9.707 2L14 6.293L14 3.5C14 3.309 13.965 3.125 13.895 2.948ZM5.293 6.293C5.488 6.098 5.724 6 6 6C6.276 6 6.512 6.098 6.707 6.293C6.902 6.488 7 6.724 7 7C7 7.276 6.902 7.512 6.707 7.707C6.512 7.902 6.276 8 6 8C5.724 8 5.488 7.902 5.293 7.707C5.098 7.512 5 7.276 5 7C5 6.724 5.098 6.488 5.293 6.293ZM10.707 6.293C10.902 6.488 11 6.724 11 7C11 7.276 10.902 7.512 10.707 7.707C10.512 7.902 10.276 8 10 8C9.724 8 9.488 7.902 9.293 7.707C9.098 7.512 9 7.276 9 7C9 6.724 9.098 6.488 9.293 6.293C9.488 6.098 9.724 6 10 6C10.276 6 10.512 6.098 10.707 6.293ZM7.293 9.293C7.488 9.098 7.724 9 8 9C8.276 9 8.512 9.098 8.707 9.293C8.902 9.488 9 9.724 9 10C9 10.276 8.902 10.512 8.707 10.707C8.512 10.902 8.276 11 8 11C7.724 11 7.488 10.902 7.293 10.707C7.098 10.512 7 10.276 7 10C7 9.724 7.098 9.488 7.293 9.293ZM10.146 11.146C10.246 11.047 10.364 10.997 10.5 10.997C10.636 10.997 10.754 11.047 10.854 11.146C10.953 11.246 11.003 11.364 11.003 11.5C11.003 11.636 10.953 11.754 10.854 11.854L10.354 12.354C10.147 12.561 9.908 12.72 9.638 12.832C9.367 12.944 9.086 13 8.793 13L7.207 13C6.914 13 6.633 12.944 6.362 12.832C6.092 12.72 5.853 12.561 5.646 12.354L5.146 11.854C5.047 11.754 4.997 11.636 4.997 11.5C4.997 11.364 5.047 11.246 5.146 11.146C5.244 11.049 5.362 11 5.5 11C5.638 11 5.756 11.049 5.854 11.146L6.354 11.646C6.589 11.882 6.874 12 7.207 12L8.793 12C9.126 12 9.411 11.882 9.646 11.646L10.146 11.146Z"/></svg>

React

// Gentleface "dog" (line-round), MIT. https://gentleface.com/icons/dog
import type { SVGProps } from 'react';

export function DogIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M1.854 7.854C1.756 7.951 1.638 8 1.5 8C1.359 8 1.241 7.952 1.144 7.856C1.048 7.759 1 7.641 1 7.5L1 3.5C1 3.182 1.059 2.875 1.176 2.58C1.303 2.259 1.488 1.976 1.732 1.732C1.976 1.488 2.259 1.303 2.58 1.176C2.875 1.059 3.182 1 3.5 1L12.5 1C12.818 1 13.125 1.059 13.42 1.176C13.741 1.303 14.024 1.488 14.268 1.732C14.512 1.976 14.697 2.259 14.824 2.58C14.941 2.875 15 3.182 15 3.5L15 7.5C15 7.638 14.951 7.756 14.854 7.854C14.754 7.953 14.636 8.003 14.5 8.003C14.364 8.003 14.246 7.953 14.146 7.854L13 6.707L13 10C13 10.636 12.883 11.249 12.649 11.84C12.395 12.482 12.024 13.047 11.536 13.536C11.047 14.024 10.482 14.395 9.84 14.649C9.249 14.883 8.636 15 8 15C7.364 15 6.751 14.883 6.16 14.649C5.518 14.395 4.953 14.024 4.464 13.536C3.976 13.047 3.605 12.482 3.351 11.84C3.117 11.249 3 10.636 3 10L3 6.707L1.854 7.854ZM6.293 2L3.5 2C3.309 2 3.125 2.035 2.948 2.105C2.755 2.182 2.586 2.293 2.439 2.439C2.293 2.586 2.182 2.755 2.105 2.948C2.035 3.125 2 3.309 2 3.5L2 6.293L6.293 2ZM4.281 11.472C4.484 11.986 4.781 12.438 5.172 12.828C5.562 13.219 6.014 13.516 6.528 13.719C7.001 13.906 7.491 14 8 14C8.509 14 8.999 13.906 9.472 13.719C9.986 13.516 10.438 13.219 10.828 12.828C11.219 12.438 11.516 11.986 11.719 11.472C11.906 10.999 12 10.509 12 10L12 5.707L8.293 2L7.707 2L4 5.707L4 10C4 10.509 4.094 10.999 4.281 11.472ZM13.895 2.948C13.818 2.755 13.707 2.586 13.561 2.439C13.414 2.293 13.245 2.182 13.052 2.105C12.875 2.035 12.691 2 12.5 2L9.707 2L14 6.293L14 3.5C14 3.309 13.965 3.125 13.895 2.948ZM5.293 6.293C5.488 6.098 5.724 6 6 6C6.276 6 6.512 6.098 6.707 6.293C6.902 6.488 7 6.724 7 7C7 7.276 6.902 7.512 6.707 7.707C6.512 7.902 6.276 8 6 8C5.724 8 5.488 7.902 5.293 7.707C5.098 7.512 5 7.276 5 7C5 6.724 5.098 6.488 5.293 6.293ZM10.707 6.293C10.902 6.488 11 6.724 11 7C11 7.276 10.902 7.512 10.707 7.707C10.512 7.902 10.276 8 10 8C9.724 8 9.488 7.902 9.293 7.707C9.098 7.512 9 7.276 9 7C9 6.724 9.098 6.488 9.293 6.293C9.488 6.098 9.724 6 10 6C10.276 6 10.512 6.098 10.707 6.293ZM7.293 9.293C7.488 9.098 7.724 9 8 9C8.276 9 8.512 9.098 8.707 9.293C8.902 9.488 9 9.724 9 10C9 10.276 8.902 10.512 8.707 10.707C8.512 10.902 8.276 11 8 11C7.724 11 7.488 10.902 7.293 10.707C7.098 10.512 7 10.276 7 10C7 9.724 7.098 9.488 7.293 9.293ZM10.146 11.146C10.246 11.047 10.364 10.997 10.5 10.997C10.636 10.997 10.754 11.047 10.854 11.146C10.953 11.246 11.003 11.364 11.003 11.5C11.003 11.636 10.953 11.754 10.854 11.854L10.354 12.354C10.147 12.561 9.908 12.72 9.638 12.832C9.367 12.944 9.086 13 8.793 13L7.207 13C6.914 13 6.633 12.944 6.362 12.832C6.092 12.72 5.853 12.561 5.646 12.354L5.146 11.854C5.047 11.754 4.997 11.636 4.997 11.5C4.997 11.364 5.047 11.246 5.146 11.146C5.244 11.049 5.362 11 5.5 11C5.638 11 5.756 11.049 5.854 11.146L6.354 11.646C6.589 11.882 6.874 12 7.207 12L8.793 12C9.126 12 9.411 11.882 9.646 11.646L10.146 11.146Z" />
    </svg>
  );
}

Vue

Vue: see /icons/dog.md

Svelte

Svelte: see /icons/dog.md

HTML img

HTML img: see /icons/dog.md

CSS

CSS: see /icons/dog.md

Data URL

Data URL: see /icons/dog.md

Sprite

Sprite: see /icons/dog.md

SwiftUI

SwiftUI: see /icons/dog.md

Compose

Compose: see /icons/dog.md

Android XML

Android XML: see /icons/dog.md

Flutter

Flutter: see /icons/dog.md

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. 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. More in how to use.

Meaning

Use it for

dog, puppy, canine

Alternatives

paw: pets in general, or pet-friendly

Also fits

pets: a dog specifically

Tags

dog, puppy, pet, pets, animal, canine

Category

Nature & animals

Component name

DogIcon

History

2026-10-15 added
2026-10-16 16 px redrawn

More nature & animals icons

cactus cat clover feather fish fish-off flower horse leaf mountain paw paw-off potted-plant rabbit recycle solar-panel · all nature & animals icons

For agents

Metadata: /icons/dog.json · Markdown: /icons/dog.md · SVG: https://gentleface.com/svg/{style}/16/dog.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/dog.png

dog icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp

Code line-round

Meaning

More nature & animals icons

For agents

dog icon