Dog icon
icon-park:dog
The Dog icon (icon-park:dog) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Animals
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M17.0001 10L14.9999 5C12.8332 5.83333 8.2 10.8 9 18"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M30.9999 10L33.0001 5C35.1668 5.83333 39.8 10.8 39 18"/><path fill="#2F88FF" stroke="#000" stroke-width="4" d="M42 28.5C42 38.165 33.9411 43 24 43C14.0589 43 6 38.165 6 28.5C6 18.835 14.0589 9 24 9C33.9411 9 42 18.835 42 28.5Z"/><circle cx="20" cy="17" r="2" fill="#fff"/><circle cx="28" cy="17" r="2" fill="#fff"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M24 26C24 27.6569 24.5 31.5 21 31.5C19.3431 31.5 18 30.1569 18 28.5"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M24.0249 26C24.0249 27.6569 23.5249 31.5 27.0249 31.5C28.6818 31.5 30.0249 30.1569 30.0249 28.5"/><path stroke="#fff" stroke-linejoin="round" stroke-width="4" d="M26 25.75C26 26.4404 24 27.5 24 27.5C24 27.5 22 26.4404 22 25.75C22 25.0596 22.5 24.5 24 24.5C25.5 24.5 26 25.0596 26 25.75Z"/></g></svg>
How to use the Dog icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:dog" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:dog" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:dog" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--dog]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:dog"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:dog"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/dog.svg" alt="Dog icon" width="24" height="24">
Related icons in IconPark
Dog icon in other icon sets
Dog icon FAQ
Is the Dog icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Dog icon in React?
Install @iconify/react and render <Icon icon="icon-park:dog" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Dog icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/dog.svg" alt="Dog icon">, or paste the SVG code inline to style it with CSS.
Browse all IconPark icons →
ICONYZ
