Teddy Bear アイコン
openmoji:teddy-bear
Teddy Bear アイコン(openmoji:teddy-bear)は、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
- カテゴリ
- アクティビティ
- タグ
- teddybear
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#6a462f" d="M30.561 10.066a7.5 7.5 0 1 0-8.965 9.788Zm19.843 9.788a7.5 7.5 0 1 0-8.964-9.79Z"/><path fill="#a57939" d="M52.567 42.483a16 16 0 0 0-5.115-7.353a15.955 15.955 0 1 0-22.849.063a15.95 15.95 0 0 0-5.047 7.311c4.19.595 6.845 4.717 6.845 9.638c0 5.33-2.775 6.321-2.775 6.321A29.5 29.5 0 0 0 36 61.363c3.43 0 7.482-1.25 12.041-3.285c0 0-2.41-.606-2.41-5.936c0-4.97 2.688-9.129 6.937-9.66"/><path fill="#6a462f" d="M36 39.948c-4.634 0-8.403-3.148-8.403-7.017s3.77-7.017 8.403-7.017s8.403 3.148 8.403 7.017s-3.769 7.017-8.403 7.017"/><path fill="#3f3f3f" d="M36 32.787h-.006q-.035 0-.07-.003l-.001-.001h-.008a1 1 0 0 1-.145-.028c-.159-.043-3.881-1.09-3.881-3.97c0-1.64 1.24-2.68 3.317-2.779l1.3-.008c2.262.018 3.604 1.059 3.604 2.787c0 2.88-3.722 3.927-3.88 3.97a1 1 0 0 1-.14.027h-.005l-.08.005z"/><path fill="#6a462f" d="M18.5 61.808c-4.686 0-8.5-4.336-8.5-9.666s3.814-9.665 8.5-9.665s8.5 4.336 8.5 9.665s-3.813 9.666-8.5 9.666m35 0c-4.686 0-8.5-4.336-8.5-9.666s3.814-9.665 8.5-9.665s8.5 4.336 8.5 9.665s-3.813 9.666-8.5 9.666"/><path d="M30 22.034a2 2 0 1 0 2-2a2 2 0 0 0-2 2m8 0a2 2 0 1 0 2-2a2 2 0 0 0-2 2"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M32.762 34.142a5 5 0 0 0 6.475 0"/><path fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2" d="M21 24.045a15 15 0 1 0 15-15a15.006 15.006 0 0 0-15 15"/><path fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2" d="M30.561 10.066a7.5 7.5 0 1 0-8.965 9.788M11 52.142c0 4.786 3.362 8.666 7.5 8.666s7.5-3.88 7.5-8.666c0-4.781-3.362-8.666-7.5-8.666S11 47.361 11 52.142m35 0c0 4.786 3.362 8.666 7.5 8.666s7.5-3.88 7.5-8.666c0-4.781-3.362-8.666-7.5-8.666S46 47.361 46 52.142"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M14.414 53.425a4 4 0 0 0 4 4m35.586 0a4 4 0 0 0 4-4"/><path fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2" d="M28.5 32.931c0 3.376 3.362 6.114 7.5 6.114s7.5-2.738 7.5-6.114c0-3.373-3.362-6.114-7.5-6.114s-7.5 2.74-7.5 6.114m21.904-13.077a7.5 7.5 0 1 0-8.964-9.79"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M36 32.333v3m0-3.42s-3.237-.88-3.237-3.128c0-1.544 1.53-1.86 2.486-1.907l1.264-.007c.913.007 2.725.233 2.725 1.914c0 2.247-3.237 3.128-3.237 3.128M20.282 43.725c1.128-5.233 5.848-8.393 5.848-8.393m19.87.001s4.661 3.12 5.826 8.295M24.952 41.95l3.548 6.06a3.22 3.22 0 0 0 4.258 1.324h0a3.22 3.22 0 0 0 1.426-4.348l-1.016-1.984m14.267-1.052l-3.791 6.06a3.22 3.22 0 0 1-4.258 1.324h0a3.22 3.22 0 0 1-1.426-4.347l1.016-1.985m-14.69 15.076s9.454 6.581 23.428 0"/></svg>Teddy Bear アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:teddy-bear" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:teddy-bear" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:teddy-bear" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--teddy-bear]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:teddy-bear"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:teddy-bear"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/openmoji/teddy-bear.svg" alt="Teddy Bear アイコン" width="24" height="24">他のアイコンセットの Teddy Bear アイコン
Teddy Bear アイコン のよくある質問
Teddy Bear アイコンは商用利用でも無料ですか?
はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Teddy Bear アイコンを使うには?
@iconify/react をインストールして <Icon icon="openmoji:teddy-bear" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Teddy Bear アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/teddy-bear.svg" alt="Teddy Bear アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。