Bear Face アイコン
streamline-emojis:bear-face
Bear Face アイコン(streamline-emojis:bear-face)は、Streamline Emojis セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Streamline Emojis icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Streamline Emojis
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- 動物・自然
- タグ
- bearface
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#debb7e" d="M27.66 11.09a6.72 6.72 0 1 0 13.44 0a6.72 6.72 0 1 0-13.44 0m-20.76 0a6.72 6.72 0 1 0 13.44 0a6.72 6.72 0 1 0-13.44 0"/><path fill="#f0d5a8" d="M34.38 7A6.72 6.72 0 0 1 41 12.42a6.5 6.5 0 0 0 .13-1.33a6.72 6.72 0 1 0-13.43 0a6.5 6.5 0 0 0 .14 1.33A6.72 6.72 0 0 1 34.38 7M13.62 7a6.72 6.72 0 0 1 6.58 5.38a6.5 6.5 0 0 0 .14-1.33a6.72 6.72 0 1 0-13.43 0A6.5 6.5 0 0 0 7 12.42A6.72 6.72 0 0 1 13.62 7"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M27.66 11.09a6.72 6.72 0 1 0 13.44 0a6.72 6.72 0 1 0-13.44 0m-20.76 0a6.72 6.72 0 1 0 13.44 0a6.72 6.72 0 1 0-13.44 0"/><path fill="#45413c" d="M9.96 45.17a14.04 1.83 0 1 0 28.08 0a14.04 1.83 0 1 0-28.08 0" opacity=".15"/><path fill="#debb7e" d="M37.91 19.63v-1.24C37.91 11.79 32.26 7 25.28 7h-2.56c-7 0-12.63 4.75-12.63 11.35v1.23a10.72 10.72 0 0 0-3.79 8.19C6.3 33.39 11.11 38 17.05 38H31c5.94 0 10.75-4.56 10.75-10.18a10.72 10.72 0 0 0-3.84-8.19"/><path fill="#f0d5a8" d="M37.91 19.63v-1.24C37.91 11.79 32.26 7 25.28 7h-2.56c-7 0-12.63 4.75-12.63 11.35v1.23a10.72 10.72 0 0 0-3.79 8.19a9.5 9.5 0 0 0 .2 1.93a10.8 10.8 0 0 1 2.79-5.48a2.85 2.85 0 0 0 .8-2c0-6.61 5.65-11.35 12.63-11.35h2.56c7 0 12.63 4.74 12.63 11.35a2.85 2.85 0 0 0 .8 2a10.8 10.8 0 0 1 2.79 5.48a9.5 9.5 0 0 0 .2-1.93a10.72 10.72 0 0 0-3.79-8.14"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M37.91 19.63v-1.24C37.91 11.79 32.26 7 25.28 7h-2.56c-7 0-12.63 4.75-12.63 11.35v1.23h0a10.72 10.72 0 0 0-3.79 8.19C6.3 33.39 11.11 38 17.05 38H31c5.94 0 10.75-4.56 10.75-10.18a10.72 10.72 0 0 0-3.84-8.19"/><path fill="#f0d5a8" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M19.12 37.95a4.88 3.05 0 1 0 9.76 0a4.88 3.05 0 1 0-9.76 0"/><path fill="#f7e5c6" d="M25.83 28.18h-3.66a6.11 6.11 0 0 0-6.11 6.1A4.26 4.26 0 0 0 24 36.45a4.26 4.26 0 0 0 7.94-2.17a6.11 6.11 0 0 0-6.11-6.1"/><path fill="#fff5e3" d="M22.17 31.46h3.66a6.1 6.1 0 0 1 5.82 4.34a4.2 4.2 0 0 0 .29-1.52a6.11 6.11 0 0 0-6.11-6.1h-3.66a6.11 6.11 0 0 0-6.11 6.1a4.2 4.2 0 0 0 .29 1.52a6.1 6.1 0 0 1 5.82-4.34"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M25.83 28.18h-3.66a6.11 6.11 0 0 0-6.11 6.1A4.26 4.26 0 0 0 24 36.45a4.26 4.26 0 0 0 7.94-2.17a6.11 6.11 0 0 0-6.11-6.1"/><path fill="#87898c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M27.05 30A3.13 3.13 0 0 1 21 30c0-1 1.36-1.83 3.05-1.83s3 .83 3 1.83"/><path fill="#45413c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M30.11 24.52a1.83 1.83 0 1 0 3.66 0a1.83 1.83 0 1 0-3.66 0m-15.88 0a1.83 1.83 0 1 0 3.66 0a1.83 1.83 0 1 0-3.66 0"/><path fill="#fff5e3" d="M38.65 30.4c0 .55-1 1-2.22 1s-2.22-.45-2.22-1s1-1 2.22-1s2.22.45 2.22 1m-24.86 0c0 .55-1 1-2.22 1s-2.22-.45-2.22-1s1-1 2.22-1s2.22.45 2.22 1"/></svg>Bear Face アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-emojis:bear-face" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-emojis:bear-face" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-emojis:bear-face" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--bear-face]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:bear-face"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-emojis:bear-face"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-emojis/bear-face.svg" alt="Bear Face アイコン" width="24" height="24">他のアイコンセットの Bear Face アイコン
Bear Face アイコン のよくある質問
Bear Face アイコンは商用利用でも無料ですか?
はい。Streamline Emojis icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Bear Face アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-emojis:bear-face" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bear Face アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-emojis/bear-face.svg" alt="Bear Face アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。