Baby アイコン

Q: Baby アイコンは商用利用でも無料ですか?

はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

openmoji:baby

Baby アイコン(openmoji:baby)は、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
カテゴリ: 人物・体

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#92d3f5" d="M17 62.5v-1.9c0-8.4 1.1-25.7 4.1-32.1h30c3 6.3 3.9 23.6 3.9 32.1v1.9z"/><path fill="#61b2e4" d="M55 62.5H43V46c0-3-1-4-1-4l5.4-2.9l4.4-8l1.4 3.6z"/><circle cx="36" cy="35.5" r="3" fill="#ea5a47"/><path fill="#fcea2b" d="M51.1 25.7c0-9.1-6.2-15.7-15-15.7s-15 6.5-15 15.7c0 6.3-.8 12.2 7.1 16.3c0 0 3.5 1 7.9 1c5 0 8-1.1 8-1.1c8-4 7-10 7-16.2M36 38.5c-1.7 0-3-1.3-3-3s1.3-3 3-3s3 1.3 3 3s-1.3 3-3 3"/><g fill="none" stroke="#000" stroke-width="2"><path stroke-linecap="round" stroke-miterlimit="10" d="M27 28s1-1 2-1s2 1 2 1m10 0s1-1 2-1s2 1 2 1"/><path stroke-linecap="round" stroke-linejoin="round" d="M51 29.3c3 3 4 21.7 4 29.7v2.5m-38 0V59c0-8 1-26.7 4-29.7"/><path stroke-linecap="round" stroke-miterlimit="10" d="m32 16l-1 1m5-2l-1 2m5-1l1 1"/><circle cx="36" cy="35.5" r="3" stroke-miterlimit="10"/><path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M32.7 35.6c-1.1-.3-1.7-.6-1.7-.6m10 0s-.5.3-1.5.6"/><path stroke-linecap="round" stroke-linejoin="round" d="M44 42c8-3 7-12 7-15.8C51 17.3 44.8 11 36 11s-15 6.3-15 15.2C21 30 20 39 28.1 42c3.7 1.4 12.1 1.3 15.9 0"/></g></svg>

Baby アイコンの使い方

React

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

<Icon icon="openmoji:baby" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:baby" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:baby" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="openmoji:baby"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/baby.svg" alt="Baby アイコン" width="24" height="24">

OpenMoji の関連アイコン

他のアイコンセットの Baby アイコン

Baby アイコンのよくある質問

Baby アイコンは商用利用でも無料ですか?

はい。OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Baby アイコンを使うには?

@iconify/react をインストールして <Icon icon="openmoji:baby" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Baby アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/baby.svg" alt="Baby アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

OpenMoji アイコンをすべて見る →