ICONYZ
Русский
Иконка Dog 48 из набора Energy Icons

Иконка Dog 48

energy-icons:dog-48

Иконка Dog 48 (energy-icons:dog-48) — бесплатная SVG-иконка из набора Energy Icons от Sam Passmore. Она нарисована на сетке 48 × 48. Energy Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Energy Icons
Автор
Sam Passmore
Лицензия
MIT
Размер
48 × 48
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M33 14c0-1.592-.763-2.784-2.246-3.632C29.216 9.49 26.914 9 24 9s-5.216.49-6.754 1.368C15.763 11.216 15 12.408 15 14v16c0 2.773.92 5.006 2.457 6.543S21.227 39 24 39s5.006-.92 6.543-2.457S33 32.773 33 30zm2 16c0 3.227-1.08 5.994-3.043 7.957S27.227 41 24 41s-5.994-1.08-7.957-3.043S13 33.227 13 30V14c0-2.408 1.237-4.216 3.254-5.368C18.216 7.51 20.914 7 24 7s5.784.51 7.746 1.632C33.763 9.784 35 11.592 35 14z"/><path fill="currentColor" d="m14.8 24.6l-3 4a1 1 0 0 1-.093.107c-1.13 1.13-2.722 1.882-4.2 1.513C5.867 29.81 5 28.219 5 26c0-3.084.51-6.277 1.876-8.735C8.276 14.745 10.585 13 14 13v2c-2.584 0-4.275 1.254-5.376 3.235C7.49 20.276 7 23.085 7 26c0 1.78.634 2.19.992 2.28c.515.129 1.4-.11 2.257-.946L13.2 23.4zm22.95 2.734c.857.836 1.743 1.075 2.258.946c.358-.09.992-.5.992-2.28c0-2.916-.49-5.724-1.624-7.765C38.276 16.255 36.584 15 34 15v-2c3.416 0 5.725 1.746 7.124 4.265C42.49 19.723 43 22.915 43 26c0 2.219-.866 3.81-2.508 4.22c-1.477.369-3.07-.383-4.199-1.513a1 1 0 0 1-.093-.107l-3-4l1.6-1.2zM19 22.02V22a1 1 0 1 1 2 0v.02a1 1 0 1 1-2 0m8 0V22a1 1 0 1 1 2 0v.02a1 1 0 1 1-2 0M25.5 31a1.5 1.5 0 1 0-3 0a1.5 1.5 0 0 0 3 0m2 0a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0"/></svg>

Как использовать иконку Dog 48

React

import { Icon } from "@iconify/react";

<Icon icon="energy-icons:dog-48" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="energy-icons:dog-48" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="energy-icons:dog-48" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--dog-48]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:dog-48"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="energy-icons:dog-48"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/energy-icons/dog-48.svg" alt="Иконка Dog 48" width="24" height="24">

Похожие иконки в наборе Energy Icons

Иконка dog-20
dog-20
 Иконка dog-20-bold
dog-20-bold
 Иконка dog-48-bold
dog-48-bold

Вопросы и ответы: Иконка Dog 48

Можно ли бесплатно использовать иконку Dog 48 в коммерческих проектах?

Да. Energy Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Dog 48 в React?

Установите @iconify/react и выведите <Icon icon="energy-icons:dog-48" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Dog 48 на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/energy-icons/dog-48.svg" alt="Иконка Dog 48">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Energy Icons →