Crocodile icon

fxemoji:crocodile

The Crocodile icon (fxemoji:crocodile) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Firefox OS Emoji
Author: Mozilla
License: Apache-2.0
Size: 512 × 512
Category: Nature

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#00B89C" d="M490.256 265.799h-3.835c-.591-7.204-6.614-12.868-13.97-12.868s-13.379 5.665-13.97 12.868H435.05c0-22.063-18.646-39.772-41.039-38.227c-18.267 1.26-33.18 15.609-35.33 33.634H348.04l-11.602-8.849l-11.602 8.849h-1.527l-11.602-8.849l-11.602 8.849h-1.527l-11.602-8.849l-11.602 8.849h-1.527l-11.602-8.849l-11.602 8.849h-1.527l-11.602-8.849l-11.602 8.849h-1.527l-11.602-8.849l-11.602 8.849h-1.527l-11.602-8.849l-11.602 8.849h-1.527l-11.602-8.849l-12.459 9.503a843 843 0 0 0-10.14.156l-9.059.184c-.286.026-.958-.004-1.502-.007c-.57-.001-1.14-.049-1.723-.063a101 101 0 0 1-3.552-.275a60 60 0 0 1-7.478-1.231c-2.573-.551-5.2-1.324-7.857-2.3c-5.336-1.904-10.759-4.746-15.962-8.483c-5.16-3.776-10.106-8.458-14.235-14.046c-4.212-5.536-7.576-11.95-9.965-18.905c-1.202-3.481-2.046-7.115-2.7-10.841c-.09-.465-.146-.935-.224-1.404l-.055-.352l-.028-.176l-.014-.088c-.005-.108-.013.659-.015.273l-.087-1.013l-.087-1.013l-.042-.475l-.035-.277l-.153-1.125a74 74 0 0 1-.266-5.693c-.013-7.591 1.047-15.229 3.204-22.549c2.142-7.321 5.319-14.326 9.233-20.676c3.933-6.329 8.553-12.046 13.506-16.868c2.45-2.454 5-4.655 7.546-6.672c2.531-2.055 5.105-3.821 7.598-5.471c5.008-3.248 9.807-5.691 13.924-7.56a128 128 0 0 1 9.942-3.938l3.696-1.255l.234-.079a4.244 4.244 0 0 0-.235-8.094l-1.041-.294a51 51 0 0 0-3.066-.793c-2.706-.638-6.73-1.423-12.008-1.868a91.6 91.6 0 0 0-19.345.514c-7.53.985-16.049 3.059-24.998 6.744a107 107 0 0 0-27.071 16.362c-8.836 7.272-17.156 16.51-23.945 27.499C16.054 160.665 10.846 173.396 7.999 187a133 133 0 0 0-1.753 10.327l-.554 5.191l-.113 1.011c-.003-.302-.015.542-.015.526l-.011.165l-.021.33l-.042.661c-.051.882-.121 1.764-.151 2.65c-.317 7.084.01 14.284.927 21.456c1.771 14.368 6.259 28.525 12.776 41.477c6.609 12.908 15.249 24.636 25.321 34.369c10.009 9.81 21.376 17.653 33.016 23.496a136 136 0 0 0 17.579 7.25c5.849 1.939 11.651 3.367 17.275 4.429c2.811.541 5.585.949 8.303 1.276c1.36.145 2.704.311 4.035.418c1.355.11 2.557.228 4.128.303l3.719.175l1.346.054l1.837.033l4.909.104v42.581a5.714 5.714 0 0 0 5.714 5.714h52.731c3.885 0 6.604-3.784 5.439-7.491c-3.181-10.122-12.638-17.463-23.81-17.463q-1.362 0-2.683.148c-3.351.37-6.257-2.307-6.257-5.678v-16.996h117.163v42.393a5.09 5.09 0 0 0 5.087 5.088h50.473c3.339 0 5.781-3.166 4.927-6.394c-2.824-10.684-12.556-18.56-24.127-18.56h-.054c-2.835.006-5.173-2.197-5.173-5.032v-17.495h73.279v-.02c.268.007.534.02.804.02c11.003 0 20.689-5.622 26.352-14.148h57.838c8.773 0 15.885-7.112 15.885-15.885v-.021a15.8 15.8 0 0 0-3.057-9.341h2.996c8.494 0 15.38-6.886 15.38-15.381v-3.78c0-10.583-8.579-19.161-19.161-19.161"/><path fill="#E5E4DF" d="M408.922 304.064a8.675 8.675 0 0 1-17.35 0m17.35 0a8.675 8.675 0 0 0 17.35 0m0 0a8.675 8.675 0 0 0 17.35 0m0 0a8.675 8.675 0 0 0 17.35 0m0 0a8.675 8.675 0 0 0 17.35 0m.001 0a8.675 8.675 0 0 0 17.35 0"/><path fill="#2B3B47" d="M404.85 257.71v9.723h-.015c0 .015.015.02.015.027a6.92 6.92 0 0 1-6.916 6.916a6.92 6.92 0 0 1-6.916-6.916v-.027h-.03v-9.723h.083c.309-3.542 3.24-6.328 6.863-6.328c3.612 0 6.544 2.787 6.848 6.328zm74.532 9.94h-.068c-.304-3.542-3.236-6.328-6.848-6.328c-3.622 0-6.554 2.787-6.863 6.328h-.083"/></svg>

How to use the Crocodile icon

React

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

<Icon icon="fxemoji:crocodile" width="24" />

Vue

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

<template>
  <Icon icon="fxemoji:crocodile" width="24" />
</template>

Svelte

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

<Icon icon="fxemoji:crocodile" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="fxemoji:crocodile"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fxemoji/crocodile.svg" alt="Crocodile icon" width="24" height="24">

Crocodile icon in other icon sets

Crocodile icon FAQ

Is the Crocodile icon free for commercial use?

Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.

How do I use the Crocodile icon in React?

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

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

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

Browse all Firefox OS Emoji icons →