Nesting Dolls アイコン
openmoji:nesting-dolls
Nesting Dolls アイコン(openmoji:nesting-dolls)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- OpenMoji
- 作者
- OpenMoji
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 72 × 72
- カテゴリ
- アクティビティ
- タグ
- nestingdolls、doll
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#d22f27" d="M53.36 39.58a16 16 0 0 0-.6-1.661a58 58 0 0 0-2.16-4.551a7.7 7.7 0 0 1-1.009-4.783q.151-1.134.295-2.27c.16-1.251.322-2.503.497-3.752a13.85 13.85 0 0 0-7.318-14.2a16.9 16.9 0 0 0-8.934-1.371a13.43 13.43 0 0 0-12.6 14.28c.07 1.358.268 2.711.459 4.019c.109.747.218 1.494.304 2.242l.014.123a7.93 7.93 0 0 1-.24 4.196a85 85 0 0 1-1.885 3.879a21 21 0 0 0-1.553 3.856a.947.947 0 0 0 .879 1.204c1.286.045 12.68.333 16.27-3.138a4 4 0 0 0 .332-.356q.111.122.237.244c1.595 1.541 5.28 3.292 13.78 3.292q1.12 0 2.355-.042a.947.947 0 0 0 .876-1.215z"/><path fill="#92d3f5" d="M56.95 43.31a1 1 0 0 0-.996-.917l-39.9.004a1 1 0 0 0-.996.914a15.1 15.1 0 0 0 .58 5.664c.954 3.176 2.019 6.368 3.05 9.455c.653 1.957 1.307 3.914 1.936 5.879a1 1 0 0 0 .952.694h.004l28.83-.101a1 1 0 0 0 .943-.68l.597-1.764c1.478-4.366 3.005-8.881 4.375-13.37a15.4 15.4 0 0 0 .622-5.778zm-32.8.086h22v2.83a11 11 0 0 1-22 0zm26.26 20.5l-28.83.102l-1.54-4.904h32z"/><circle cx="36" cy="21.75" r="10" fill="#ffa7c0"/><path fill="#61b2e4" d="m21.58 64l-1.54-4.9h32l-1.64 4.8z"/><path d="M26 22.68s10-.93 9.996-8.328c0 0 .763 7.818 9.979 8.096c0 0 .972-10.7-9.976-10.7c-11.35 0-10 10.93-10 10.93z"/><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="2" d="m19.54 41.85l-1.107 1.549h6.769v3.85l3.761 6.756l7.652 2.096l6.659-4.01l1.834-4.941v-3.854h8.379l-1.033-1.445c-6.67-.136-13.61.03-16.34-4.548c-1.645 3.968-10.53 4.594-16.57 4.548z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M48.7 39.87C36 39.56 36 35.053 36 35.053c0 3.742-8.025 4.595-12.87 4.769m-3.59.024a20 20 0 0 1 1.484-3.682a83 83 0 0 0 1.907-3.924a8.95 8.95 0 0 0 .302-4.814c-.236-2.07-.65-4.128-.757-6.203a12.46 12.46 0 0 1 11.73-13.29a16.13 16.13 0 0 1 8.45 1.28a12.94 12.94 0 0 1 6.79 13.21c-.282 2.007-.526 4.02-.793 6.029a8.7 8.7 0 0 0 1.112 5.352a57 57 0 0 1 2.124 4.476a15 15 0 0 1 .564 1.56m3.497 3.55a14.3 14.3 0 0 1-.583 5.404c-1.545 5.068-3.266 10.08-4.962 15.11l-28.83.101c-1.638-5.112-3.436-10.17-4.979-15.31a14 14 0 0 1-.543-5.29z"/><circle cx="36" cy="21.75" r="10" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M23.76 60.11h24.48m-3.13-12.96a10 10 0 0 1-19.91.1M46 21.75a10.11 10.11 0 0 1-10.07-9.999h0a10.17 10.17 0 0 1-9.934 9.997"/><circle cx="32.83" cy="23.61" r="2"/><circle cx="38.98" cy="23.61" r="2"/></svg>Nesting Dolls アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:nesting-dolls" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:nesting-dolls" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:nesting-dolls" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--nesting-dolls]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:nesting-dolls"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:nesting-dolls"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/openmoji/nesting-dolls.svg" alt="Nesting Dolls アイコン" width="24" height="24">他のアイコンセットの Nesting Dolls アイコン
Nesting Dolls アイコン のよくある質問
Nesting Dolls アイコンは商用利用でも無料ですか?
はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Nesting Dolls アイコンを使うには?
@iconify/react をインストールして <Icon icon="openmoji:nesting-dolls" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Nesting Dolls アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/nesting-dolls.svg" alt="Nesting Dolls アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。