Ícone Crab

openmoji:crab

O ícone Crab (openmoji:crab) é um ícone SVG gratuito da coleção OpenMoji. Ele é desenhado em uma grade de 72 × 72. OpenMoji icons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: OpenMoji
Autor: OpenMoji
Licença: CC-BY-SA-4.0
Tamanho: 72 × 72
Categoria: Animais e natureza

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#d22f27" d="M36.442 31.078s5.337-1.198 9.606 4.794c1.812 2.542 3.095 2.552 3.917 3.395c.226.232 1.391 1.87 1.558 2.018c1.251 1.104 1.084 2.616 1.186 4.266c.049.8-.133 3.213-1.006 3.63c-1.568.75-1.975 2.228-5.655 3.467c0 0-6.404 1.199-9.606-2.396c0 0-3.203 4.793-11.742 1.198a7.47 7.47 0 0 1-4.016-3.291c-.734-1.483-1.521-3.319-.504-5.319a5.9 5.9 0 0 1 1.017-2c1.41-1.583 4.574-4.427 5.084-5c2.135-2.397 5.89-5.96 10.16-4.762"/><path fill="#ea5a47" d="M17.208 34.689q-.257 0-.512-.013a4.05 4.05 0 0 1-1.98-.528a1 1 0 0 1-.358-1.302l3.718-7.272a1 1 0 0 1 .524-.476a7.94 7.94 0 0 0 4.674-5.237a1 1 0 0 1 1.677-.445a8.82 8.82 0 0 1 1.106 10.44a10.42 10.42 0 0 1-8.85 4.833"/><path fill="#ea5a47" d="M21.73 44.231c-6.028 5.436-12.6-9.019-7-10c0 0 4 0 4 2s-1.666 5 2.668 6.5Z"/><path fill="#d22f27" d="M13.492 33.043s-8.311-8.241 3.497-16.024c0 0 4.522-2.134 6.706.153c0 0-6.33 2.987-5.955 6.127s2.987 6.33.7 8.515a13.4 13.4 0 0 1-4.948 1.229"/><path fill="#ea5a47" d="M45.943 29.856a8.82 8.82 0 0 1 1.106-10.44a1 1 0 0 1 1.677.445a7.94 7.94 0 0 0 4.674 5.237a1 1 0 0 1 .525.476l3.717 7.272a1 1 0 0 1-.357 1.302a4.05 4.05 0 0 1-1.98.528q-.255.013-.512.013a10.42 10.42 0 0 1-8.85-4.833"/><path fill="#ea5a47" d="M50.602 42.731c4.334-1.5 2.667-4.5 2.667-6.5s4-2 4-2c5.601.981-.971 15.436-7 10Z"/><path fill="#d22f27" d="M53.56 31.814c-2.287-2.185.324-5.375.7-8.515s-5.956-6.127-5.956-6.127c2.185-2.287 6.707-.153 6.707-.153c11.808 7.783 3.497 16.024 3.497 16.024a13.4 13.4 0 0 1-4.949-1.23"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M51.38 48.037c-.701 1.378-2.366 2.769-5.813 3.803c0 0-6 1-9-2c0 0-3 4-11 1a6.97 6.97 0 0 1-3.763-2.746m1.846-8.337l3.916-3.917c2-2 5-5 9-4c0 0 5-1 9 4a36.5 36.5 0 0 0 3.624 4.046"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M25.566 50.84a3.7 3.7 0 0 0-2 3m6.084-1.917a3.88 3.88 0 0 0-1.084 2.917m16-2.917a3.88 3.88 0 0 1 1.083 2.917"/><ellipse cx="32.566" cy="27.34" rx="1" ry="2.5"/><ellipse cx="40.566" cy="27.34" rx="1" ry="2.5"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M48.901 50.592s1.719 1.221 1.33 2.496M21.73 44.231s-5 4-8-3s1-7 1-7s4 0 4 2s-1.666 5 2.668 6.5Zm-8.238-11.188s-8.311-8.241 3.497-16.024c0 0 4.522-2.134 6.706.153c-14.021 5.683 3.996 14.617-10.203 15.871"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18.966 26.029a8.95 8.95 0 0 0 5.274-5.909a7.82 7.82 0 0 1 .957 9.227a9.39 9.39 0 0 1-8.45 4.33a3.1 3.1 0 0 1-1.498-.375m35.353 9.429c4.334-1.5 2.667-4.5 2.667-6.5s4-2 4-2s4 0 1 7s-8 3-8 3Zm-2.297-25.559c2.184-2.287 6.706-.153 6.706-.153c11.808 7.783 3.497 16.024 3.497 16.024c-14.199-1.254 3.818-10.188-10.203-15.871"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M53.034 26.029a8.95 8.95 0 0 1-5.274-5.909a7.82 7.82 0 0 0-.957 9.227a9.39 9.39 0 0 0 8.45 4.33a3.1 3.1 0 0 0 1.498-.375"/></svg>

Como usar o ícone Crab

React

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

<Icon icon="openmoji:crab" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:crab" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:crab" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="openmoji:crab"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/openmoji/crab.svg" alt="Ícone Crab" width="24" height="24">

O ícone Crab em outras coleções

Perguntas frequentes sobre Ícone Crab

O ícone Crab é grátis para uso comercial?

Sim. OpenMoji icons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença.

Como uso o ícone Crab no React?

Instale @iconify/react e renderize <Icon icon="openmoji:crab" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Crab a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/openmoji/crab.svg" alt="Ícone Crab">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones OpenMoji →