Иконка Dashing Away

streamline-emojis:dashing-away

Иконка Dashing Away (streamline-emojis:dashing-away) — бесплатная SVG-иконка из набора Streamline Emojis от Streamline. Она нарисована на сетке 48 × 48. Streamline Emojis icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Streamline Emojis
Автор: Streamline
Лицензия: CC-BY-4.0
Размер: 48 × 48
Категория: Животные и природа
Теги: dashingaway

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#fff" d="M46.56 19.71a11.69 11.69 0 0 0-7.38-9.41v-.21A5.14 5.14 0 0 0 34.06 5a5.07 5.07 0 0 0-3 1a8.44 8.44 0 1 0-11.57 12.2A17.8 17.8 0 0 1 15 19.83a35.3 35.3 0 0 1-7.57.84a.56.56 0 0 0-.34 1a3.23 3.23 0 0 1 1.44 2.76a2.74 2.74 0 0 1-1.62 2.69a.55.55 0 0 0-.28.77a2.33 2.33 0 0 1 .16 1.56c-.24 1.19-1.92 1.74-1.92 1.74a39 39 0 0 1 10.23.75a19 19 0 0 1 3.12.9a7.55 7.55 0 1 0 14 5.31a5 5 0 0 0 4.16.7a5 5 0 0 0 3.54-3.6a5.1 5.1 0 0 0-.34-3.41a11.61 11.61 0 0 0 6.98-12.13"/><path fill="#e5f8ff" d="M46.4 18.89a11.59 11.59 0 0 1-6.83 8.33a5.1 5.1 0 0 1 .34 3.41a5 5 0 0 1-3.54 3.6a5 5 0 0 1-4.16-.7a7.54 7.54 0 0 1-14.55.72a7.54 7.54 0 1 0 14.55 3.9a5 5 0 0 0 4.16.7a5 5 0 0 0 3.54-3.6a5.1 5.1 0 0 0-.34-3.41a11.61 11.61 0 0 0 7-12.13a7 7 0 0 0-.17-.82M21.86 30a28.4 28.4 0 0 0-6.73-2.66a39.7 39.7 0 0 0-7.32-.81a2.4 2.4 0 0 1-.87.61a.55.55 0 0 0-.28.77a2.33 2.33 0 0 1 .16 1.56c-.24 1.19-1.92 1.74-1.92 1.74a39 39 0 0 1 10.23.75c.82.17 2.46.68 3.12.9A6.7 6.7 0 0 1 21.86 30"/><path fill="#45413c" d="M8.8 45.31a15.2 1.69 0 1 0 30.4 0a15.2 1.69 0 1 0-30.4 0" opacity=".15"/><path fill="#fff" d="M6.49 16.88s3.61-.5 5.11-2.88s.94-4.83-1.33-5.16A2.18 2.18 0 0 0 7.82 12a3.61 3.61 0 0 1-1.33 4.88"/><path fill="#e5f8ff" d="M11.6 11.18a6.45 6.45 0 0 1-3.33 2.42a3.52 3.52 0 0 1-1.78 3.28s3.61-.5 5.11-2.88a4.06 4.06 0 0 0 .54-3.91a5.5 5.5 0 0 1-.54 1.09"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M6.49 16.88s3.61-.5 5.11-2.88s.94-4.83-1.33-5.16A2.18 2.18 0 0 0 7.82 12a3.61 3.61 0 0 1-1.33 4.88"/><path fill="#fff" d="M5.19 34.23s4.93.08 6.84 1.82s2.12 4.43.1 4.9s-2.61-.77-3-2.2s-1.88-3.98-3.94-4.52"/><path fill="#e5f8ff" d="M12.9 39.3c-1.89.44-2.61-.78-2.94-2.2a7 7 0 0 0-1.21-2.45a21 21 0 0 0-3.56-.42c2.06.54 3.62 2.94 4 4.52s1.05 2.64 3 2.2A1.8 1.8 0 0 0 13.56 39a2 2 0 0 1-.66.3"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M5.19 34.23s4.93.08 6.84 1.82s2.12 4.43.1 4.9s-2.61-.77-3-2.2s-1.88-3.98-3.94-4.52"/><path fill="#e5f8ff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M19.49 18.26c3.07 2 5.32 1.47 5.32 1.47M18.25 32.9c2.06-3.32 4.94-3.1 4.94-3.1m-11.86-5.4a30.5 30.5 0 0 0 8.16-1.5m-6.71 4.32a22.4 22.4 0 0 1 5.25 0"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M46.56 19.71a11.69 11.69 0 0 0-7.38-9.41v-.21A5.14 5.14 0 0 0 34.06 5a5.07 5.07 0 0 0-3 1a8.44 8.44 0 1 0-11.57 12.2A17.8 17.8 0 0 1 15 19.83a35.3 35.3 0 0 1-7.57.84a.56.56 0 0 0-.34 1a3.23 3.23 0 0 1 1.44 2.76a2.74 2.74 0 0 1-1.62 2.69a.55.55 0 0 0-.28.77a2.33 2.33 0 0 1 .16 1.56c-.24 1.19-1.92 1.74-1.92 1.74a39 39 0 0 1 10.23.75a19 19 0 0 1 3.12.9a7.55 7.55 0 1 0 14 5.31a5 5 0 0 0 4.16.7a5 5 0 0 0 3.54-3.6a5.1 5.1 0 0 0-.34-3.41a11.61 11.61 0 0 0 6.98-12.13"/></svg>

Как использовать иконку Dashing Away

React

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

<Icon icon="streamline-emojis:dashing-away" width="24" />

Vue

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

<template>
  <Icon icon="streamline-emojis:dashing-away" width="24" />
</template>

Svelte

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

<Icon icon="streamline-emojis:dashing-away" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--dashing-away]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:dashing-away"></div>

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

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

<iconify-icon icon="streamline-emojis:dashing-away"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/streamline-emojis/dashing-away.svg" alt="Иконка Dashing Away" width="24" height="24">

Иконка Dashing Away в других наборах

Вопросы и ответы: Иконка Dashing Away

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

Да. Streamline Emojis icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

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

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

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

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

Все Иконки Streamline Emojis →