Icono Candycane
whh:candycane
El icono Candycane (whh:candycane) es un icono SVG gratuito de la colección WebHostingHub Glyphs de WebHostingHub. Está dibujado en una cuadrícula de 733 × 1024. 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
- 733 × 1024
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="733" height="1024" viewBox="0 0 733 1024"><path fill="currentColor" d="M712.5 1004q-20.5 20-49 20t-48.5-20L107 499l68 67l147-48l-55-55l446 444q20 20 20 48.5t-20.5 48.5M419 615l-146 49l73 73l147-49zm171 170l-146 49l73 73l147-49zm-36.5-517q-17.5 17-41 18T470 273l-2 2l-24-25l49-145l-25-25l98 97l-7 8q14 18 13 42t-18.5 41M370 178q-32-33-80-39L222 5q104-19 195 35zm-235 87L0 231q14-88 77-151q21-21 53-40l62 123q-11 9-17 14q-36 36-40 88m113 180l-146 48l-25-24Q18 410 2 329l173 43z"/></svg>Cómo usar el icono Candycane
React
import { Icon } from "@iconify/react";
<Icon icon="whh:candycane" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:candycane" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:candycane" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--candycane]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:candycane"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:candycane"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/whh/candycane.svg" alt="Icono Candycane" width="24" height="24">El icono Candycane en otras colecciones
Preguntas frecuentes sobre Icono Candycane
¿El icono Candycane 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 Candycane en React?
Instala @iconify/react y renderiza <Icon icon="whh:candycane" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Candycane a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/whh/candycane.svg" alt="Icono Candycane">, o pega el código SVG en línea para darle estilo con CSS.