Home/Libraries/OpenMoji (Iconify)/bell-pepper

OpenMoji (Iconify)

BellPepper

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="#d22f27" d="M53.95 31.155c-.355-1.981-2.1-5.729-6.155-5.729a8.7 8.7 0 0 0-5.973 2.572a8 8 0 0 0-6.006-2.57a7.05 7.05 0 0 0-5.306 3.018a8.9 8.9 0 0 0-6.417-3.02c-4.057 0-5.8 3.747-6.165 5.787c-.082.686-1.93 16.916 4.626 26.266c2.09 2.983 4.147 4.49 6.118 4.49a4 4 0 0 0 .558-.04a4.8 4.8 0 0 0 2.953-1.847a6.4 6.4 0 0 0 4.147 1.965l.119.002a5.68 5.68 0 0 0 3.67-1.506a4.5 4.5 0 0 0 2.539 1.385a4 4 0 0 0 .557.04c1.972 0 4.028-1.506 6.12-4.489c6.555-9.349 4.707-25.58 4.616-26.324"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M28.618 28.064c2.837-4.19 6.206-4.39 6.206-4.39S33.92 14.97 40.822 16a11.4 11.4 0 0 1 4.219 1.626a1.99 1.99 0 0 1 .224 3.075h0a2.01 2.01 0 0 1-2.408.262c-1.695-.984-4.536-2.085-4.606 2.951c0 0 3.798 1.425 5.639 3.711"/><path fill="#b1cc33" d="M40.012 21.224c.242-.137.869-.24 2.336.612a2.998 2.998 0 0 0 4.523-2.822a2.95 2.95 0 0 0-1.271-2.206a12.35 12.35 0 0 0-4.637-1.79a5.7 5.7 0 0 0-5.04 1.332c-1.93 1.845-2.16 4.97-2.145 6.517a10.8 10.8 0 0 0-5.954 4.588l-.004.004l-.003.006l-.034.046a1 1 0 0 0-.064.151a1 1 0 0 0-.077.186a1 1 0 0 0-.013.187a.6.6 0 0 0 .058.368a1 1 0 0 0 .073.184a1 1 0 0 0 .126.144a1 1 0 0 0 .113.131a9.6 9.6 0 0 1 1.792 1.837l.001.002a1 1 0 0 0 .301.27l.042.017q.027.013.055.023a1 1 0 0 0 .403.094h.003l.014-.002a1 1 0 0 0 .266-.042c.03-.009.058-.024.088-.035a1 1 0 0 0 .179-.092c.015-.01.032-.013.046-.024s.019-.024.031-.034a1 1 0 0 0 .211-.233c.008-.013.02-.023.027-.036h.001c.811-1.4 2.238-3.09 4.434-3.184a6.44 6.44 0 0 1 4.972 2.448a1 1 0 0 0 .257.37a1 1 0 0 0 1.41-.102a9.2 9.2 0 0 1 1.782-1.594c.026-.018.04-.045.063-.064a1 1 0 0 0 .133-.07a1 1 0 0 0 .152-1.405a15.2 15.2 0 0 0-5.39-3.74c.12-1.517.545-1.931.74-2.042"/><path fill="#781e32" d="M22.582 57.47c2.11 3.008 4.105 4.477 6.098 4.488h.022a4.76 4.76 0 0 0 3.821-2.276c.014-.02.016-.042.028-.062a1.5 1.5 0 0 0 .138-.363a.87.87 0 0 0-.075-.551a1 1 0 0 0-.095-.18a.3.3 0 0 1-.033-.061c-6.753-16.087-1.1-27.8-1.028-27.98c.009-.023.005-.046.012-.07a1.08 1.08 0 0 0-.063-.756c-.011-.022-.011-.046-.024-.067c-.114-.185-3.005-4.176-7.262-4.176c-4.056 0-5.8 3.747-6.155 5.729c-.091.744-1.94 16.975 4.616 26.324"/><g fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M30.602 30.098c-.756-1.026-3.047-3.682-6.51-3.682c-4.29 0-5.17 4.906-5.17 4.906s-1.962 16.43 4.45 25.573c4.559 6.5 7.417 3.757 8.688 1.628m8.952-28.027s2.492-4.08 6.783-4.08s5.171 4.906 5.171 4.906s1.961 16.43-4.45 25.573c-4.154 5.923-6.896 4.172-8.311 2.203"/><path d="M41.635 29.214a7.64 7.64 0 0 0-5.777-2.798c-4.116.175-5.855 4.906-5.855 4.906a37.9 37.9 0 0 0-1.808 12.366m2.162 13.622c.818 0 1.702 1.213 1.702 1.213c3.636 4.106 6.408 2.356 8.148.573c0 0 1.272-1.786 2.38-1.786M30.458 25.9a7.8 7.8 0 0 1 4.366-2.226S33.92 14.971 40.822 16a11.4 11.4 0 0 1 4.219 1.626a1.99 1.99 0 0 1 .224 3.075h0a2.01 2.01 0 0 1-2.408.262c-1.695-.984-4.536-2.085-4.606 2.951a19 19 0 0 1 3.535 1.85"/></g></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. BellPepperIcon.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.