cuttlefish logo

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

Name: cuttlefish
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

cuttlefishFont Awesome 6 Brands cuttlefishLine Awesome

Use the cuttlefish logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M444 369.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.8C485.7 103.1 420.5 72 348 72c-137 0-248 111-248 248s111 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 Fa7BrandsCuttlefish(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M444 369.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.8C485.7 103.1 420.5 72 348 72c-137 0-248 111-248 248s111 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 640 640"><path fill="currentColor" d="M444 369.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.8C485.7 103.1 420.5 72 348 72c-137 0-248 111-248 248s111 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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M444%20369.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.8C485.7%20103.1%20420.5%2072%20348%2072c-137%200-248%20111-248%20248s111%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M444%20369.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.8C485.7%20103.1%20420.5%2072%20348%2072c-137%200-248%20111-248%20248s111%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/fa7-brands/cuttlefish.svg?color=%231a73e8&size=48