Icono Pretzel
whh:pretzel
El icono Pretzel (whh:pretzel) es un icono SVG gratuito de la colección WebHostingHub Glyphs de WebHostingHub. Está dibujado en una cuadrícula de 1024 × 768. WebHostingHub Glyphs icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- WebHostingHub Glyphs
- Autor
- WebHostingHub
- Licencia
- OFL-1.1
- Tamaño
- 1024 × 768
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="768" viewBox="0 0 1024 768"><path fill="currentColor" d="M512 768q-103 0-198.5-35t-164-92.5t-109-134T0 349q0-62 17.5-123.5t48-112t77.5-82T244 0q113 0 268 116Q667 0 780 0q54 0 101 31.5t77.5 82t48 112T1024 349q0 81-40.5 157.5t-109 134t-164 92.5T512 768m202-172q-26-91-79.5-178.5T511 262q-69 67-122 155t-79 179q94 44 202 44t202-44M128 361q0 82 67 153q32-91 87.5-175.5T410 191q-106-63-154-63q-34 0-59.5 20.5t-40 55.5t-21.5 74.5t-7 82.5m640-233q-48 0-154 63q72 63 127.5 147.5T829 514q67-71 67-153q0-58-13-109t-43-87.5t-72-36.5"/></svg>Cómo usar el icono Pretzel
React
import { Icon } from "@iconify/react";
<Icon icon="whh:pretzel" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:pretzel" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:pretzel" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--pretzel]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:pretzel"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:pretzel"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/whh/pretzel.svg" alt="Icono Pretzel" width="24" height="24">El icono Pretzel en otras colecciones
Preguntas frecuentes sobre Icono Pretzel
¿El icono Pretzel es gratis para uso comercial?
Sí. WebHostingHub Glyphs icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Pretzel en React?
Instala @iconify/react y renderiza <Icon icon="whh:pretzel" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Pretzel a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/whh/pretzel.svg" alt="Icono Pretzel">, o pega el código SVG en línea para darle estilo con CSS.