Icono Crocs
openmoji:crocs
El icono Crocs (openmoji:crocs) es un icono SVG gratuito de la colección OpenMoji. Está dibujado en una cuadrícula de 72 × 72. OpenMoji icons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- OpenMoji
- Autor
- OpenMoji
- Licencia
- CC-BY-SA-4.0
- Tamaño
- 72 × 72
- Categoría
- Extras de OpenMoji
- Etiquetas
- croc
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#5c9e31" d="M66.63 44.39v4.52c0 1.44-.89 2.73-2.25 3.23l-.42.16A42.2 42.2 0 0 1 49.09 55H12.4c-3.94 0-7.16-3.09-7.38-6.97l3.62.02l14.32-.11c3.69-.02 11.46.93 15.73 1.5c2.85.38 5.72.65 8.59.77c4.47.19 7.85-.03 12.9-1.13l1.36-.29h.02c1.02-.23 1.85-.95 2.26-1.91l1.94-4.59c.54.54.87 1.28.87 2.1"/><path fill="#b1cc33" d="m65.76 42.29l-1.94 4.59c-.41.96-1.24 1.68-2.26 1.91h-.02l-1.36.29c-5.05 1.1-8.43 1.32-12.9 1.13c-2.87-.12-5.74-.39-8.59-.77c-4.27-.57-12.04-1.52-15.73-1.5l-14.32.11l-3.62-.02C5 47.89 5 47.74 5 47.6v-.91c0-1.54 1.24-2.78 2.79-2.78h3.71c1.73 0 3.85-1.32 5.5-1.81l2-1c-.32-.39.2-.36-.25-.59l-11.7-5.8a1.857 1.857 0 0 1-.83-2.48c.45-.91 1.56-1.29 2.48-.83l11.8 5.85c.7.35 1.52.46 2.27.22a3.65 3.65 0 0 1 2.76.22c.26.13 4.47-2.59 4.47-2.59l6.16-2.33c1.26-.71 2.82-.49 3.83.53l1.42 1.41a22.92 22.92 0 0 0 16.24 6.73h6.03c.82 0 1.54.33 2.08.85"/><path fill="#5c9e31" d="m6 32l22 11l-.719 1.438a3.75 3.75 0 0 1-4.09 2l-.348-.07a2.82 2.82 0 0 1-2.212-2.211L20.001 41L6.296 34.013z"/><rect width="4" height="2.48" x="43" y="45" fill="#5c9e31" rx="1.24" ry="1.24"/><rect width="4" height="2.48" x="51" y="45" fill="#5c9e31" rx="1.24" ry="1.24"/><rect width="3" height="2.48" x="58" y="45" fill="#5c9e31" rx="1.24" ry="1.24"/><rect width="3" height="2.48" x="41" y="38" fill="#5c9e31" rx="1.24" ry="1.24"/><rect width="3" height="2.48" x="46" y="40" fill="#5c9e31" rx="1.24" ry="1.24"/><rect width="3" height="2.48" x="52" y="41" fill="#5c9e31" rx="1.24" ry="1.24"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="m29.41 36.513l6.748-3.748a3.21 3.21 0 0 1 3.833.53l1.418 1.418a22.97 22.97 0 0 0 16.244 6.73h6.027a2.946 2.946 0 0 1 2.946 2.945v4.523a3.44 3.44 0 0 1-2.243 3.23l-.42.16A42.3 42.3 0 0 1 49.088 55H38.98l-5.78-2.7a7.53 7.53 0 0 0-8.517 1.504L23.488 55H12.395A7.4 7.4 0 0 1 5 47.605v-.912a2.783 2.783 0 0 1 2.785-2.786h3.71a17.8 17.8 0 0 0 5.102-.747"/><path d="M26.85 43.213c-.887 1.21-2.506 1.766-3.948 1.353a3.7 3.7 0 0 1-2.5-2.32c-.277-.775-.917-1.367-1.655-1.734L7.055 34.71a1.85 1.85 0 0 1-.834-2.478h0a1.85 1.85 0 0 1 2.478-.834l11.798 5.856c.704.35 1.52.457 2.27.22a3.7 3.7 0 0 1 2.762.213a3.697 3.697 0 0 1 1.32 5.527M8.636 48.053l14.326-.108c3.66-.028 11.34.915 15.632 1.485a98 98 0 0 0 8.275.766c4.677.22 8.102.015 13.307-1.112l1.366-.296a25 25 0 0 0 1.652-.424M38.98 55H23.489l1.195-1.196a7.53 7.53 0 0 1 8.517-1.503zm4.228-9.86h3.698m4.537 0h2.858m3.924 0h2.238m3.925 0h2.238"/></g></svg>Cómo usar el icono Crocs
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:crocs" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:crocs" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:crocs" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--crocs]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:crocs"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:crocs"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/openmoji/crocs.svg" alt="Icono Crocs" width="24" height="24">Preguntas frecuentes sobre Icono Crocs
¿El icono Crocs es gratis para uso comercial?
Sí. OpenMoji icons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia.
¿Cómo uso el icono Crocs en React?
Instala @iconify/react y renderiza <Icon icon="openmoji:crocs" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Crocs a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/openmoji/crocs.svg" alt="Icono Crocs">, o pega el código SVG en línea para darle estilo con CSS.