cuttlefish icon
cuttlefish from Line Awesome by Icons8 · Line · Other · Apache-2.0 Free for personal and commercial use.
- Name
- cuttlefish
- Set
- Line Awesome
- Style
- Line
- Category
- Other
- Viewbox
- 32×32
- License
- Apache 2.0
The same icon in other sets
More other icons from Line Awesome
Use the cuttlefish icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M17 3C9.831 3 4 8.831 4 16s5.832 13 13 13c3.641 0 7.017-1.465 9.502-4.125l.875-.936l-1.07-.707c-3.085-2.764-4.369-5.737-4.522-6.109C20.62 18.684 18.79 20 17 20a4 4 0 0 1 0-8c1.793 0 3.628 1.32 4.795 2.887c.137-.307 1.884-4.151 4.512-6.12l1.07-.706l-.875-.936A12.88 12.88 0 0 0 17 3m0 2c2.751 0 5.323.989 7.34 2.803c-1.271 1.147-2.301 2.567-3.045 3.779C20.073 10.667 18.59 10 17 10c-3.308 0-6 2.692-6 6s2.692 6 6 6c1.591 0 3.075-.67 4.297-1.586a21.2 21.2 0 0 0 3.078 3.75A10.88 10.88 0 0 1 17 27c-6.065 0-11-4.935-11-11S10.934 5 17 5"/></svg>
React
import type { SVGProps } from "react";
export function LaCuttlefish(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M17 3C9.831 3 4 8.831 4 16s5.832 13 13 13c3.641 0 7.017-1.465 9.502-4.125l.875-.936l-1.07-.707c-3.085-2.764-4.369-5.737-4.522-6.109C20.62 18.684 18.79 20 17 20a4 4 0 0 1 0-8c1.793 0 3.628 1.32 4.795 2.887c.137-.307 1.884-4.151 4.512-6.12l1.07-.706l-.875-.936A12.88 12.88 0 0 0 17 3m0 2c2.751 0 5.323.989 7.34 2.803c-1.271 1.147-2.301 2.567-3.045 3.779C20.073 10.667 18.59 10 17 10c-3.308 0-6 2.692-6 6s2.692 6 6 6c1.591 0 3.075-.67 4.297-1.586a21.2 21.2 0 0 0 3.078 3.75A10.88 10.88 0 0 1 17 27c-6.065 0-11-4.935-11-11S10.934 5 17 5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M17 3C9.831 3 4 8.831 4 16s5.832 13 13 13c3.641 0 7.017-1.465 9.502-4.125l.875-.936l-1.07-.707c-3.085-2.764-4.369-5.737-4.522-6.109C20.62 18.684 18.79 20 17 20a4 4 0 0 1 0-8c1.793 0 3.628 1.32 4.795 2.887c.137-.307 1.884-4.151 4.512-6.12l1.07-.706l-.875-.936A12.88 12.88 0 0 0 17 3m0 2c2.751 0 5.323.989 7.34 2.803c-1.271 1.147-2.301 2.567-3.045 3.779C20.073 10.667 18.59 10 17 10c-3.308 0-6 2.692-6 6s2.692 6 6 6c1.591 0 3.075-.67 4.297-1.586a21.2 21.2 0 0 0 3.078 3.75A10.88 10.88 0 0 1 17 27c-6.065 0-11-4.935-11-11S10.934 5 17 5"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17%203C9.831%203%204%208.831%204%2016s5.832%2013%2013%2013c3.641%200%207.017-1.465%209.502-4.125l.875-.936l-1.07-.707c-3.085-2.764-4.369-5.737-4.522-6.109C20.62%2018.684%2018.79%2020%2017%2020a4%204%200%200%201%200-8c1.793%200%203.628%201.32%204.795%202.887c.137-.307%201.884-4.151%204.512-6.12l1.07-.706l-.875-.936A12.88%2012.88%200%200%200%2017%203m0%202c2.751%200%205.323.989%207.34%202.803c-1.271%201.147-2.301%202.567-3.045%203.779C20.073%2010.667%2018.59%2010%2017%2010c-3.308%200-6%202.692-6%206s2.692%206%206%206c1.591%200%203.075-.67%204.297-1.586a21.2%2021.2%200%200%200%203.078%203.75A10.88%2010.88%200%200%201%2017%2027c-6.065%200-11-4.935-11-11S10.934%205%2017%205%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17%203C9.831%203%204%208.831%204%2016s5.832%2013%2013%2013c3.641%200%207.017-1.465%209.502-4.125l.875-.936l-1.07-.707c-3.085-2.764-4.369-5.737-4.522-6.109C20.62%2018.684%2018.79%2020%2017%2020a4%204%200%200%201%200-8c1.793%200%203.628%201.32%204.795%202.887c.137-.307%201.884-4.151%204.512-6.12l1.07-.706l-.875-.936A12.88%2012.88%200%200%200%2017%203m0%202c2.751%200%205.323.989%207.34%202.803c-1.271%201.147-2.301%202.567-3.045%203.779C20.073%2010.667%2018.59%2010%2017%2010c-3.308%200-6%202.692-6%206s2.692%206%206%206c1.591%200%203.075-.67%204.297-1.586a21.2%2021.2%200%200%200%203.078%203.75A10.88%2010.88%200%200%201%2017%2027c-6.065%200-11-4.935-11-11S10.934%205%2017%205%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/cuttlefish.svg?color=%231a73e8&size=48
