fauna icon logo

fauna-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
fauna-icon
Set
SVG Logos
Style
Color
Viewbox
256×290
License
CC0

Use the fauna icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 290"><path fill="#3a1ab6" d="M198.883 60.852c-17.581 5.99-26.047 16.735-31.814 33.469c-1.488 4.469-5.209 9.413-9.395 12.741l14.419 15.784l-45.768-32.708L0 0s9.116 60.472 12.279 82.721c2.233 15.688 6.047 22.724 18.14 29.856l4.837 2.662l20.837 11.22l-12.372-6.56l57.116 31.851l-.372.857l-61.488-29.095c3.256 11.41 9.58 33.373 12.279 43.072c2.883 10.458 6.14 14.261 16.093 17.971l18.326 6.845l11.348-4.564l-14.418 9.794l-72.093 93.464c47.906-45.448 88.464-61.612 118.139-74.829c37.86-16.734 60.65-27.478 75.534-66.082c10.605-27.098 18.883-61.802 29.397-75.21L256 44.69s-46.42 12.55-57.117 16.163"/></svg>

React

import type { SVGProps } from "react";

export function LogosFaunaIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 290"><path fill="#3a1ab6" d="M198.883 60.852c-17.581 5.99-26.047 16.735-31.814 33.469c-1.488 4.469-5.209 9.413-9.395 12.741l14.419 15.784l-45.768-32.708L0 0s9.116 60.472 12.279 82.721c2.233 15.688 6.047 22.724 18.14 29.856l4.837 2.662l20.837 11.22l-12.372-6.56l57.116 31.851l-.372.857l-61.488-29.095c3.256 11.41 9.58 33.373 12.279 43.072c2.883 10.458 6.14 14.261 16.093 17.971l18.326 6.845l11.348-4.564l-14.418 9.794l-72.093 93.464c47.906-45.448 88.464-61.612 118.139-74.829c37.86-16.734 60.65-27.478 75.534-66.082c10.605-27.098 18.883-61.802 29.397-75.21L256 44.69s-46.42 12.55-57.117 16.163"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 290"><path fill="#3a1ab6" d="M198.883 60.852c-17.581 5.99-26.047 16.735-31.814 33.469c-1.488 4.469-5.209 9.413-9.395 12.741l14.419 15.784l-45.768-32.708L0 0s9.116 60.472 12.279 82.721c2.233 15.688 6.047 22.724 18.14 29.856l4.837 2.662l20.837 11.22l-12.372-6.56l57.116 31.851l-.372.857l-61.488-29.095c3.256 11.41 9.58 33.373 12.279 43.072c2.883 10.458 6.14 14.261 16.093 17.971l18.326 6.845l11.348-4.564l-14.418 9.794l-72.093 93.464c47.906-45.448 88.464-61.612 118.139-74.829c37.86-16.734 60.65-27.478 75.534-66.082c10.605-27.098 18.883-61.802 29.397-75.21L256 44.69s-46.42 12.55-57.117 16.163"/></svg>
</template>

CSS

.icon-fauna-icon {
  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%20256%20290%22%3E%3Cpath%20fill%3D%22%233a1ab6%22%20d%3D%22M198.883%2060.852c-17.581%205.99-26.047%2016.735-31.814%2033.469c-1.488%204.469-5.209%209.413-9.395%2012.741l14.419%2015.784l-45.768-32.708L0%200s9.116%2060.472%2012.279%2082.721c2.233%2015.688%206.047%2022.724%2018.14%2029.856l4.837%202.662l20.837%2011.22l-12.372-6.56l57.116%2031.851l-.372.857l-61.488-29.095c3.256%2011.41%209.58%2033.373%2012.279%2043.072c2.883%2010.458%206.14%2014.261%2016.093%2017.971l18.326%206.845l11.348-4.564l-14.418%209.794l-72.093%2093.464c47.906-45.448%2088.464-61.612%20118.139-74.829c37.86-16.734%2060.65-27.478%2075.534-66.082c10.605-27.098%2018.883-61.802%2029.397-75.21L256%2044.69s-46.42%2012.55-57.117%2016.163%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%20256%20290%22%3E%3Cpath%20fill%3D%22%233a1ab6%22%20d%3D%22M198.883%2060.852c-17.581%205.99-26.047%2016.735-31.814%2033.469c-1.488%204.469-5.209%209.413-9.395%2012.741l14.419%2015.784l-45.768-32.708L0%200s9.116%2060.472%2012.279%2082.721c2.233%2015.688%206.047%2022.724%2018.14%2029.856l4.837%202.662l20.837%2011.22l-12.372-6.56l57.116%2031.851l-.372.857l-61.488-29.095c3.256%2011.41%209.58%2033.373%2012.279%2043.072c2.883%2010.458%206.14%2014.261%2016.093%2017.971l18.326%206.845l11.348-4.564l-14.418%209.794l-72.093%2093.464c47.906-45.448%2088.464-61.612%20118.139-74.829c37.86-16.734%2060.65-27.478%2075.534-66.082c10.605-27.098%2018.883-61.802%2029.397-75.21L256%2044.69s-46.42%2012.55-57.117%2016.163%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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