Home/Libraries/OpenMoji (Iconify)/pretzel2

OpenMoji (Iconify)

Pretzel2

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="#a57939" d="M14.991 38.191a15.545 15.545 0 0 0 3.098 5.503A24.1 24.1 0 0 0 35.13 52.25c.783.045 1.282.034 1.577.023c.295.011.795.022 1.578-.023a24.1 24.1 0 0 0 17.042-8.555a15.546 15.546 0 0 0 3.098-5.503c1.225-3.858 2.201-10.405-2.962-14.933c0 0-8.408-8.51-18.756-.26c-10.348-8.25-18.756.26-18.756.26c-5.162 4.527-4.186 11.075-2.961 14.932zm32.656 4.369a7.288 7.288 0 0 1-2.735 1.191c-3.529.715-12.674 1.873-19.675-3.313a67.454 67.454 0 0 0 12.742-4.97a44 44 0 0 0 10.462 6.275a1.386 1.386 0 0 0 .204.057c-.318.26-.647.51-.998.76zM42.7 26.527c1.702-.828 5.594-2.133 8.76 1.248a8.351 8.351 0 0 1 .624 10.416c-.204.295-.431.602-.67.908a2.99 2.99 0 0 0-1.304-1.396s-5.198-1.679-7.74-4.674a4.684 4.684 0 0 1-1.032-5.072a2.526 2.526 0 0 1 .453-.727a2.758 2.758 0 0 1 .909-.703zm-9.815 1.339l.92.125a6.456 6.456 0 0 0 .84 3.529c-7.67 3.97-12.902 4.742-12.902 4.742a3.027 3.027 0 0 0-.306.08a7.095 7.095 0 0 1-.851-3.563c.101-2.996 2.212-6.502 12.299-4.913z"/><path fill="#fff" d="M48.05 45.516c.305-.102.499.359.233.556a17.963 17.963 0 0 1-12.309 3.526a24.537 24.537 0 0 1-12.044-4.619c-.273-.2-.074-.671.238-.563c4.012 1.386 14.375 4.275 23.882 1.1z"/><g fill="none" stroke="#818cf8" stroke-width="1.5"><path stroke-miterlimit="10" d="M14.991 38.191a15.545 15.545 0 0 0 3.098 5.503A24.1 24.1 0 0 0 35.13 52.25c.783.045 1.282.034 1.577.023c.295.011.795.022 1.578-.023a24.1 24.1 0 0 0 17.042-8.555a15.546 15.546 0 0 0 3.098-5.503c1.225-3.858 2.201-10.405-2.962-14.933c0 0-8.408-8.51-18.756-.26c-10.348-8.25-18.756.26-18.756.26c-5.162 4.527-4.186 11.075-2.961 14.932zm32.656 4.369a7.288 7.288 0 0 1-2.735 1.191c-3.529.715-12.674 1.873-19.675-3.313a67.454 67.454 0 0 0 12.742-4.97a44 44 0 0 0 10.462 6.275a1.386 1.386 0 0 0 .204.057c-.318.26-.647.51-.998.76zM42.7 26.527c1.702-.828 5.594-2.133 8.76 1.248a8.351 8.351 0 0 1 .624 10.416c-.204.295-.431.602-.67.908a2.99 2.99 0 0 0-1.304-1.396s-5.198-1.679-7.74-4.674a4.684 4.684 0 0 1-1.032-5.072a2.526 2.526 0 0 1 .453-.727a2.758 2.758 0 0 1 .909-.703zm-9.815 1.339l.92.125a6.456 6.456 0 0 0 .84 3.529c-7.67 3.97-12.902 4.742-12.902 4.742a3.027 3.027 0 0 0-.306.08a7.095 7.095 0 0 1-.851-3.563c.101-2.996 2.212-6.502 12.299-4.913z"/><path stroke-miterlimit="10" d="M36.708 22.998a7.806 7.806 0 0 0-2.235 2.61a5.967 5.967 0 0 0-.67 2.383"/><path stroke-miterlimit="10" d="M21.436 36.342a7.095 7.095 0 0 1-.851-3.563c.102-2.996 2.213-6.502 12.3-4.913l.919.125a6.455 6.455 0 0 0 .84 3.528"/><path stroke-miterlimit="10" d="M37.98 35.468a44 44 0 0 0 10.46 6.275a1.379 1.379 0 0 0 .205.057c2.258.692 3.45-1.112 2.769-2.7"/><path stroke-miterlimit="10" d="M25.237 40.438c7 5.185 16.146 4.028 19.675 3.313a7.29 7.29 0 0 0 2.735-1.191c.351-.25.68-.5.998-.76"/><path stroke-miterlimit="10" d="M42.37 33.029c2.542 2.995 7.738 4.674 7.738 4.674c1.18.467 1.078.874 1.305 1.396c.238-.306.465-.613.67-.908a8.351 8.351 0 0 0-.624-10.416c-3.166-3.381-7.058-2.076-8.76-1.248a2.757 2.757 0 0 0-.908.703a2.529 2.529 0 0 0-.454.727a4.684 4.684 0 0 0 1.033 5.072"/><path stroke-linecap="round" stroke-linejoin="round" d="M42.444 26.667c-2.541 1.736-6.247 4.35-8.448 5.496c-7.67 3.971-12.254 4.1-12.254 4.1a3.053 3.053 0 0 0-.306.08c-4.221 1.066-1.872 6.08 3.313 4.22c.17-.045.33-.09.488-.125a67.454 67.454 0 0 0 12.742-4.97a14.638 14.638 0 0 0 3.7-2.519l-.069-.998"/></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. Pretzel2Icon.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.