Иконка Qingniao Clue

icon-park-solid:qingniao-clue

Иконка Qingniao Clue (icon-park-solid:qingniao-clue) — бесплатная SVG-иконка из набора IconPark Solid от ByteDance. Она нарисована на сетке 48 × 48. IconPark Solid icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: IconPark Solid
Автор: ByteDance
Лицензия: Apache-2.0
Размер: 48 × 48
Категория: Бренд
Теги: qingniaoclue

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><defs><mask id="SVGTg9gpdMN"><g fill="none"><path fill="#fff" d="M1.387 27.28c1.962 9.4 11.124 15.472 20.559 13.7l-.006.004c10.992-1.795 16.14-8.437 20.323-11.761c2.225-1.767 3.39-2.8 4.53-3.396c-.746.126-1.226-.101-1.87-.328c-.712-.25-1.624-.502-3.315-.278c-3.223.428-6.043 3.65-6.043 3.65l-1.72 1.528a17.6 17.6 0 0 1-7.234 3.323a17.66 17.66 0 0 1-12.378-1.963c-4.227-2.415-7.437-6.549-8.507-11.673a17.44 17.44 0 0 1 .416-8.77C2.114 15.365.134 21.283 1.387 27.281"/><path fill="#fff" fill-rule="evenodd" d="m21.946 40.98l-.006.004c10.992-1.795 16.14-8.437 20.323-11.761c2.225-1.767 3.39-2.8 4.53-3.396c-.746.126-1.226-.101-1.87-.328c-.712-.25-1.624-.502-3.315-.278c-3.223.428-6.043 3.65-6.043 3.65l-1.72 1.528a17.6 17.6 0 0 1-7.234 3.323a17.66 17.66 0 0 1-12.378-1.963c-4.227-2.415-7.437-6.549-8.507-11.673a17.44 17.44 0 0 1 .416-8.77C2.114 15.365.134 21.283 1.387 27.281c1.962 9.398 11.124 15.471 20.559 13.698" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M35.75 28.586c-2.675 9.346-12.453 14.764-21.841 12.102C5.724 38.367.538 30.668 1.116 22.538A16.375 16.375 0 0 0 12.955 36.56c8.722 2.475 17.807-2.56 20.293-11.244c.718-2.511.806-5.052.357-7.455a16.4 16.4 0 0 0-3.887-7.9a17.66 17.66 0 0 1 5.623 7.731a17.45 17.45 0 0 1 .408 10.895" clip-rule="evenodd"/><path fill="#000" d="m27.459 32.468l.527.919l.857-.353l.79-.352c1.593-.795 1.518-.674 3.434-1.943s2.928-2.04 4.4-3.815l-.818-.649c-.969 1.222-2.038 2.138-3.87 3.351c-1.154.765-2.93 1.714-5.32 2.842"/><path fill="#fff" fill-rule="evenodd" d="M18.696 6.118c2.35 0 4.63.47 6.727 1.335c-8.67 2.447-14.15 11.076-12.552 19.99l.002.013q.037.202.078.403l.006.027l.01.056q.037.172.077.342l.015.066q.016.07.036.144q.266 1.093.665 2.127c-2.95-2.101-4.878-4.667-6.12-7.34c-1.65-3.553-1.89-7.647-.607-12.8a17.6 17.6 0 0 1 8.781-4.127c.967-.16 1.93-.236 2.882-.236M5.386 17.417l.014.35a17.4 17.4 0 0 1 .063-3.218q-.124 1.477-.077 2.868" clip-rule="evenodd"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVGTg9gpdMN)"/></svg>

Как использовать иконку Qingniao Clue

React

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

<Icon icon="icon-park-solid:qingniao-clue" width="24" />

Vue

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

<template>
  <Icon icon="icon-park-solid:qingniao-clue" width="24" />
</template>

Svelte

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

<Icon icon="icon-park-solid:qingniao-clue" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park-solid--qingniao-clue]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park-solid -->
<div class="i-icon-park-solid:qingniao-clue"></div>

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

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

<iconify-icon icon="icon-park-solid:qingniao-clue"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/icon-park-solid/qingniao-clue.svg" alt="Иконка Qingniao Clue" width="24" height="24">

Иконка Qingniao Clue в других наборах

Вопросы и ответы: Иконка Qingniao Clue

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

Да. IconPark Solid icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

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

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

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

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

Все Иконки IconPark Solid →