Nests アイコン
icon-park:nests
Nests アイコン(icon-park:nests)は、IconPark セットの無料 SVG アイコンです（作者: ByteDance）。 48 × 48 のグリッドで描かれています。 IconPark icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- IconPark
- 作者
- ByteDance
- ライセンス
- Apache-2.0
- サイズ
- 48 × 48
- カテゴリ
- 健康
- タグ
- nest
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linejoin="round" stroke-width="4"><path stroke-linecap="round" d="M4.99902 32.3137L20.0339 5.94293C20.958 3.98114 22.6267 3.00024 25.0402 3.00024C28.6603 3.00024 31.0172 7.9865 31.0172 7.9865C31.0172 7.9865 32.3445 8.18426 34.999 8.57977C30.9888 8.64538 28.6699 9.45221 28.0424 11.0002C27.1012 13.3223 30.4983 15.7311 31.0172 19.0041C31.5361 22.2771 29.4663 27.8053 24.4882 30.5672C21.1694 32.4085 17.0262 32.8862 12.0583 32.0002L5.95844 43.0002"/><path fill="#2F88FF" fill-rule="evenodd" d="M14.9424 26.9782C17.5213 22.3287 19.2169 19.3432 20.0293 18.0218C21.2478 16.0397 26.2745 16.6373 24.4685 21.5845C23.2645 24.8827 20.0891 26.6806 14.9424 26.9782Z" clip-rule="evenodd"/><path fill="#2F88FF" fill-rule="evenodd" d="M32.9678 32.9838C34.1099 30.2473 35.7775 28.589 37.9706 28.009C40.1637 27.4289 42.1638 27.782 43.971 29.0684C42.8455 31.6643 41.1772 33.3286 38.9661 34.0611C36.7549 34.7936 34.7555 34.4345 32.9678 32.9838Z" clip-rule="evenodd"/><path fill="#2F88FF" fill-rule="evenodd" d="M26.9854 35.1143C27.7422 37.8361 29.7468 39.6565 32.9993 40.5753C36.2518 41.4942 38.9296 40.9692 41.0325 39.0005C38.4317 35.97 36.088 34.3065 34.0015 34.0101C31.915 33.7136 29.5763 34.0817 26.9854 35.1143Z" clip-rule="evenodd"/></g></svg>Nests アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:nests" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:nests" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:nests" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--nests]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:nests"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:nests"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/icon-park/nests.svg" alt="Nests アイコン" width="24" height="24">他のアイコンセットの Nests アイコン
Nests アイコン のよくある質問
Nests アイコンは商用利用でも無料ですか?
はい。IconPark icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Nests アイコンを使うには?
@iconify/react をインストールして <Icon icon="icon-park:nests" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Nests アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/icon-park/nests.svg" alt="Nests アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。