ICONYZ
日本語
Keyline Icons の Baby 2 Boy Sharp Two Tone アイコン

Baby 2 Boy Sharp Two Tone アイコン

keyline-icons:baby-2-boy-sharp-two-tone

Baby 2 Boy Sharp Two Tone アイコン(keyline-icons:baby-2-boy-sharp-two-tone)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Keyline Icons
作者
Keyline Icons
ライセンス
MIT
サイズ
24 × 24
タグ
babyboy、boysharp、sharptwo、twotone、babyboysharptwotone
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M15 19C15 18.5876 14.9162 18.1923 14.7638 17.832C14.6117 17.4723 14.3921 17.1494 14.1213 16.8787C13.8506 16.6079 13.5277 16.3883 13.168 16.2362C12.8077 16.0838 12.4124 16 12 16C11.5876 16 11.1923 16.0838 10.832 16.2362C10.4723 16.3883 10.1494 16.6079 9.8787 16.8787C9.6079 17.1494 9.3883 17.4723 9.2362 17.832C9.0838 18.1923 9 18.5876 9 19C9 19.4124 9.0838 19.8077 9.2362 20.168C9.3883 20.5277 9.6079 20.8506 9.8787 21.1213C10.1494 21.3921 10.4723 21.6117 10.832 21.7638C11.1923 21.9162 11.5876 22 12 22C12.4124 22 12.8077 21.9162 13.168 21.7638C13.5277 21.6117 13.8506 21.3921 14.1213 21.1213C14.3921 20.8506 14.6117 20.5277 14.7638 20.168C14.9162 19.8077 15 19.4124 15 19Z" stroke="none"/><path d="M4 10.5C4 5.8 7.6 2 12 2C16.4 2 20 5.8 20 10.5C21.1046 10.5 22 11.6193 22 13C22 14.3807 21.1046 15.5 20 15.5L20 15.738C20 17.3 19 18.9 17.45 20.1C15.9 21.3 13.94 22 12 22C10.06 22 8.1 21.3 6.55 20.1C5 18.9 4 17.3 4 15.738L4 15.5C2.8954 15.5 2 14.3807 2 13C2 11.6193 2.8954 10.5 4 10.5ZM12 2C10.8 2.3 9.1 3.2742 9.1 5.5C9.1 7.2121 10.4879 8.6 12.2 8.6C13.1163 8.6 13.9857 8.1946 14.5747 7.4926L14.8744 7.1354M9 11.6L9 14.6M15 11.6L15 14.6M14 19C14 17.8954 13.1046 17 12 17C10.8954 17 10 17.8954 10 19C10 20.1046 10.8954 21 12 21C13.1046 21 14 20.1046 14 19Z"/></g></svg>

Baby 2 Boy Sharp Two Tone アイコンの使い方

React

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

<Icon icon="keyline-icons:baby-2-boy-sharp-two-tone" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:baby-2-boy-sharp-two-tone" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:baby-2-boy-sharp-two-tone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--baby-2-boy-sharp-two-tone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:baby-2-boy-sharp-two-tone"></div>

Web コンポーネント

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

<iconify-icon icon="keyline-icons:baby-2-boy-sharp-two-tone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/keyline-icons/baby-2-boy-sharp-two-tone.svg" alt="Baby 2 Boy Sharp Two Tone アイコン" width="24" height="24">

Keyline Icons の関連アイコン

Baby 2 Boy Sharp Two Tone アイコン のよくある質問

Baby 2 Boy Sharp Two Tone アイコンは商用利用でも無料ですか?

はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Baby 2 Boy Sharp Two Tone アイコンを使うには?

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

Baby 2 Boy Sharp Two Tone アイコンをウェブページに追加するには?

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

Keyline Icons をすべて見る →