Qingniao Clue アイコン
icon-park-solid:qingniao-clue
Qingniao Clue アイコン(icon-park-solid:qingniao-clue)は、IconPark Solid セットの無料 SVG アイコンです（作者: 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 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>Web コンポーネント
<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 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Qingniao Clue アイコンを使うには?
@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。