Home/Libraries/OpenMoji (Iconify)/pear

OpenMoji (Iconify)

Pear

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="#b1cc33" stroke="#818cf8" stroke-miterlimit="10" stroke-width="1.5" d="M56.599 32.87c6.343 6.343 6.336 16.624 0 22.96c-6.343 6.343-16.617 6.343-22.96 0c-.178-.178-.34-.356-.51-.54a16.1 16.1 0 0 1-3.361-5.64c-.659-1.548-1.251-3.191-1.843-4.849c-1.599-4.456-3.19-8.993-6.24-12.043a8.37 8.37 0 0 1 0-11.842c3.264-3.264 8.571-3.272 11.843 0c3.05 3.05 7.587 4.64 12.042 6.24c1.658.591 3.302 1.184 4.849 1.842c2.117.918 4.07 1.97 5.64 3.36c.185.171.362.334.54.511z"/><path fill="#5c9e31" d="M56.599 55.83c-4.746 4.757-11.387 4.66-11.387 4.66c22.206-13.198 5.208-31.496 5.208-31.496s4.067 1.973 5.635 3.366c.193.166.369.332.544.507c6.344 6.345 6.328 16.62 0 22.963"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M21.738 21.593s-5.271-5.163-10.488.054m13.63-2.728a8.38 8.38 0 0 1 8.648 1.997c3.05 3.05 7.587 4.64 12.043 6.24c1.658.592 3.3 1.184 4.848 1.842c2.117.918 4.07 1.97 5.64 3.36c.185.17.363.334.54.511c6.344 6.344 6.336 16.625 0 22.96c-6.343 6.344-16.617 6.344-22.96 0c-.177-.177-.34-.355-.51-.54a16.1 16.1 0 0 1-3.361-5.64c-.659-1.547-1.25-3.19-1.843-4.848c-1.599-4.456-3.19-8.993-6.24-12.043a8.37 8.37 0 0 1-2.205-7.95"/></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. PearIcon.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.