octopus emoji
octopus from Fluent Emoji Flat by Microsoft Corporation · Default · Animals & Nature · MIT Free for personal and commercial use.
- Name
- octopus
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Animals & Nature
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More animals & nature icons from Fluent Emoji Flat
Use the octopus emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#f8312f" d="M7.311 17.654c.116.411.194.693-.592.596c-.444-.055-.838-.12-1.154-.171a7 7 0 0 0-.69-.095c-.167.006-.412.3-.125 1s.635 1.412.828 1.72l3.594-.892l-1.61-2.453l-.296.125q.022.088.045.17m17.402 0c-.116.411-.195.693.592.596c.444-.055.838-.12 1.154-.171c.32-.053.56-.092.69-.095c.166.006.412.3.125 1c-.288.7-.636 1.412-.828 1.72l-3.594-.892l1.61-2.453l.296.125q-.022.088-.046.17"/><path fill="#ff5e59" d="M8.177 18.841c.161.338.365.765-.802 1.034l-4.61 1.047c-.757.203-.645.509-.523.843q.03.078.055.157C2.74 23.36 6 25.812 8.157 25.5l4.156-3.719l-3.891-3.187l-.266.203zm15.8 0c-.161.338-.365.765.802 1.034l4.61 1.047c.757.203.645.509.523.843a3 3 0 0 0-.055.157c-.443 1.438-3.703 3.89-5.859 3.578l-4.156-3.719l3.89-3.187l.266.203z"/><path fill="#ff8687" d="m20.963 20.728l6.025 1.398c.158-.008.428.124.25.722c-.223.746-.768 2.297-4.28 2.287c-2.81-.009-3.24-2.63-3.103-3.939zm-9.713.553l-6.125.813c-.156-.021-.437.08-.312.656c.156.719.562 2.219 4.062 2.5c2.8.225 3.458-2.198 3.438-3.438z"/><path fill="#ff5e59" d="M10.953 21.36c.167.192.347.706-.265 1.218c-.613.513-3.745 3.276-5.235 4.594c-.288.255-.172.425.042.736l.052.076c1.002 1.48 6.125 3.938 10.14-1.218c.115-.148.206-.248.313-.25v.012l.035-.009l.034.01v-.013c.108.002.198.102.313.25c4.015 5.156 9.138 2.698 10.14 1.218l.052-.076c.214-.311.33-.481.042-.736c-1.49-1.318-4.622-4.081-5.234-4.594s-.433-1.026-.266-1.219l-1.102-.382l-3.98 1.285l-3.98-1.285z"/><path fill="#ff8257" d="M6.375 12a9 9 0 0 1 9-9H17a9 9 0 0 1 9 9v1.625a9 9 0 0 1-9 9h-1.625a9 9 0 0 1-9-9z"/><path fill="#1c1c1c" d="M6.375 15.25a1.719 1.719 0 1 0 0-3.438a1.719 1.719 0 0 0 0 3.438m19.188 0a1.719 1.719 0 1 0 0-3.437a1.719 1.719 0 0 0 0 3.437"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatOctopus(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#f8312f" d="M7.311 17.654c.116.411.194.693-.592.596c-.444-.055-.838-.12-1.154-.171a7 7 0 0 0-.69-.095c-.167.006-.412.3-.125 1s.635 1.412.828 1.72l3.594-.892l-1.61-2.453l-.296.125q.022.088.045.17m17.402 0c-.116.411-.195.693.592.596c.444-.055.838-.12 1.154-.171c.32-.053.56-.092.69-.095c.166.006.412.3.125 1c-.288.7-.636 1.412-.828 1.72l-3.594-.892l1.61-2.453l.296.125q-.022.088-.046.17"/><path fill="#ff5e59" d="M8.177 18.841c.161.338.365.765-.802 1.034l-4.61 1.047c-.757.203-.645.509-.523.843q.03.078.055.157C2.74 23.36 6 25.812 8.157 25.5l4.156-3.719l-3.891-3.187l-.266.203zm15.8 0c-.161.338-.365.765.802 1.034l4.61 1.047c.757.203.645.509.523.843a3 3 0 0 0-.055.157c-.443 1.438-3.703 3.89-5.859 3.578l-4.156-3.719l3.89-3.187l.266.203z"/><path fill="#ff8687" d="m20.963 20.728l6.025 1.398c.158-.008.428.124.25.722c-.223.746-.768 2.297-4.28 2.287c-2.81-.009-3.24-2.63-3.103-3.939zm-9.713.553l-6.125.813c-.156-.021-.437.08-.312.656c.156.719.562 2.219 4.062 2.5c2.8.225 3.458-2.198 3.438-3.438z"/><path fill="#ff5e59" d="M10.953 21.36c.167.192.347.706-.265 1.218c-.613.513-3.745 3.276-5.235 4.594c-.288.255-.172.425.042.736l.052.076c1.002 1.48 6.125 3.938 10.14-1.218c.115-.148.206-.248.313-.25v.012l.035-.009l.034.01v-.013c.108.002.198.102.313.25c4.015 5.156 9.138 2.698 10.14 1.218l.052-.076c.214-.311.33-.481.042-.736c-1.49-1.318-4.622-4.081-5.234-4.594s-.433-1.026-.266-1.219l-1.102-.382l-3.98 1.285l-3.98-1.285z"/><path fill="#ff8257" d="M6.375 12a9 9 0 0 1 9-9H17a9 9 0 0 1 9 9v1.625a9 9 0 0 1-9 9h-1.625a9 9 0 0 1-9-9z"/><path fill="#1c1c1c" d="M6.375 15.25a1.719 1.719 0 1 0 0-3.438a1.719 1.719 0 0 0 0 3.438m19.188 0a1.719 1.719 0 1 0 0-3.437a1.719 1.719 0 0 0 0 3.437"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#f8312f" d="M7.311 17.654c.116.411.194.693-.592.596c-.444-.055-.838-.12-1.154-.171a7 7 0 0 0-.69-.095c-.167.006-.412.3-.125 1s.635 1.412.828 1.72l3.594-.892l-1.61-2.453l-.296.125q.022.088.045.17m17.402 0c-.116.411-.195.693.592.596c.444-.055.838-.12 1.154-.171c.32-.053.56-.092.69-.095c.166.006.412.3.125 1c-.288.7-.636 1.412-.828 1.72l-3.594-.892l1.61-2.453l.296.125q-.022.088-.046.17"/><path fill="#ff5e59" d="M8.177 18.841c.161.338.365.765-.802 1.034l-4.61 1.047c-.757.203-.645.509-.523.843q.03.078.055.157C2.74 23.36 6 25.812 8.157 25.5l4.156-3.719l-3.891-3.187l-.266.203zm15.8 0c-.161.338-.365.765.802 1.034l4.61 1.047c.757.203.645.509.523.843a3 3 0 0 0-.055.157c-.443 1.438-3.703 3.89-5.859 3.578l-4.156-3.719l3.89-3.187l.266.203z"/><path fill="#ff8687" d="m20.963 20.728l6.025 1.398c.158-.008.428.124.25.722c-.223.746-.768 2.297-4.28 2.287c-2.81-.009-3.24-2.63-3.103-3.939zm-9.713.553l-6.125.813c-.156-.021-.437.08-.312.656c.156.719.562 2.219 4.062 2.5c2.8.225 3.458-2.198 3.438-3.438z"/><path fill="#ff5e59" d="M10.953 21.36c.167.192.347.706-.265 1.218c-.613.513-3.745 3.276-5.235 4.594c-.288.255-.172.425.042.736l.052.076c1.002 1.48 6.125 3.938 10.14-1.218c.115-.148.206-.248.313-.25v.012l.035-.009l.034.01v-.013c.108.002.198.102.313.25c4.015 5.156 9.138 2.698 10.14 1.218l.052-.076c.214-.311.33-.481.042-.736c-1.49-1.318-4.622-4.081-5.234-4.594s-.433-1.026-.266-1.219l-1.102-.382l-3.98 1.285l-3.98-1.285z"/><path fill="#ff8257" d="M6.375 12a9 9 0 0 1 9-9H17a9 9 0 0 1 9 9v1.625a9 9 0 0 1-9 9h-1.625a9 9 0 0 1-9-9z"/><path fill="#1c1c1c" d="M6.375 15.25a1.719 1.719 0 1 0 0-3.438a1.719 1.719 0 0 0 0 3.438m19.188 0a1.719 1.719 0 1 0 0-3.437a1.719 1.719 0 0 0 0 3.437"/></g></svg> </template>
CSS
.icon-octopus {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23f8312f%22%20d%3D%22M7.311%2017.654c.116.411.194.693-.592.596c-.444-.055-.838-.12-1.154-.171a7%207%200%200%200-.69-.095c-.167.006-.412.3-.125%201s.635%201.412.828%201.72l3.594-.892l-1.61-2.453l-.296.125q.022.088.045.17m17.402%200c-.116.411-.195.693.592.596c.444-.055.838-.12%201.154-.171c.32-.053.56-.092.69-.095c.166.006.412.3.125%201c-.288.7-.636%201.412-.828%201.72l-3.594-.892l1.61-2.453l.296.125q-.022.088-.046.17%22%2F%3E%3Cpath%20fill%3D%22%23ff5e59%22%20d%3D%22M8.177%2018.841c.161.338.365.765-.802%201.034l-4.61%201.047c-.757.203-.645.509-.523.843q.03.078.055.157C2.74%2023.36%206%2025.812%208.157%2025.5l4.156-3.719l-3.891-3.187l-.266.203zm15.8%200c-.161.338-.365.765.802%201.034l4.61%201.047c.757.203.645.509.523.843a3%203%200%200%200-.055.157c-.443%201.438-3.703%203.89-5.859%203.578l-4.156-3.719l3.89-3.187l.266.203z%22%2F%3E%3Cpath%20fill%3D%22%23ff8687%22%20d%3D%22m20.963%2020.728l6.025%201.398c.158-.008.428.124.25.722c-.223.746-.768%202.297-4.28%202.287c-2.81-.009-3.24-2.63-3.103-3.939zm-9.713.553l-6.125.813c-.156-.021-.437.08-.312.656c.156.719.562%202.219%204.062%202.5c2.8.225%203.458-2.198%203.438-3.438z%22%2F%3E%3Cpath%20fill%3D%22%23ff5e59%22%20d%3D%22M10.953%2021.36c.167.192.347.706-.265%201.218c-.613.513-3.745%203.276-5.235%204.594c-.288.255-.172.425.042.736l.052.076c1.002%201.48%206.125%203.938%2010.14-1.218c.115-.148.206-.248.313-.25v.012l.035-.009l.034.01v-.013c.108.002.198.102.313.25c4.015%205.156%209.138%202.698%2010.14%201.218l.052-.076c.214-.311.33-.481.042-.736c-1.49-1.318-4.622-4.081-5.234-4.594s-.433-1.026-.266-1.219l-1.102-.382l-3.98%201.285l-3.98-1.285z%22%2F%3E%3Cpath%20fill%3D%22%23ff8257%22%20d%3D%22M6.375%2012a9%209%200%200%201%209-9H17a9%209%200%200%201%209%209v1.625a9%209%200%200%201-9%209h-1.625a9%209%200%200%201-9-9z%22%2F%3E%3Cpath%20fill%3D%22%231c1c1c%22%20d%3D%22M6.375%2015.25a1.719%201.719%200%201%200%200-3.438a1.719%201.719%200%200%200%200%203.438m19.188%200a1.719%201.719%200%201%200%200-3.437a1.719%201.719%200%200%200%200%203.437%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23f8312f%22%20d%3D%22M7.311%2017.654c.116.411.194.693-.592.596c-.444-.055-.838-.12-1.154-.171a7%207%200%200%200-.69-.095c-.167.006-.412.3-.125%201s.635%201.412.828%201.72l3.594-.892l-1.61-2.453l-.296.125q.022.088.045.17m17.402%200c-.116.411-.195.693.592.596c.444-.055.838-.12%201.154-.171c.32-.053.56-.092.69-.095c.166.006.412.3.125%201c-.288.7-.636%201.412-.828%201.72l-3.594-.892l1.61-2.453l.296.125q-.022.088-.046.17%22%2F%3E%3Cpath%20fill%3D%22%23ff5e59%22%20d%3D%22M8.177%2018.841c.161.338.365.765-.802%201.034l-4.61%201.047c-.757.203-.645.509-.523.843q.03.078.055.157C2.74%2023.36%206%2025.812%208.157%2025.5l4.156-3.719l-3.891-3.187l-.266.203zm15.8%200c-.161.338-.365.765.802%201.034l4.61%201.047c.757.203.645.509.523.843a3%203%200%200%200-.055.157c-.443%201.438-3.703%203.89-5.859%203.578l-4.156-3.719l3.89-3.187l.266.203z%22%2F%3E%3Cpath%20fill%3D%22%23ff8687%22%20d%3D%22m20.963%2020.728l6.025%201.398c.158-.008.428.124.25.722c-.223.746-.768%202.297-4.28%202.287c-2.81-.009-3.24-2.63-3.103-3.939zm-9.713.553l-6.125.813c-.156-.021-.437.08-.312.656c.156.719.562%202.219%204.062%202.5c2.8.225%203.458-2.198%203.438-3.438z%22%2F%3E%3Cpath%20fill%3D%22%23ff5e59%22%20d%3D%22M10.953%2021.36c.167.192.347.706-.265%201.218c-.613.513-3.745%203.276-5.235%204.594c-.288.255-.172.425.042.736l.052.076c1.002%201.48%206.125%203.938%2010.14-1.218c.115-.148.206-.248.313-.25v.012l.035-.009l.034.01v-.013c.108.002.198.102.313.25c4.015%205.156%209.138%202.698%2010.14%201.218l.052-.076c.214-.311.33-.481.042-.736c-1.49-1.318-4.622-4.081-5.234-4.594s-.433-1.026-.266-1.219l-1.102-.382l-3.98%201.285l-3.98-1.285z%22%2F%3E%3Cpath%20fill%3D%22%23ff8257%22%20d%3D%22M6.375%2012a9%209%200%200%201%209-9H17a9%209%200%200%201%209%209v1.625a9%209%200%200%201-9%209h-1.625a9%209%200%200%201-9-9z%22%2F%3E%3Cpath%20fill%3D%22%231c1c1c%22%20d%3D%22M6.375%2015.25a1.719%201.719%200%201%200%200-3.438a1.719%201.719%200%200%200%200%203.438m19.188%200a1.719%201.719%200%201%200%200-3.437a1.719%201.719%200%200%200%200%203.437%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/octopus.svg?color=%231a73e8&size=48
