Home/Libraries/OpenMoji (Iconify)/pretzel

OpenMoji (Iconify)

Pretzel

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"><ellipse cx="37.964" cy="34.629" fill="#fff" rx="18.404" ry="11.399"/><path fill="#a57939" d="M14.991 38.191c.645 2.027 1.7 3.9 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.55 15.55 0 0 0 3.098-5.503c1.225-3.858 2.201-10.405-2.962-14.933c0 0-8.407-8.51-18.756-.26c-10.348-8.25-18.756.26-18.756.26c-5.162 4.528-4.186 11.075-2.961 14.932m32.656 4.369a7.3 7.3 0 0 1-2.735 1.191c-3.529.715-12.674 1.873-19.675-3.313a67.5 67.5 0 0 0 12.742-4.97a44 44 0 0 0 10.462 6.275q.1.036.204.057c-.318.26-.647.51-.998.76M42.7 26.527c1.702-.828 5.594-2.133 8.76 1.248a8.35 8.35 0 0 1 .624 10.416c-.204.295-.431.602-.67.908a3 3 0 0 0-1.304-1.396s-5.198-1.679-7.74-4.674a4.68 4.68 0 0 1-1.033-5.072c.11-.266.263-.512.454-.726c.25-.296.56-.536.909-.704m-9.815 1.339l.92.125a6.46 6.46 0 0 0 .84 3.529c-7.67 3.97-12.902 4.742-12.902 4.742a3 3 0 0 0-.306.08a7.1 7.1 0 0 1-.851-3.563c.101-2.996 2.212-6.502 12.299-4.913"/><path fill="#fff" d="M48.05 45.516c.305-.102.499.359.233.556a17.96 17.96 0 0 1-12.309 3.526a24.54 24.54 0 0 1-12.044-4.619c-.273-.2-.074-.671.238-.563c4.012 1.386 14.375 4.275 23.882 1.1"/><g fill="none" stroke="#818cf8" stroke-width="1.5"><path stroke-miterlimit="10" d="M14.991 38.191c.645 2.027 1.7 3.9 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.55 15.55 0 0 0 3.098-5.503c1.225-3.858 2.201-10.405-2.962-14.933c0 0-8.407-8.51-18.756-.26c-10.348-8.25-18.756.26-18.756.26c-5.162 4.528-4.186 11.075-2.961 14.932Zm32.656 4.369a7.3 7.3 0 0 1-2.735 1.191c-3.529.715-12.674 1.873-19.675-3.313a67.5 67.5 0 0 0 12.742-4.97a44 44 0 0 0 10.462 6.275q.1.036.204.057c-.318.26-.647.51-.998.76ZM42.7 26.527c1.702-.828 5.594-2.133 8.76 1.248a8.35 8.35 0 0 1 .624 10.416c-.204.295-.431.602-.67.908a3 3 0 0 0-1.304-1.396s-5.198-1.679-7.74-4.674a4.68 4.68 0 0 1-1.033-5.072c.11-.266.263-.512.454-.726c.25-.296.56-.536.909-.704Zm-9.815 1.339l.92.125a6.46 6.46 0 0 0 .84 3.529c-7.67 3.97-12.902 4.742-12.902 4.742a3 3 0 0 0-.306.08a7.1 7.1 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.8 7.8 0 0 0-2.235 2.61a6 6 0 0 0-.67 2.383"/><path stroke-miterlimit="10" d="M21.436 36.342a7.1 7.1 0 0 1-.851-3.563c.102-2.996 2.213-6.502 12.3-4.913l.919.125a6.46 6.46 0 0 0 .84 3.528m3.336 3.949a44 44 0 0 0 10.46 6.275q.101.036.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.3 7.3 0 0 0 2.735-1.191c.351-.25.68-.5.998-.76m-6.275-8.771c2.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.35 8.35 0 0 0-.624-10.416c-3.166-3.381-7.058-2.076-8.76-1.248a2.8 2.8 0 0 0-.908.703c-.192.215-.345.46-.454.727a4.68 4.68 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 3 0 0 0-.306.08c-4.221 1.066-1.872 6.08 3.313 4.22c.17-.045.33-.09.488-.125a67.5 67.5 0 0 0 12.742-4.97a14.6 14.6 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. PretzelIcon.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.