Baby Symbol アイコン
twemoji:baby-symbol
Baby Symbol アイコン(twemoji:baby-symbol)は、Twitter Emoji セットの無料 SVG アイコンです(作者: Twitter)。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Twitter Emoji
- 作者
- ライセンス
- CC-BY-4.0
- サイズ
- 36 × 36
- カテゴリ
- 記号
- タグ
- babysymbol
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#f4900c" d="M36 32a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4z"/><path fill="#fff" d="M14.431 24.691c-1.513-.06-3.773.47-5.538 2.686a1.852 1.852 0 0 0-2.519 2.508c.428.785 1.31 1.645 2.504 1.697q.059.003.119.003c.713 0 1.696-.287 2.543-1.559c1.214-1.821 2.748-1.651 2.945-1.622c.516.1 1.022-.032 1.42-.318c-.557-.954-.344-2.44-1.474-3.395m14.287 2.672a1.86 1.86 0 0 0-1.79.005c-1.698-2.128-3.849-2.691-5.357-2.678c-1.155.975-.911 2.499-1.514 3.451a1.9 1.9 0 0 0 1.281.265c.173-.028 1.724-.218 2.949 1.621c.848 1.271 1.831 1.559 2.544 1.559q.061 0 .119-.003c1.193-.053 2.076-.912 2.504-1.697a1.863 1.863 0 0 0-.736-2.523m-.658-8.423a1.5 1.5 0 0 0-1.872-.201c-.14-.037-.516-.187-1.128-.799c-2.031-2.031-4.096-2.859-5.466-3.199c1.348-.45 2.455-1.455 3.086-2.758A1.496 1.496 0 0 0 24 10.5c0-.56-.31-1.042-.765-1.3C23.086 6.303 20.803 4 18 4s-5.086 2.303-5.235 5.2c-.455.258-.765.74-.765 1.3c0 .767.577 1.392 1.319 1.482c.631 1.303 1.739 2.308 3.087 2.758c-1.371.34-3.436 1.168-5.466 3.199c-.612.612-.988.762-1.127.799a1.502 1.502 0 0 0-1.874 2.323c.047.048.712.691 1.83.691c.856 0 1.978-.378 3.291-1.691c.408-.408.809-.731 1.202-1.019a6.2 6.2 0 0 0-.186 1.453C14.077 22.917 15.833 23 18 23s3.923-.083 3.923-2.506c0-.465-.065-.959-.186-1.453c.394.288.794.611 1.202 1.019c1.312 1.314 2.434 1.691 3.291 1.691c1.117 0 1.782-.643 1.83-.691a1.5 1.5 0 0 0 0-2.12"/></svg>Baby Symbol アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:baby-symbol" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:baby-symbol" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:baby-symbol" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--baby-symbol]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:baby-symbol"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:baby-symbol"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/baby-symbol.svg" alt="Baby Symbol アイコン" width="24" height="24">Twitter Emoji の関連アイコン
baby
baby-angel
baby-angel-dark-skin-tone
baby-angel-light-skin-tone
baby-angel-medium-dark-skin-tone
baby-angel-medium-light-skin-tone
baby-angel-medium-skin-tone
baby-bottle
baby-chick
baby-dark-skin-tone
baby-light-skin-tone
baby-medium-dark-skin-tone
baby-medium-light-skin-tone
baby-medium-skin-tone
他のアイコンセットの Baby Symbol アイコン
Baby Symbol アイコン のよくある質問
Baby Symbol アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Baby Symbol アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:baby-symbol" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Baby Symbol アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/baby-symbol.svg" alt="Baby Symbol アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。