Home/Libraries/OpenMoji (Iconify)/bear

OpenMoji (Iconify)

Bear

License: CC-BY-SA-4.0

ICON SIZE

STROKE WEIGHT1.5px

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 72 72"><path fill="#6a462f" d="m24.665 18.725l-7.08-5.557l-7.174 1.328l-2.655 3.977l.547 5.835l1.712 3.738c.828 1.808 2.822 4.07 4.526 5.095l-2.535 7.867l-.053 5.492l1.426 5.017l2.27 3.168l5.915 4.4s14.042 9.08 29.042.247l7.076-6.073l2.43-5.335l.21-5.226l-1.69-7.234l-.378-2.712l2.016-2.305l3.318-4.695l.8-6.132l-2.056-4.894l-4.175-2.307l-5.086 1.373l-4.014 3.063l-2.517 1.659l-8.871-2.165l-8.195.328z"/><path fill="#a57939" d="m29.588 37.752l-2 5l-.834 6.667l2 3.167l.334 4.333l2.833 2.167l8.667-.334l2.333-1l.167-5.167l2-3.166l-1.167-6.667l-2.5-5.5s-7-4.833-11.833.5"/><path fill="#3f3f3f" d="M30.754 47.752s4.334-4.667 9.834-.333l-1.834 2.833l-6-.167z"/><path fill="#a57939" d="M47.754 18.419s12.834-4 15.167 8l1.242-5.126l-1.005-5.311l-3.783-3.026l-3.65-.253l-5.47 2.716zm-23.5 0s-12.833-4-15.166 8l-.857-1.751a7.7 7.7 0 0 1-.778-3.607l.023-.757a7.68 7.68 0 0 1 5.866-7.23l.154-.037a7.68 7.68 0 0 1 5.77.884l2.488 1.498z"/><circle cx="28.634" cy="36.999" r="2"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M26.009 19.895S18.32 8.27 11.07 13.082c-6.6 4.382-3.91 13.959.603 16.915"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21.071 58.582c-15.937-6.312-7.85-24.013-7.85-24.013s3.645-9.359 9.341-11.609m28.536 35.622c15.937-6.312 7.85-24.013 7.85-24.013s-3.645-9.359-9.341-11.609"/><circle cx="43.366" cy="36.999" r="2"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m43.495 43.331l1.56 4.804c.22.817.086 1.682-.367 2.396c-1.22 1.924-4.054 5.119-8.26 2.239h-.857c-4.205 2.88-7.04-.315-8.26-2.239a3 3 0 0 1-.367-2.396l1.56-4.804"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M40.172 47.924c-.101 3.008-2.805 1.656-2.805 1.656L36 48.904l-1.367.676s-2.704 1.352-2.805-1.656m14.163-28.029S53.68 8.27 60.93 13.082c6.6 4.382 3.91 13.959-.603 16.915M29.946 57.148s5.188 6.601 12.108.562M24.665 17.951s8.71-4.93 22.326 0M36 52.77v-3.19"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. BearIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-SA-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.