Bear 48 Bold アイコン
energy-icons:bear-48-bold
Bear 48 Bold アイコン(energy-icons:bear-48-bold)は、Energy Icons セットの無料 SVG アイコンです（作者: Sam Passmore）。 48 × 48 のグリッドで描かれています。 Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Energy Icons
- 作者
- Sam Passmore
- ライセンス
- MIT
- サイズ
- 48 × 48
- タグ
- bearbold
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M36.75 26c0-7.042-5.709-12.75-12.75-12.75S11.25 18.958 11.25 26S16.958 38.75 24 38.75S36.75 33.042 36.75 26m2.5 0c0 8.422-6.828 15.25-15.25 15.25S8.75 34.422 8.75 26S15.577 10.75 24 10.75S39.25 17.578 39.25 26"/><path fill="currentColor" d="M6.774 12.457a6.25 6.25 0 0 1 6.72-5.687l.319.034a6.25 6.25 0 0 1 5.42 6.643l-2.493-.179a3.75 3.75 0 0 0-7.455-.784l-.021.19a3.75 3.75 0 0 0 3.382 4.06l-.239 2.49a6.25 6.25 0 0 1-5.633-6.767m28.05-5.704a6.25 6.25 0 0 1 .767 12.47l-.237-2.49a3.75 3.75 0 0 0 3.394-3.868l-.013-.191a3.75 3.75 0 0 0-3.84-3.422l-.192.01a3.75 3.75 0 0 0-3.444 4.005l-2.493.179a6.25 6.25 0 0 1 5.739-6.677zM29.75 31c0-.872-.493-1.78-1.527-2.519c-1.031-.736-2.52-1.231-4.223-1.231s-3.192.495-4.224 1.231c-1.034.74-1.526 1.647-1.526 2.519s.492 1.78 1.526 2.519c1.032.736 2.521 1.231 4.224 1.231c1.702 0 3.192-.495 4.223-1.231c1.034-.74 1.527-1.647 1.527-2.519m2.5 0c0 1.889-1.074 3.482-2.574 4.553c-1.502 1.073-3.513 1.697-5.676 1.697s-4.175-.624-5.677-1.697c-1.5-1.071-2.573-2.664-2.573-4.553s1.073-3.482 2.573-4.553c1.502-1.073 3.513-1.697 5.677-1.697s4.174.624 5.676 1.697c1.5 1.071 2.574 2.664 2.574 4.553m-15.5-9.98V21a1.25 1.25 0 1 1 2.5 0v.02a1.25 1.25 0 1 1-2.5 0m12 0V21a1.25 1.25 0 1 1 2.5 0v.02a1.25 1.25 0 1 1-2.5 0"/></svg>Bear 48 Bold アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:bear-48-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:bear-48-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:bear-48-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--bear-48-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:bear-48-bold"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:bear-48-bold"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/energy-icons/bear-48-bold.svg" alt="Bear 48 Bold アイコン" width="24" height="24">Energy Icons の関連アイコン
Bear 48 Bold アイコン のよくある質問
Bear 48 Bold アイコンは商用利用でも無料ですか?
はい。Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Bear 48 Bold アイコンを使うには?
@iconify/react をインストールして <Icon icon="energy-icons:bear-48-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bear 48 Bold アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/energy-icons/bear-48-bold.svg" alt="Bear 48 Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。