hippo icon

hippo from Line Awesome by Icons8 · Line · Animals · Apache-2.0 Free for personal and commercial use.

Name: hippo
Set: Line Awesome
Style: Line
Category: Animals
Viewbox: 32×32
License: Apache 2.0
Aliases: hippo-solid

The same icon in other sets

hippoFont Awesome 6 Solid hippoFont Awesome Solid hippoIconPark hippoIconPark Outline hippoIconPark Solid hippoIconPark TwoTone

More animals icons from Line Awesome

dog horse horse-head kiwi-bird otter

Use the hippo icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16.16 4.004a3 3 0 0 0-.656.035C14.077 4.271 13 5.591 13 7.107V9H9.137c-3.778 0-6.872 3.13-7.114 7.07L2 16l-1 5l1.307-1.307c.19 1.235.447 2.533.722 3.55L4.22 28H9v-3.447c.739.249 1.627.447 2.5.447a8.4 8.4 0 0 0 2.5-.393V28h4.781l1.162-4.67c.033-.095.757-2.206 1.008-6.33H26c2.206 0 4-1.794 4-4v-2.178c0-2.25-1.582-3.82-3.846-3.82c-1.29 0-2.273.339-2.92.666C22.53 6.93 21.204 6 19 6h-.172a3 3 0 0 0-.887-1.285a3 3 0 0 0-1.78-.711zm-.336 2.01A1.004 1.004 0 0 1 17 7v1h2c2.298 0 3.08 1.4 3.105 1.447l.58 1.131l.971-.824c.036-.031.905-.752 2.498-.752c1.156 0 1.846.68 1.846 1.82V13c0 1.103-.897 2-2 2h-6.96l-.038.96c-.174 4.422-.94 6.69-.973 6.798L17.22 26H16v-5l-1.6 1.2c-1.015.761-2.594.8-2.9.8c-1.312 0-2.672-.64-2.898-.8L7 20.997V26H5.781l-.816-3.26C4.46 20.872 4 17.927 4 16.563C4 13.495 6.305 11 9.137 11H15V7.107c0-.538.361-1.017.824-1.093M20 9a1 1 0 0 0 0 2a1 1 0 0 0 0-2"/></svg>

React

import type { SVGProps } from "react";

export function LaHippo(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="M16.16 4.004a3 3 0 0 0-.656.035C14.077 4.271 13 5.591 13 7.107V9H9.137c-3.778 0-6.872 3.13-7.114 7.07L2 16l-1 5l1.307-1.307c.19 1.235.447 2.533.722 3.55L4.22 28H9v-3.447c.739.249 1.627.447 2.5.447a8.4 8.4 0 0 0 2.5-.393V28h4.781l1.162-4.67c.033-.095.757-2.206 1.008-6.33H26c2.206 0 4-1.794 4-4v-2.178c0-2.25-1.582-3.82-3.846-3.82c-1.29 0-2.273.339-2.92.666C22.53 6.93 21.204 6 19 6h-.172a3 3 0 0 0-.887-1.285a3 3 0 0 0-1.78-.711zm-.336 2.01A1.004 1.004 0 0 1 17 7v1h2c2.298 0 3.08 1.4 3.105 1.447l.58 1.131l.971-.824c.036-.031.905-.752 2.498-.752c1.156 0 1.846.68 1.846 1.82V13c0 1.103-.897 2-2 2h-6.96l-.038.96c-.174 4.422-.94 6.69-.973 6.798L17.22 26H16v-5l-1.6 1.2c-1.015.761-2.594.8-2.9.8c-1.312 0-2.672-.64-2.898-.8L7 20.997V26H5.781l-.816-3.26C4.46 20.872 4 17.927 4 16.563C4 13.495 6.305 11 9.137 11H15V7.107c0-.538.361-1.017.824-1.093M20 9a1 1 0 0 0 0 2a1 1 0 0 0 0-2"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16.16 4.004a3 3 0 0 0-.656.035C14.077 4.271 13 5.591 13 7.107V9H9.137c-3.778 0-6.872 3.13-7.114 7.07L2 16l-1 5l1.307-1.307c.19 1.235.447 2.533.722 3.55L4.22 28H9v-3.447c.739.249 1.627.447 2.5.447a8.4 8.4 0 0 0 2.5-.393V28h4.781l1.162-4.67c.033-.095.757-2.206 1.008-6.33H26c2.206 0 4-1.794 4-4v-2.178c0-2.25-1.582-3.82-3.846-3.82c-1.29 0-2.273.339-2.92.666C22.53 6.93 21.204 6 19 6h-.172a3 3 0 0 0-.887-1.285a3 3 0 0 0-1.78-.711zm-.336 2.01A1.004 1.004 0 0 1 17 7v1h2c2.298 0 3.08 1.4 3.105 1.447l.58 1.131l.971-.824c.036-.031.905-.752 2.498-.752c1.156 0 1.846.68 1.846 1.82V13c0 1.103-.897 2-2 2h-6.96l-.038.96c-.174 4.422-.94 6.69-.973 6.798L17.22 26H16v-5l-1.6 1.2c-1.015.761-2.594.8-2.9.8c-1.312 0-2.672-.64-2.898-.8L7 20.997V26H5.781l-.816-3.26C4.46 20.872 4 17.927 4 16.563C4 13.495 6.305 11 9.137 11H15V7.107c0-.538.361-1.017.824-1.093M20 9a1 1 0 0 0 0 2a1 1 0 0 0 0-2"/></svg>
</template>

CSS

.icon-hippo {
  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%22M16.16%204.004a3%203%200%200%200-.656.035C14.077%204.271%2013%205.591%2013%207.107V9H9.137c-3.778%200-6.872%203.13-7.114%207.07L2%2016l-1%205l1.307-1.307c.19%201.235.447%202.533.722%203.55L4.22%2028H9v-3.447c.739.249%201.627.447%202.5.447a8.4%208.4%200%200%200%202.5-.393V28h4.781l1.162-4.67c.033-.095.757-2.206%201.008-6.33H26c2.206%200%204-1.794%204-4v-2.178c0-2.25-1.582-3.82-3.846-3.82c-1.29%200-2.273.339-2.92.666C22.53%206.93%2021.204%206%2019%206h-.172a3%203%200%200%200-.887-1.285a3%203%200%200%200-1.78-.711zm-.336%202.01A1.004%201.004%200%200%201%2017%207v1h2c2.298%200%203.08%201.4%203.105%201.447l.58%201.131l.971-.824c.036-.031.905-.752%202.498-.752c1.156%200%201.846.68%201.846%201.82V13c0%201.103-.897%202-2%202h-6.96l-.038.96c-.174%204.422-.94%206.69-.973%206.798L17.22%2026H16v-5l-1.6%201.2c-1.015.761-2.594.8-2.9.8c-1.312%200-2.672-.64-2.898-.8L7%2020.997V26H5.781l-.816-3.26C4.46%2020.872%204%2017.927%204%2016.563C4%2013.495%206.305%2011%209.137%2011H15V7.107c0-.538.361-1.017.824-1.093M20%209a1%201%200%200%200%200%202a1%201%200%200%200%200-2%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%22M16.16%204.004a3%203%200%200%200-.656.035C14.077%204.271%2013%205.591%2013%207.107V9H9.137c-3.778%200-6.872%203.13-7.114%207.07L2%2016l-1%205l1.307-1.307c.19%201.235.447%202.533.722%203.55L4.22%2028H9v-3.447c.739.249%201.627.447%202.5.447a8.4%208.4%200%200%200%202.5-.393V28h4.781l1.162-4.67c.033-.095.757-2.206%201.008-6.33H26c2.206%200%204-1.794%204-4v-2.178c0-2.25-1.582-3.82-3.846-3.82c-1.29%200-2.273.339-2.92.666C22.53%206.93%2021.204%206%2019%206h-.172a3%203%200%200%200-.887-1.285a3%203%200%200%200-1.78-.711zm-.336%202.01A1.004%201.004%200%200%201%2017%207v1h2c2.298%200%203.08%201.4%203.105%201.447l.58%201.131l.971-.824c.036-.031.905-.752%202.498-.752c1.156%200%201.846.68%201.846%201.82V13c0%201.103-.897%202-2%202h-6.96l-.038.96c-.174%204.422-.94%206.69-.973%206.798L17.22%2026H16v-5l-1.6%201.2c-1.015.761-2.594.8-2.9.8c-1.312%200-2.672-.64-2.898-.8L7%2020.997V26H5.781l-.816-3.26C4.46%2020.872%204%2017.927%204%2016.563C4%2013.495%206.305%2011%209.137%2011H15V7.107c0-.538.361-1.017.824-1.093M20%209a1%201%200%200%200%200%202a1%201%200%200%200%200-2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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