cuttlefish logo

cuttlefish from Font Awesome 6 Brands by Dave Gandy · Regular · CC-BY-4.0 Attribution required.

Name: cuttlefish
Set: Font Awesome 6 Brands
Style: Regular
Viewbox: 440×512
License: CC BY 4.0

The same logo in other sets

cuttlefishFont Awesome Brands cuttlefishLine Awesome

Use the cuttlefish logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 440 512"><path fill="currentColor" d="M344 305.5c-17.5 31.6-57.4 54.5-96 54.5c-56.6 0-104-47.4-104-104s47.4-104 104-104c38.6 0 78.5 22.9 96 54.5c13.7-50.9 41.7-93.3 87-117.8C385.7 39.1 320.5 8 248 8C111 8 0 119 0 256s111 248 248 248c72.5 0 137.7-31.1 183-80.7c-45.3-24.5-73.3-66.9-87-117.8"/></svg>

React

import type { SVGProps } from "react";

export function Fa6BrandsCuttlefish(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 440 512"><path fill="currentColor" d="M344 305.5c-17.5 31.6-57.4 54.5-96 54.5c-56.6 0-104-47.4-104-104s47.4-104 104-104c38.6 0 78.5 22.9 96 54.5c13.7-50.9 41.7-93.3 87-117.8C385.7 39.1 320.5 8 248 8C111 8 0 119 0 256s111 248 248 248c72.5 0 137.7-31.1 183-80.7c-45.3-24.5-73.3-66.9-87-117.8"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 440 512"><path fill="currentColor" d="M344 305.5c-17.5 31.6-57.4 54.5-96 54.5c-56.6 0-104-47.4-104-104s47.4-104 104-104c38.6 0 78.5 22.9 96 54.5c13.7-50.9 41.7-93.3 87-117.8C385.7 39.1 320.5 8 248 8C111 8 0 119 0 256s111 248 248 248c72.5 0 137.7-31.1 183-80.7c-45.3-24.5-73.3-66.9-87-117.8"/></svg>
</template>

CSS

.icon-cuttlefish {
  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%20440%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M344%20305.5c-17.5%2031.6-57.4%2054.5-96%2054.5c-56.6%200-104-47.4-104-104s47.4-104%20104-104c38.6%200%2078.5%2022.9%2096%2054.5c13.7-50.9%2041.7-93.3%2087-117.8C385.7%2039.1%20320.5%208%20248%208C111%208%200%20119%200%20256s111%20248%20248%20248c72.5%200%20137.7-31.1%20183-80.7c-45.3-24.5-73.3-66.9-87-117.8%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%20440%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M344%20305.5c-17.5%2031.6-57.4%2054.5-96%2054.5c-56.6%200-104-47.4-104-104s47.4-104%20104-104c38.6%200%2078.5%2022.9%2096%2054.5c13.7-50.9%2041.7-93.3%2087-117.8C385.7%2039.1%20320.5%208%20248%208C111%208%200%20119%200%20256s111%20248%20248%20248c72.5%200%20137.7-31.1%20183-80.7c-45.3-24.5-73.3-66.9-87-117.8%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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