Иконка Dashing Away

openmoji:dashing-away

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

Набор: OpenMoji
Автор: OpenMoji
Лицензия: CC-BY-SA-4.0
Размер: 72 × 72
Категория: Смайлы и эмоции
Теги: dashingaway

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#61b2e4" d="M55.023 24.349c-.39 0-.775.022-1.155.058a8.034 8.034 0 0 0-11.529-4.696c-1.605-4.77-6.104-8.209-11.414-8.208c-6.654.002-12.047 5.397-12.045 12.05c0 .55.05 1.088.121 1.62L4 31.496v11l14.889 5.884l-.004.07c.002 6.655 5.397 12.047 12.05 12.046c4.818-.001 8.962-2.837 10.889-6.923a8 8 0 0 0 4.37 1.297a8.03 8.03 0 0 0 7.877-6.475c.316.025.634.048.957.048c6.654-.002 12.046-5.397 12.045-12.05s-5.397-12.047-12.05-12.045"/><path fill="#92d3f5" d="M55.486 24.349c-.39 0-.774.022-1.154.058a8.034 8.034 0 0 0-11.53-4.696c-1.604-4.77-6.103-8.209-11.414-8.208c-6.653.002-12.046 5.397-12.045 12.05c0 .55.05 1.088.122 1.62l-3.978 1.692a12.1 12.1 0 0 1 5.852 6.846a8.034 8.034 0 0 1 11.529 4.697c.38-.037.765-.06 1.155-.06c6.653 0 12.048 5.392 12.05 12.046c0 1.532-.297 2.992-.818 4.34c.457.082.922.137 1.403.137a8.03 8.03 0 0 0 7.876-6.475c.317.025.634.048.958.048c6.653-.002 12.046-5.397 12.044-12.05s-5.396-12.047-12.05-12.045"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="m5 42.273l14.352 6.108l-.003.07c.001 6.654 5.396 12.047 12.05 12.046c4.818-.001 8.962-2.837 10.889-6.923a8 8 0 0 0 4.37 1.297a8.03 8.03 0 0 0 7.876-6.475c.317.025.634.048.957.048c6.654-.002 12.047-5.397 12.045-12.05s-5.396-12.047-12.05-12.045c-.39 0-.774.022-1.154.058a8.034 8.034 0 0 0-11.53-4.696c-1.604-4.77-6.103-8.209-11.414-8.208c-6.653.002-12.046 5.397-12.045 12.05c0 .55.05 1.089.122 1.62L5 31.327m0-5.83l9-4s-1-5 4-8m-13 34l9 4s-1 5 4 8"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="openmoji:dashing-away"></iconify-icon>

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

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

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

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

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

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

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

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

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

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

Все Иконки OpenMoji →