spiral shell emoji

spiral-shell from Emoji One (Colored) by Emoji One · Default · Nature · CC-BY-4.0 Attribution required.

Name
spiral-shell
Set
Emoji One (Colored)
Style
Default
Category
Nature
Viewbox
64×64
License
CC BY 4.0

The same emoji in other sets

spiral-shellFluent Emojispiral-shellFluent Emoji Flatspiral-shellFluent Emoji High Contrastspiral-shellNoto Emojispiral-shellOpenMojispiral-shellStreamline Emojisspiral-shellTwitter Emoji

More nature icons from Emoji One (Colored)

antbaby-chickbatbear-facebirdblossomblowfishboarbouquetbugbutterflycactuscamelcatcat-facecherry-blossomchickenchipmunkcloudcloud-with-lightningcloud-with-lightning-and-raincloud-with-raincloud-with-snowcollision

Use the spiral shell emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><g fill="#ffecd6"><path d="M11.4 4.3C1.7-2.4-.3 7 4.4 14c4.6-2.3 5.8-7.2 7-9.7"/><path d="M11.3 22.3c3.1-4.1 6.2-9.3 7.9-14.7c-1.9-2.1-4.7-3.3-6.7-2.7c-.7 2.8-2.5 4.8-4.3 6.9c-1.1 1.3-2 2.7-3.2 3.9c-1.8 3.5-.5 9.6 1.6 11.4c1.7-1.4 3.3-2.9 4.7-4.8"/><path d="M38.6 54.4c3.6 0 23 2.5 23-5.6c0-18.7-2.4-34.4-25.6-34.4c-2.7 7.2-4.3 6.6-1.6 0c-1.5-5-8.7-8.6-14.4-6.4c-1.5 5.1-4.2 10.4-7.1 14.2c-1.8 2.4-3.7 4.6-5.9 6.6C7 45 24.7 54.4 38.6 54.4"/></g><path fill="#ddb199" d="M13 4.8s-1.1.1-2-.7c-2.6 6.3-7 9.4-7 9.4c1.1 1.6.6 3.3.6 3.3c1.4-1.5 6.2-5.5 8.4-12"/><path fill="#29251c" d="M24.7 29.9c-1.8 2 33.8 32.3 33.8 29.3c0-3.4-.5-3.5-.6-5.3s2.6-8.8-.4-13c-1.3-1.8-6.3-8.6-7.5-10.5s-10.3-4.8-12.4-5c-2.1-.4-11.1 2.5-12.9 4.5"/><path fill="#c1875d" d="M58.8 48.7c-1-.8-8.9-.9-12.9-2.8c-5.7-2.8-10.5-4.7-12-8.9c-1.4-3.9-2.4-8.3-2.6-10.3c-.1-1.1-6.3 2.9-6.6 3.2c-1.8 2-1.6 6 .4 10.7c2 4.8 8.5 10.7 9.6 10.8c1 .1 8.4 6.1 11.2 6.6c2.9.4 3.6.2 4.3.8s2.2 1.8 3 1.8c.5 0 2.6 1.4 3.9.7c1.6-.2 1.6-3 1.4-6c-.1-2.7 1.6-5.6.3-6.6"/><path fill="#ffd6bb" d="M52.2 58.2c-5.5-.5-22.6-8.8-26-17.7c-1.5-3.9.5-9.5.3-11.5c-.1-1.1-1.5.6-1.7.8c-1.8 2-4 7.7-2.1 12.5C27.5 54.8 49.1 62 53.3 62c2.7 0 4.2-.8 4.2-.8s-1.7-2.7-5.3-3"/><g fill="#ddb199"><path d="M20.8 7.7c-1.5.2-2.3-.9-2.3-.9c-2.2 7-9.7 17.4-12.5 19.5c.9 1.3 1 3.7 1 3.8c3.6-3.4 11.5-12.9 13.8-22.4M31 27.1s3.7-5.4 6.3-12.6c0 0-2 .1-3.1-.8c-2.7 6.6-7.9 14.3-7.9 14.3z"/><path d="M23.8 31.7c.5-.7 5.9-3.2 9.8-3.5c13.1-.9 24 13.6 24.7 20.5c.2 1.6-1.4 3.7-1.4 5c0 3.3 1.6 5.2 1.6 5.2s.1-3 1.2-5.1c.2-.4 2.3-3.6 2.2-5.1c-.1-13.6-16.6-25.4-26.5-24.7c-6.1.4-10.2 4.6-10.7 5.1c-1.7 1.4-1.6 3.6-.9 2.6"/></g></svg>

React

import type { SVGProps } from "react";

export function EmojioneSpiralShell(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><g fill="#ffecd6"><path d="M11.4 4.3C1.7-2.4-.3 7 4.4 14c4.6-2.3 5.8-7.2 7-9.7"/><path d="M11.3 22.3c3.1-4.1 6.2-9.3 7.9-14.7c-1.9-2.1-4.7-3.3-6.7-2.7c-.7 2.8-2.5 4.8-4.3 6.9c-1.1 1.3-2 2.7-3.2 3.9c-1.8 3.5-.5 9.6 1.6 11.4c1.7-1.4 3.3-2.9 4.7-4.8"/><path d="M38.6 54.4c3.6 0 23 2.5 23-5.6c0-18.7-2.4-34.4-25.6-34.4c-2.7 7.2-4.3 6.6-1.6 0c-1.5-5-8.7-8.6-14.4-6.4c-1.5 5.1-4.2 10.4-7.1 14.2c-1.8 2.4-3.7 4.6-5.9 6.6C7 45 24.7 54.4 38.6 54.4"/></g><path fill="#ddb199" d="M13 4.8s-1.1.1-2-.7c-2.6 6.3-7 9.4-7 9.4c1.1 1.6.6 3.3.6 3.3c1.4-1.5 6.2-5.5 8.4-12"/><path fill="#29251c" d="M24.7 29.9c-1.8 2 33.8 32.3 33.8 29.3c0-3.4-.5-3.5-.6-5.3s2.6-8.8-.4-13c-1.3-1.8-6.3-8.6-7.5-10.5s-10.3-4.8-12.4-5c-2.1-.4-11.1 2.5-12.9 4.5"/><path fill="#c1875d" d="M58.8 48.7c-1-.8-8.9-.9-12.9-2.8c-5.7-2.8-10.5-4.7-12-8.9c-1.4-3.9-2.4-8.3-2.6-10.3c-.1-1.1-6.3 2.9-6.6 3.2c-1.8 2-1.6 6 .4 10.7c2 4.8 8.5 10.7 9.6 10.8c1 .1 8.4 6.1 11.2 6.6c2.9.4 3.6.2 4.3.8s2.2 1.8 3 1.8c.5 0 2.6 1.4 3.9.7c1.6-.2 1.6-3 1.4-6c-.1-2.7 1.6-5.6.3-6.6"/><path fill="#ffd6bb" d="M52.2 58.2c-5.5-.5-22.6-8.8-26-17.7c-1.5-3.9.5-9.5.3-11.5c-.1-1.1-1.5.6-1.7.8c-1.8 2-4 7.7-2.1 12.5C27.5 54.8 49.1 62 53.3 62c2.7 0 4.2-.8 4.2-.8s-1.7-2.7-5.3-3"/><g fill="#ddb199"><path d="M20.8 7.7c-1.5.2-2.3-.9-2.3-.9c-2.2 7-9.7 17.4-12.5 19.5c.9 1.3 1 3.7 1 3.8c3.6-3.4 11.5-12.9 13.8-22.4M31 27.1s3.7-5.4 6.3-12.6c0 0-2 .1-3.1-.8c-2.7 6.6-7.9 14.3-7.9 14.3z"/><path d="M23.8 31.7c.5-.7 5.9-3.2 9.8-3.5c13.1-.9 24 13.6 24.7 20.5c.2 1.6-1.4 3.7-1.4 5c0 3.3 1.6 5.2 1.6 5.2s.1-3 1.2-5.1c.2-.4 2.3-3.6 2.2-5.1c-.1-13.6-16.6-25.4-26.5-24.7c-6.1.4-10.2 4.6-10.7 5.1c-1.7 1.4-1.6 3.6-.9 2.6"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><g fill="#ffecd6"><path d="M11.4 4.3C1.7-2.4-.3 7 4.4 14c4.6-2.3 5.8-7.2 7-9.7"/><path d="M11.3 22.3c3.1-4.1 6.2-9.3 7.9-14.7c-1.9-2.1-4.7-3.3-6.7-2.7c-.7 2.8-2.5 4.8-4.3 6.9c-1.1 1.3-2 2.7-3.2 3.9c-1.8 3.5-.5 9.6 1.6 11.4c1.7-1.4 3.3-2.9 4.7-4.8"/><path d="M38.6 54.4c3.6 0 23 2.5 23-5.6c0-18.7-2.4-34.4-25.6-34.4c-2.7 7.2-4.3 6.6-1.6 0c-1.5-5-8.7-8.6-14.4-6.4c-1.5 5.1-4.2 10.4-7.1 14.2c-1.8 2.4-3.7 4.6-5.9 6.6C7 45 24.7 54.4 38.6 54.4"/></g><path fill="#ddb199" d="M13 4.8s-1.1.1-2-.7c-2.6 6.3-7 9.4-7 9.4c1.1 1.6.6 3.3.6 3.3c1.4-1.5 6.2-5.5 8.4-12"/><path fill="#29251c" d="M24.7 29.9c-1.8 2 33.8 32.3 33.8 29.3c0-3.4-.5-3.5-.6-5.3s2.6-8.8-.4-13c-1.3-1.8-6.3-8.6-7.5-10.5s-10.3-4.8-12.4-5c-2.1-.4-11.1 2.5-12.9 4.5"/><path fill="#c1875d" d="M58.8 48.7c-1-.8-8.9-.9-12.9-2.8c-5.7-2.8-10.5-4.7-12-8.9c-1.4-3.9-2.4-8.3-2.6-10.3c-.1-1.1-6.3 2.9-6.6 3.2c-1.8 2-1.6 6 .4 10.7c2 4.8 8.5 10.7 9.6 10.8c1 .1 8.4 6.1 11.2 6.6c2.9.4 3.6.2 4.3.8s2.2 1.8 3 1.8c.5 0 2.6 1.4 3.9.7c1.6-.2 1.6-3 1.4-6c-.1-2.7 1.6-5.6.3-6.6"/><path fill="#ffd6bb" d="M52.2 58.2c-5.5-.5-22.6-8.8-26-17.7c-1.5-3.9.5-9.5.3-11.5c-.1-1.1-1.5.6-1.7.8c-1.8 2-4 7.7-2.1 12.5C27.5 54.8 49.1 62 53.3 62c2.7 0 4.2-.8 4.2-.8s-1.7-2.7-5.3-3"/><g fill="#ddb199"><path d="M20.8 7.7c-1.5.2-2.3-.9-2.3-.9c-2.2 7-9.7 17.4-12.5 19.5c.9 1.3 1 3.7 1 3.8c3.6-3.4 11.5-12.9 13.8-22.4M31 27.1s3.7-5.4 6.3-12.6c0 0-2 .1-3.1-.8c-2.7 6.6-7.9 14.3-7.9 14.3z"/><path d="M23.8 31.7c.5-.7 5.9-3.2 9.8-3.5c13.1-.9 24 13.6 24.7 20.5c.2 1.6-1.4 3.7-1.4 5c0 3.3 1.6 5.2 1.6 5.2s.1-3 1.2-5.1c.2-.4 2.3-3.6 2.2-5.1c-.1-13.6-16.6-25.4-26.5-24.7c-6.1.4-10.2 4.6-10.7 5.1c-1.7 1.4-1.6 3.6-.9 2.6"/></g></svg>
</template>

CSS

.icon-spiral-shell {
  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%2064%2064%22%3E%3Cg%20fill%3D%22%23ffecd6%22%3E%3Cpath%20d%3D%22M11.4%204.3C1.7-2.4-.3%207%204.4%2014c4.6-2.3%205.8-7.2%207-9.7%22%2F%3E%3Cpath%20d%3D%22M11.3%2022.3c3.1-4.1%206.2-9.3%207.9-14.7c-1.9-2.1-4.7-3.3-6.7-2.7c-.7%202.8-2.5%204.8-4.3%206.9c-1.1%201.3-2%202.7-3.2%203.9c-1.8%203.5-.5%209.6%201.6%2011.4c1.7-1.4%203.3-2.9%204.7-4.8%22%2F%3E%3Cpath%20d%3D%22M38.6%2054.4c3.6%200%2023%202.5%2023-5.6c0-18.7-2.4-34.4-25.6-34.4c-2.7%207.2-4.3%206.6-1.6%200c-1.5-5-8.7-8.6-14.4-6.4c-1.5%205.1-4.2%2010.4-7.1%2014.2c-1.8%202.4-3.7%204.6-5.9%206.6C7%2045%2024.7%2054.4%2038.6%2054.4%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23ddb199%22%20d%3D%22M13%204.8s-1.1.1-2-.7c-2.6%206.3-7%209.4-7%209.4c1.1%201.6.6%203.3.6%203.3c1.4-1.5%206.2-5.5%208.4-12%22%2F%3E%3Cpath%20fill%3D%22%2329251c%22%20d%3D%22M24.7%2029.9c-1.8%202%2033.8%2032.3%2033.8%2029.3c0-3.4-.5-3.5-.6-5.3s2.6-8.8-.4-13c-1.3-1.8-6.3-8.6-7.5-10.5s-10.3-4.8-12.4-5c-2.1-.4-11.1%202.5-12.9%204.5%22%2F%3E%3Cpath%20fill%3D%22%23c1875d%22%20d%3D%22M58.8%2048.7c-1-.8-8.9-.9-12.9-2.8c-5.7-2.8-10.5-4.7-12-8.9c-1.4-3.9-2.4-8.3-2.6-10.3c-.1-1.1-6.3%202.9-6.6%203.2c-1.8%202-1.6%206%20.4%2010.7c2%204.8%208.5%2010.7%209.6%2010.8c1%20.1%208.4%206.1%2011.2%206.6c2.9.4%203.6.2%204.3.8s2.2%201.8%203%201.8c.5%200%202.6%201.4%203.9.7c1.6-.2%201.6-3%201.4-6c-.1-2.7%201.6-5.6.3-6.6%22%2F%3E%3Cpath%20fill%3D%22%23ffd6bb%22%20d%3D%22M52.2%2058.2c-5.5-.5-22.6-8.8-26-17.7c-1.5-3.9.5-9.5.3-11.5c-.1-1.1-1.5.6-1.7.8c-1.8%202-4%207.7-2.1%2012.5C27.5%2054.8%2049.1%2062%2053.3%2062c2.7%200%204.2-.8%204.2-.8s-1.7-2.7-5.3-3%22%2F%3E%3Cg%20fill%3D%22%23ddb199%22%3E%3Cpath%20d%3D%22M20.8%207.7c-1.5.2-2.3-.9-2.3-.9c-2.2%207-9.7%2017.4-12.5%2019.5c.9%201.3%201%203.7%201%203.8c3.6-3.4%2011.5-12.9%2013.8-22.4M31%2027.1s3.7-5.4%206.3-12.6c0%200-2%20.1-3.1-.8c-2.7%206.6-7.9%2014.3-7.9%2014.3z%22%2F%3E%3Cpath%20d%3D%22M23.8%2031.7c.5-.7%205.9-3.2%209.8-3.5c13.1-.9%2024%2013.6%2024.7%2020.5c.2%201.6-1.4%203.7-1.4%205c0%203.3%201.6%205.2%201.6%205.2s.1-3%201.2-5.1c.2-.4%202.3-3.6%202.2-5.1c-.1-13.6-16.6-25.4-26.5-24.7c-6.1.4-10.2%204.6-10.7%205.1c-1.7%201.4-1.6%203.6-.9%202.6%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%2064%2064%22%3E%3Cg%20fill%3D%22%23ffecd6%22%3E%3Cpath%20d%3D%22M11.4%204.3C1.7-2.4-.3%207%204.4%2014c4.6-2.3%205.8-7.2%207-9.7%22%2F%3E%3Cpath%20d%3D%22M11.3%2022.3c3.1-4.1%206.2-9.3%207.9-14.7c-1.9-2.1-4.7-3.3-6.7-2.7c-.7%202.8-2.5%204.8-4.3%206.9c-1.1%201.3-2%202.7-3.2%203.9c-1.8%203.5-.5%209.6%201.6%2011.4c1.7-1.4%203.3-2.9%204.7-4.8%22%2F%3E%3Cpath%20d%3D%22M38.6%2054.4c3.6%200%2023%202.5%2023-5.6c0-18.7-2.4-34.4-25.6-34.4c-2.7%207.2-4.3%206.6-1.6%200c-1.5-5-8.7-8.6-14.4-6.4c-1.5%205.1-4.2%2010.4-7.1%2014.2c-1.8%202.4-3.7%204.6-5.9%206.6C7%2045%2024.7%2054.4%2038.6%2054.4%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23ddb199%22%20d%3D%22M13%204.8s-1.1.1-2-.7c-2.6%206.3-7%209.4-7%209.4c1.1%201.6.6%203.3.6%203.3c1.4-1.5%206.2-5.5%208.4-12%22%2F%3E%3Cpath%20fill%3D%22%2329251c%22%20d%3D%22M24.7%2029.9c-1.8%202%2033.8%2032.3%2033.8%2029.3c0-3.4-.5-3.5-.6-5.3s2.6-8.8-.4-13c-1.3-1.8-6.3-8.6-7.5-10.5s-10.3-4.8-12.4-5c-2.1-.4-11.1%202.5-12.9%204.5%22%2F%3E%3Cpath%20fill%3D%22%23c1875d%22%20d%3D%22M58.8%2048.7c-1-.8-8.9-.9-12.9-2.8c-5.7-2.8-10.5-4.7-12-8.9c-1.4-3.9-2.4-8.3-2.6-10.3c-.1-1.1-6.3%202.9-6.6%203.2c-1.8%202-1.6%206%20.4%2010.7c2%204.8%208.5%2010.7%209.6%2010.8c1%20.1%208.4%206.1%2011.2%206.6c2.9.4%203.6.2%204.3.8s2.2%201.8%203%201.8c.5%200%202.6%201.4%203.9.7c1.6-.2%201.6-3%201.4-6c-.1-2.7%201.6-5.6.3-6.6%22%2F%3E%3Cpath%20fill%3D%22%23ffd6bb%22%20d%3D%22M52.2%2058.2c-5.5-.5-22.6-8.8-26-17.7c-1.5-3.9.5-9.5.3-11.5c-.1-1.1-1.5.6-1.7.8c-1.8%202-4%207.7-2.1%2012.5C27.5%2054.8%2049.1%2062%2053.3%2062c2.7%200%204.2-.8%204.2-.8s-1.7-2.7-5.3-3%22%2F%3E%3Cg%20fill%3D%22%23ddb199%22%3E%3Cpath%20d%3D%22M20.8%207.7c-1.5.2-2.3-.9-2.3-.9c-2.2%207-9.7%2017.4-12.5%2019.5c.9%201.3%201%203.7%201%203.8c3.6-3.4%2011.5-12.9%2013.8-22.4M31%2027.1s3.7-5.4%206.3-12.6c0%200-2%20.1-3.1-.8c-2.7%206.6-7.9%2014.3-7.9%2014.3z%22%2F%3E%3Cpath%20d%3D%22M23.8%2031.7c.5-.7%205.9-3.2%209.8-3.5c13.1-.9%2024%2013.6%2024.7%2020.5c.2%201.6-1.4%203.7-1.4%205c0%203.3%201.6%205.2%201.6%205.2s.1-3%201.2-5.1c.2-.4%202.3-3.6%202.2-5.1c-.1-13.6-16.6-25.4-26.5-24.7c-6.1.4-10.2%204.6-10.7%205.1c-1.7%201.4-1.6%203.6-.9%202.6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/spiral-shell.svg?color=%231a73e8&size=48