Inaturalist icon

openmoji:inaturalist

The Inaturalist icon (openmoji:inaturalist) is a free SVG icon from the OpenMoji set. It is drawn on a 72 × 72 grid. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: OpenMoji
Author: OpenMoji
License: CC-BY-SA-4.0
Size: 72 × 72
Category: Extras Openmoji

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#b1cc33" fill-rule="evenodd" d="M46.655 36.403C36.105 23.083 19.683 15.5 8 15.5C8 19 21.5 28 21.5 28h-7c0 4 13 9.5 13 9.5H21c4.52 6.26 14.534 8.69 20.578 8.999q-.29.52-.578 1.001l-.128.216C38.682 51.428 34.807 58 25 58c3.5 2.5 7.5 3 10.5 3c11.5 0 25-9 25-24c0-6.73 3-12 5.5-12h-7c-5.42 0-9.207 5.438-12.345 11.403" clip-rule="evenodd"/><path fill="#b1cc33" stroke="#b1cc33" stroke-linejoin="round" stroke-width="2" d="M48 32.685C42.95 18.25 33 10 29 10c0 3.61 9.5 18.5 9.5 18.5L46 36z"/><circle cx="57" cy="28" r="1" fill="#fff"/><path d="m45.655 36.403l-.784.621a1 1 0 0 0 1.669-.155zM7 15.5v-1a1 1 0 0 0-1 1zM20.5 28v1a1 1 0 0 0 .555-1.832zm-7 0v-1a1 1 0 0 0-1 1zm13 9.5v1a1 1 0 0 0 .39-1.921zm-6.5 0v-1a1 1 0 0 0-.81 1.586zm20.578 8.999l.873.486a1 1 0 0 0-.822-1.485zM40 47.5l-.858-.514l-.003.005zm-.128.216l-.861-.508zM24 58v-1a1 1 0 0 0-.581 1.814zm41-32a1 1 0 1 0 0-2zm-18.561 9.782C35.725 22.255 19.027 14.5 7 14.5v2c11.339 0 27.486 7.411 37.87 20.524zM6 15.5c0 .726.335 1.448.736 2.078c.417.657.992 1.348 1.647 2.04c1.313 1.385 3.043 2.872 4.744 4.227a109 109 0 0 0 4.685 3.51a114 114 0 0 0 2.122 1.47l.008.005l.002.001h.001L20.5 28l.555-.832l-.002-.001l-.007-.005l-.028-.018l-.11-.075l-.423-.287c-.365-.25-.888-.613-1.515-1.058a107 107 0 0 1-4.597-3.444c-1.674-1.333-3.32-2.752-4.538-4.038c-.61-.644-1.09-1.23-1.41-1.736C8.086 15.974 8 15.649 8 15.5zM20.5 27h-7v2h7zm-8 1c0 .77.31 1.486.726 2.111c.42.63.996 1.238 1.643 1.81c1.292 1.143 2.984 2.245 4.631 3.195a65 65 0 0 0 4.54 2.366a69 69 0 0 0 1.916.873l.113.048l.03.013l.008.004h.003l.39-.92l.39-.92v-.001h-.002l-.006-.003l-.026-.011a36 36 0 0 1-.508-.223a67 67 0 0 1-1.45-.667a63 63 0 0 1-4.398-2.291c-1.603-.925-3.161-1.948-4.306-2.961c-.573-.507-1.013-.985-1.303-1.421c-.294-.441-.391-.771-.391-1.002zm14 8.5H20v2h6.5zm-7.31 1.586c2.421 3.353 6.26 5.618 10.178 7.082c3.93 1.468 8.046 2.17 11.159 2.33l.102-1.998c-2.931-.15-6.843-.817-10.561-2.206c-3.73-1.393-7.159-3.474-9.257-6.38zm21.668 9.929q.297-.499.593-1.03l-1.747-.973a35 35 0 0 1-.562.974zm-.124.21l.127-.216l-1.722-1.018l-.128.217zM24 59c10.4 0 14.534-7.046 16.734-10.776l-1.723-1.016C36.831 50.903 33.213 57 24 57zm10.5 1c-2.906 0-6.662-.488-9.919-2.814l-1.162 1.628C27.162 61.488 31.406 62 34.5 62zm24-23c0 14.309-12.902 23-24 23v2c11.902 0 26-9.309 26-25zM65 24c-.98 0-1.87.51-2.602 1.202c-.742.704-1.416 1.68-1.983 2.832C59.28 30.343 58.5 33.496 58.5 37h2c0-3.226.72-6.073 1.71-8.082c.495-1.007 1.04-1.768 1.563-2.263c.534-.506.956-.655 1.227-.655zm-7 2h7v-2h-7zM46.54 36.869c1.559-2.963 3.238-5.712 5.154-7.712C53.603 27.164 55.661 26 58 26v-2c-3.08 0-5.625 1.555-7.75 3.773c-2.117 2.21-3.9 5.162-5.48 8.165z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M35.14 23S29 15 29 10c3.5 0 12.521 6.854 17.59 19"/></svg>

How to use the Inaturalist icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

<img src="https://iconyz.com/api/public/svg/openmoji/inaturalist.svg" alt="Inaturalist icon" width="24" height="24">

Inaturalist icon in other icon sets

Inaturalist icon FAQ

Is the Inaturalist icon free for commercial use?

Yes. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.

How do I use the Inaturalist icon in React?

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

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

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

Browse all OpenMoji icons →