Octopus icon

emojione-monotone:octopus

The Octopus icon (emojione-monotone:octopus) is a free SVG icon from the Emoji One (Monotone) set by Emoji One. It is drawn on a 64 × 64 grid. Emoji One (Monotone) icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Emoji One (Monotone)
Author: Emoji One
License: CC-BY-4.0
Size: 64 × 64
Category: Nature

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M52.703 37.509c4.143-5.537 6.802-13.174 6.796-16.26c.012-.1.021-.197.025-.279c.117-2.681-6.126 6.794-12.516 11.879c.871-3.064 1.356-6.727 1.356-11.07c0-26.371-32.73-26.371-32.73 0c0 4.344.485 8.006 1.357 11.07c-6.39-5.084-12.633-14.56-12.517-11.879c.003.082.014.18.025.279c-.006 3.086 2.654 10.723 6.796 16.26c-5.713.045-10.456-.366-9.046.794c.073.06.163.126.259.193c1.825 1.606 7.811 4.229 13.94 5.319c-.126.183-.254.362-.378.556c-4.176 6.462-13.637 9.31-10.354 10.462c.917.398 2.276.612 3.877.612c2.823 0 6.392-.671 9.592-2.169c-2.565 4.656-5.574 7.976-3.069 8.622c.22.057.469.083.74.087q.19.015.39.015C21.738 62 29.451 56.951 32 50.288C34.549 56.951 42.261 62 46.753 62q.2 0 .391-.015c.27-.004.52-.03.739-.087c2.505-.646-.504-3.966-3.069-8.622c3.2 1.498 6.769 2.169 9.592 2.169c1.601 0 2.96-.214 3.877-.612c3.283-1.152-6.178-4-10.354-10.462c-.125-.193-.252-.373-.379-.556c6.129-1.09 12.115-3.713 13.94-5.319c.097-.067.187-.134.259-.193c1.41-1.16-3.333-.749-9.046-.794m4.848-11.618c-1.167 3.607-3.338 8.132-6.083 11.6a64 64 0 0 1-3.771-.179c3.675-2.398 7.222-7.473 9.854-11.421m-17.254 2.005a3 3 0 1 1 0 6a3 3 0 0 1 0-6m-11.745 9.481c.586.247 1.677.707 3.451.707c1.771 0 2.861-.46 3.446-.707c.265-.111.428-.18.592-.18c.223 0 .449.141.449.406c0 .934-2.14 1.783-4.487 1.783c-2.351 0-4.492-.85-4.492-1.783q0-.154.099-.264a.48.48 0 0 1 .353-.143c.164.001.324.07.589.181m-3.638-9.481a3 3 0 1 1 0 6a3 3 0 0 1 0-6M6.449 25.891c2.631 3.948 6.179 9.023 9.854 11.421c-1.251.1-2.524.153-3.771.179c-2.745-3.469-4.917-7.993-6.083-11.6M7.615 40.18c2.923.42 6.275.841 9.407.841c.681 0 1.317-.024 1.925-.064a15 15 0 0 0-1.829 1.952c-3.41-.559-6.839-1.619-9.503-2.729m1.98 14.265c-.759 0-1.457-.051-2.063-.147a58 58 0 0 1 1.543-.73c2.846-1.315 6.744-3.115 9.499-6.188c1.479-1.649 3.059-2.836 4.568-3.479c-.653 1.066-1.221 2.365-1.644 3.917c-.373 1.371-.909 2.687-1.515 3.927c-3.409 1.909-7.481 2.7-10.388 2.7m36.476 6.511c-4.004-.483-10.818-4.965-13.137-11.025L32 47.489l-.935 2.441c-2.318 6.061-9.133 10.542-13.136 11.025c.494-.742 1.654-1.917 2.558-2.833c2.025-2.052 4.546-4.604 6.24-7.753c1.391-2.581 3.195-4.404 5.082-5.136l.016-.006c.043-.003.307-.003.35 0l.016.006c1.887.731 3.691 2.555 5.082 5.135c1.694 3.149 4.215 5.702 6.24 7.754c.904.917 2.064 2.092 2.558 2.834m8.855-7.389c.502.231 1.06.489 1.543.73a13 13 0 0 1-2.063.147c-2.908 0-6.979-.791-10.389-2.7c-.605-1.24-1.142-2.556-1.515-3.927c-.423-1.552-.99-2.851-1.644-3.917c1.51.643 3.089 1.829 4.568 3.479c2.757 3.073 6.654 4.873 9.5 6.188m-8.044-10.659a15 15 0 0 0-1.828-1.952c.607.04 1.244.064 1.925.064c3.132 0 6.483-.421 9.407-.841c-2.664 1.111-6.094 2.171-9.504 2.729"/></svg>

How to use the Octopus icon

React

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

<Icon icon="emojione-monotone:octopus" width="24" />

Vue

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

<template>
  <Icon icon="emojione-monotone:octopus" width="24" />
</template>

Svelte

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

<Icon icon="emojione-monotone:octopus" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--octopus]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone:octopus"></div>

Web component

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

<iconify-icon icon="emojione-monotone:octopus"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/emojione-monotone/octopus.svg" alt="Octopus icon" width="24" height="24">

Octopus icon in other icon sets

Octopus icon FAQ

Is the Octopus icon free for commercial use?

Yes. Emoji One (Monotone) icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Octopus icon in React?

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

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

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

Browse all Emoji One (Monotone) icons →