Pretzel icon

twemoji:pretzel

The Pretzel icon (twemoji:pretzel) is a free SVG icon from the Twitter Emoji set by Twitter. It is drawn on a 36 × 36 grid. Twitter Emoji icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Twitter Emoji
Author: Twitter
License: CC-BY-4.0
Size: 36 × 36
Category: Food & Drink

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#f4900c" d="M35 16c0-8-6-11-12-11c-1.738 0-3.472.371-5 1.097C16.472 5.371 14.738 5 13 5C7 5 1 8 1 16c0 3 1.314 5.662 3 8c.434.602.903 1.146 1.4 1.647c-.357.603-.616 1.091-.779 1.353C4 28 5 29 6 29c.69 0 1.205-.617 1.745-1.482C10.552 29.273 14.023 30 18 30s7.448-.727 10.255-2.482C28.795 28.383 29.31 29 30 29c1 0 2-1 1.379-2c-.163-.262-.422-.75-.779-1.353c.497-.501.967-1.046 1.4-1.647c1.686-2.338 3-5 3-8m-17 1.207C16.578 15.736 17 14 17 14c0-.708.381-1.414 1-2.034c.619.62 1 1.326 1 2.034c0 0 .422 1.736-1 3.207M8.215 19.94C6.59 17.687 6.204 15.388 7 13c1.053-3.158 4.85-3 6-3c.288 0 .576.024.861.059C13.314 11.185 13 12.498 13 14c0 1.476.578 3.273 1.951 4.799c-.298.075-.61.144-.951.201c-1.907.318-3.471 1.122-4.745 2.107a8 8 0 0 1-1.04-1.167M18 24c-2.296 0-4.476-.394-6.324-1.266A5.8 5.8 0 0 1 14 22c1.565-.157 2.885-.524 4-1.024c1.115.5 2.435.867 4 1.024a5.8 5.8 0 0 1 2.324.734C22.476 23.606 20.296 24 18 24m9.785-4.06a8.3 8.3 0 0 1-1.04 1.167C25.471 20.122 23.906 19.318 22 19a12 12 0 0 1-.95-.201C22.422 17.273 23 15.476 23 14c0-1.502-.313-2.815-.861-3.941c.285-.035.573-.059.861-.059c1.15 0 4.947-.158 6 3c.796 2.388.41 4.687-1.215 6.94"/><path fill="#ad5810" d="M11.751 22.764c-.794.448-1.78 1.172-2.376 2.236c-.688 1.229-1.218 2.033-1.584 2.544q.503.312 1.032.581a30 30 0 0 1 1.552-2.688c.768-1.179 1.902-1.912 2.489-2.238a12 12 0 0 1-1.113-.435m11.692-.434l-.005.002q.472.17.886.402c-.19.09-.399.153-.597.233c.564.415 1.348 1.092 1.96 2.032a61 61 0 0 1 1.797 2.952c.26-.14.521-.278.771-.435c.188.3.372.567.562.792c0 0-.562-.792-2.004-3.31s-3.37-2.668-3.37-2.668m-2.393-3.531c.05-.055.09-.112.138-.168a93 93 0 0 0-2.023 1.622a5.7 5.7 0 0 1-1.161.724c.401.18.839.335 1.296.477c.524-.293 1.157-.698 1.701-1.204c.56-.521.892-.92 1.081-1.23c-.029-.005-.054-.015-.082-.02a12 12 0 0 1-.95-.201m-2.467-6.088c.732-.612 2.127-1.524 3.951-1.669a8 8 0 0 0-.376-.935c-.583.091-1.385.249-2.158.518c-.877.305-1.58.914-1.998 1.344c.235.236.423.486.581.742"/><g fill="#ffe8b6"><circle cx="7" cy="22" r="1"/><circle cx="3" cy="14" r="1"/><circle cx="6" cy="11" r="1"/><circle cx="12" cy="7" r="1"/><circle cx="14" cy="27" r="1"/><circle cx="21" cy="26" r="1"/><circle cx="25" cy="27" r="1"/><circle cx="31" cy="17" r="1"/><circle cx="31" cy="9" r="1"/><circle cx="22" cy="8" r="1"/><circle cx="19" cy="9" r="1"/></g></svg>

How to use the Pretzel icon

React

import { Icon } from "@iconify/react";

<Icon icon="twemoji:pretzel" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="twemoji:pretzel" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="twemoji:pretzel" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--pretzel]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:pretzel"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="twemoji:pretzel"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/twemoji/pretzel.svg" alt="Pretzel icon" width="24" height="24">

Pretzel icon in other icon sets

Pretzel icon FAQ

Is the Pretzel icon free for commercial use?

Yes. Twitter Emoji icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Pretzel icon in React?

Install @iconify/react and render <Icon icon="twemoji:pretzel" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Pretzel icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/twemoji/pretzel.svg" alt="Pretzel icon">, or paste the SVG code inline to style it with CSS.

Browse all Twitter Emoji icons →