squid emoji
squid from Twitter Emoji by Twitter · Default · Animals & Nature · CC-BY-4.0 Attribution required.
- Name
- squid
- Set
- Twitter Emoji
- Style
- Default
- Category
- Animals & Nature
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More animals & nature icons from Twitter Emoji
Use the squid emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ea596e" d="M31 11C31 5 18 0 18 0v25s13-8 13-14"/><path fill="#ea596e" d="M5.002 11c0-6 13-11 13-11v25c.001 0-13-8-13-14"/><path fill="#f4abba" d="M27 11c0 3.833-9 12-9 12s-9-8.167-9-12c0-5 9-11 9-11s9 6 9 11"/><path fill="#be1931" d="M13 15.867c2.552 4.254-1.806 9.096-4.357 8.245s-3.403 1.701-.851 2.552s8.052-.396 11.059-3.402c.851-.851 1.701-.851 1.701-.851z"/><path fill="#be1931" d="M23 15.867c-2.552 4.254 1.806 9.096 4.357 8.245c2.553-.851 3.403 1.701.851 2.552s-8.052-.396-11.059-3.402c-.851-.851-1.702-.851-1.702-.851z"/><path fill="#ea596e" d="M9 17c2.552 4.254-1.369 11.366-3.921 10.515s-3.403 1.702-.851 2.553s8.052-.396 11.059-3.403c.851-.851 1.701-.851 1.701-.851zm17.989 0c-2.553 4.254 1.368 11.366 3.921 10.515s3.402 1.702.851 2.553c-2.553.851-8.052-.396-11.059-3.403c-.851-.852-1.702-.852-1.702-.852z"/><path fill="#f4abba" d="M30.921 32.35C28.599 33.124 24 27 25 21c2-5-4-7.482-4-9.983c0-6.108-2.031-9.735-3.031-9.735S15 4.909 15 11.017C15 13.518 9 16 11 21c1 6-3.599 12.124-5.921 11.35c-2.552-.851-3.403 2.552-.851 3.402s7.069-.533 10.208-3.402C16.299 30.647 18 30.647 18 30.647s1.701 0 3.563 1.702c3.139 2.869 7.656 4.253 10.208 3.402c2.552-.85 1.702-4.252-.85-3.401"/><circle cx="14.5" cy="23.5" r="2.5" fill="#292f33"/><circle cx="21.5" cy="23.5" r="2.5" fill="#292f33"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiSquid(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ea596e" d="M31 11C31 5 18 0 18 0v25s13-8 13-14"/><path fill="#ea596e" d="M5.002 11c0-6 13-11 13-11v25c.001 0-13-8-13-14"/><path fill="#f4abba" d="M27 11c0 3.833-9 12-9 12s-9-8.167-9-12c0-5 9-11 9-11s9 6 9 11"/><path fill="#be1931" d="M13 15.867c2.552 4.254-1.806 9.096-4.357 8.245s-3.403 1.701-.851 2.552s8.052-.396 11.059-3.402c.851-.851 1.701-.851 1.701-.851z"/><path fill="#be1931" d="M23 15.867c-2.552 4.254 1.806 9.096 4.357 8.245c2.553-.851 3.403 1.701.851 2.552s-8.052-.396-11.059-3.402c-.851-.851-1.702-.851-1.702-.851z"/><path fill="#ea596e" d="M9 17c2.552 4.254-1.369 11.366-3.921 10.515s-3.403 1.702-.851 2.553s8.052-.396 11.059-3.403c.851-.851 1.701-.851 1.701-.851zm17.989 0c-2.553 4.254 1.368 11.366 3.921 10.515s3.402 1.702.851 2.553c-2.553.851-8.052-.396-11.059-3.403c-.851-.852-1.702-.852-1.702-.852z"/><path fill="#f4abba" d="M30.921 32.35C28.599 33.124 24 27 25 21c2-5-4-7.482-4-9.983c0-6.108-2.031-9.735-3.031-9.735S15 4.909 15 11.017C15 13.518 9 16 11 21c1 6-3.599 12.124-5.921 11.35c-2.552-.851-3.403 2.552-.851 3.402s7.069-.533 10.208-3.402C16.299 30.647 18 30.647 18 30.647s1.701 0 3.563 1.702c3.139 2.869 7.656 4.253 10.208 3.402c2.552-.85 1.702-4.252-.85-3.401"/><circle cx="14.5" cy="23.5" r="2.5" fill="#292f33"/><circle cx="21.5" cy="23.5" r="2.5" fill="#292f33"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ea596e" d="M31 11C31 5 18 0 18 0v25s13-8 13-14"/><path fill="#ea596e" d="M5.002 11c0-6 13-11 13-11v25c.001 0-13-8-13-14"/><path fill="#f4abba" d="M27 11c0 3.833-9 12-9 12s-9-8.167-9-12c0-5 9-11 9-11s9 6 9 11"/><path fill="#be1931" d="M13 15.867c2.552 4.254-1.806 9.096-4.357 8.245s-3.403 1.701-.851 2.552s8.052-.396 11.059-3.402c.851-.851 1.701-.851 1.701-.851z"/><path fill="#be1931" d="M23 15.867c-2.552 4.254 1.806 9.096 4.357 8.245c2.553-.851 3.403 1.701.851 2.552s-8.052-.396-11.059-3.402c-.851-.851-1.702-.851-1.702-.851z"/><path fill="#ea596e" d="M9 17c2.552 4.254-1.369 11.366-3.921 10.515s-3.403 1.702-.851 2.553s8.052-.396 11.059-3.403c.851-.851 1.701-.851 1.701-.851zm17.989 0c-2.553 4.254 1.368 11.366 3.921 10.515s3.402 1.702.851 2.553c-2.553.851-8.052-.396-11.059-3.403c-.851-.852-1.702-.852-1.702-.852z"/><path fill="#f4abba" d="M30.921 32.35C28.599 33.124 24 27 25 21c2-5-4-7.482-4-9.983c0-6.108-2.031-9.735-3.031-9.735S15 4.909 15 11.017C15 13.518 9 16 11 21c1 6-3.599 12.124-5.921 11.35c-2.552-.851-3.403 2.552-.851 3.402s7.069-.533 10.208-3.402C16.299 30.647 18 30.647 18 30.647s1.701 0 3.563 1.702c3.139 2.869 7.656 4.253 10.208 3.402c2.552-.85 1.702-4.252-.85-3.401"/><circle cx="14.5" cy="23.5" r="2.5" fill="#292f33"/><circle cx="21.5" cy="23.5" r="2.5" fill="#292f33"/></svg> </template>
CSS
.icon-squid {
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%2036%2036%22%3E%3Cpath%20fill%3D%22%23ea596e%22%20d%3D%22M31%2011C31%205%2018%200%2018%200v25s13-8%2013-14%22%2F%3E%3Cpath%20fill%3D%22%23ea596e%22%20d%3D%22M5.002%2011c0-6%2013-11%2013-11v25c.001%200-13-8-13-14%22%2F%3E%3Cpath%20fill%3D%22%23f4abba%22%20d%3D%22M27%2011c0%203.833-9%2012-9%2012s-9-8.167-9-12c0-5%209-11%209-11s9%206%209%2011%22%2F%3E%3Cpath%20fill%3D%22%23be1931%22%20d%3D%22M13%2015.867c2.552%204.254-1.806%209.096-4.357%208.245s-3.403%201.701-.851%202.552s8.052-.396%2011.059-3.402c.851-.851%201.701-.851%201.701-.851z%22%2F%3E%3Cpath%20fill%3D%22%23be1931%22%20d%3D%22M23%2015.867c-2.552%204.254%201.806%209.096%204.357%208.245c2.553-.851%203.403%201.701.851%202.552s-8.052-.396-11.059-3.402c-.851-.851-1.702-.851-1.702-.851z%22%2F%3E%3Cpath%20fill%3D%22%23ea596e%22%20d%3D%22M9%2017c2.552%204.254-1.369%2011.366-3.921%2010.515s-3.403%201.702-.851%202.553s8.052-.396%2011.059-3.403c.851-.851%201.701-.851%201.701-.851zm17.989%200c-2.553%204.254%201.368%2011.366%203.921%2010.515s3.402%201.702.851%202.553c-2.553.851-8.052-.396-11.059-3.403c-.851-.852-1.702-.852-1.702-.852z%22%2F%3E%3Cpath%20fill%3D%22%23f4abba%22%20d%3D%22M30.921%2032.35C28.599%2033.124%2024%2027%2025%2021c2-5-4-7.482-4-9.983c0-6.108-2.031-9.735-3.031-9.735S15%204.909%2015%2011.017C15%2013.518%209%2016%2011%2021c1%206-3.599%2012.124-5.921%2011.35c-2.552-.851-3.403%202.552-.851%203.402s7.069-.533%2010.208-3.402C16.299%2030.647%2018%2030.647%2018%2030.647s1.701%200%203.563%201.702c3.139%202.869%207.656%204.253%2010.208%203.402c2.552-.85%201.702-4.252-.85-3.401%22%2F%3E%3Ccircle%20cx%3D%2214.5%22%20cy%3D%2223.5%22%20r%3D%222.5%22%20fill%3D%22%23292f33%22%2F%3E%3Ccircle%20cx%3D%2221.5%22%20cy%3D%2223.5%22%20r%3D%222.5%22%20fill%3D%22%23292f33%22%2F%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23ea596e%22%20d%3D%22M31%2011C31%205%2018%200%2018%200v25s13-8%2013-14%22%2F%3E%3Cpath%20fill%3D%22%23ea596e%22%20d%3D%22M5.002%2011c0-6%2013-11%2013-11v25c.001%200-13-8-13-14%22%2F%3E%3Cpath%20fill%3D%22%23f4abba%22%20d%3D%22M27%2011c0%203.833-9%2012-9%2012s-9-8.167-9-12c0-5%209-11%209-11s9%206%209%2011%22%2F%3E%3Cpath%20fill%3D%22%23be1931%22%20d%3D%22M13%2015.867c2.552%204.254-1.806%209.096-4.357%208.245s-3.403%201.701-.851%202.552s8.052-.396%2011.059-3.402c.851-.851%201.701-.851%201.701-.851z%22%2F%3E%3Cpath%20fill%3D%22%23be1931%22%20d%3D%22M23%2015.867c-2.552%204.254%201.806%209.096%204.357%208.245c2.553-.851%203.403%201.701.851%202.552s-8.052-.396-11.059-3.402c-.851-.851-1.702-.851-1.702-.851z%22%2F%3E%3Cpath%20fill%3D%22%23ea596e%22%20d%3D%22M9%2017c2.552%204.254-1.369%2011.366-3.921%2010.515s-3.403%201.702-.851%202.553s8.052-.396%2011.059-3.403c.851-.851%201.701-.851%201.701-.851zm17.989%200c-2.553%204.254%201.368%2011.366%203.921%2010.515s3.402%201.702.851%202.553c-2.553.851-8.052-.396-11.059-3.403c-.851-.852-1.702-.852-1.702-.852z%22%2F%3E%3Cpath%20fill%3D%22%23f4abba%22%20d%3D%22M30.921%2032.35C28.599%2033.124%2024%2027%2025%2021c2-5-4-7.482-4-9.983c0-6.108-2.031-9.735-3.031-9.735S15%204.909%2015%2011.017C15%2013.518%209%2016%2011%2021c1%206-3.599%2012.124-5.921%2011.35c-2.552-.851-3.403%202.552-.851%203.402s7.069-.533%2010.208-3.402C16.299%2030.647%2018%2030.647%2018%2030.647s1.701%200%203.563%201.702c3.139%202.869%207.656%204.253%2010.208%203.402c2.552-.85%201.702-4.252-.85-3.401%22%2F%3E%3Ccircle%20cx%3D%2214.5%22%20cy%3D%2223.5%22%20r%3D%222.5%22%20fill%3D%22%23292f33%22%2F%3E%3Ccircle%20cx%3D%2221.5%22%20cy%3D%2223.5%22%20r%3D%222.5%22%20fill%3D%22%23292f33%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/squid.svg?color=%231a73e8&size=48
