otter icon
otter from Line Awesome by Icons8 · Line · Animals · Apache-2.0 Free for personal and commercial use.
- Name
- otter
- Set
- Line Awesome
- Style
- Line
- Category
- Animals
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- otter-solid
The same icon in other sets
More animals icons from Line Awesome
Use the otter icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M14.5 5c-3.711 0-7.057 1.584-8.594 4.002A3.003 3.003 0 0 0 3 12c0 .899.407 2.021 1 2.818V27h2V14.068l-.268-.287C5.3 13.314 5 12.47 5 12a1 1 0 0 1 1-1q.097 0 .23.031l.784.188l.347-.729C8.347 8.435 11.283 7 14.5 7h3c3.217 0 6.153 1.435 7.139 3.49l.347.729l.784-.188q.133-.03.23-.031a1 1 0 0 1 1 1c0 .469-.3 1.314-.732 1.781l-.268.287V27h2V14.818c.593-.797 1-1.919 1-2.818a3.003 3.003 0 0 0-2.906-2.998C24.557 6.584 21.21 5 17.5 5zM10 12a1 1.5 0 0 0 0 3a1 1.5 0 0 0 0-3m12 0a1 1.5 0 0 0 0 3a1 1.5 0 0 0 0-3m-6 1.018c-.915 0-1.83.323-2.629.968c-3.557 2.878-3.64 2.95-3.887 3.157l-.107.09C8.489 17.974 8 18.958 8 20c0 2.206 1.794 4 4 4c1.498 0 2.914-.36 4-1.006C17.086 23.64 18.502 24 20 24c2.206 0 4-1.794 4-4c0-1.041-.489-2.024-1.377-2.768l-.107-.09c-.246-.206-.33-.279-3.887-3.158c-.798-.644-1.714-.966-2.629-.966m0 1.986c.463 0 .927.179 1.371.537c3.527 2.854 3.613 2.926 3.856 3.13l.113.097c.3.252.66.669.66 1.232c0 1.103-.897 2-2 2c-1.339 0-2.6-.371-3.371-.994l-.596-.48c.075-.87.353-1.526.967-1.526c1.105 0 2-.202 2-.727C19 17.57 17.657 17 16 17s-3 .57-3 1.273c0 .525.895.727 2 .727c.614 0 .892.656.967 1.525l-.596.48C14.6 21.63 13.34 22 12 22c-1.103 0-2-.897-2-2c0-.562.36-.98.662-1.232l.113-.096c.244-.205.328-.276 3.854-3.129c.445-.36.908-.54 1.371-.54z"/></svg>
React
import type { SVGProps } from "react";
export function LaOtter(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="M14.5 5c-3.711 0-7.057 1.584-8.594 4.002A3.003 3.003 0 0 0 3 12c0 .899.407 2.021 1 2.818V27h2V14.068l-.268-.287C5.3 13.314 5 12.47 5 12a1 1 0 0 1 1-1q.097 0 .23.031l.784.188l.347-.729C8.347 8.435 11.283 7 14.5 7h3c3.217 0 6.153 1.435 7.139 3.49l.347.729l.784-.188q.133-.03.23-.031a1 1 0 0 1 1 1c0 .469-.3 1.314-.732 1.781l-.268.287V27h2V14.818c.593-.797 1-1.919 1-2.818a3.003 3.003 0 0 0-2.906-2.998C24.557 6.584 21.21 5 17.5 5zM10 12a1 1.5 0 0 0 0 3a1 1.5 0 0 0 0-3m12 0a1 1.5 0 0 0 0 3a1 1.5 0 0 0 0-3m-6 1.018c-.915 0-1.83.323-2.629.968c-3.557 2.878-3.64 2.95-3.887 3.157l-.107.09C8.489 17.974 8 18.958 8 20c0 2.206 1.794 4 4 4c1.498 0 2.914-.36 4-1.006C17.086 23.64 18.502 24 20 24c2.206 0 4-1.794 4-4c0-1.041-.489-2.024-1.377-2.768l-.107-.09c-.246-.206-.33-.279-3.887-3.158c-.798-.644-1.714-.966-2.629-.966m0 1.986c.463 0 .927.179 1.371.537c3.527 2.854 3.613 2.926 3.856 3.13l.113.097c.3.252.66.669.66 1.232c0 1.103-.897 2-2 2c-1.339 0-2.6-.371-3.371-.994l-.596-.48c.075-.87.353-1.526.967-1.526c1.105 0 2-.202 2-.727C19 17.57 17.657 17 16 17s-3 .57-3 1.273c0 .525.895.727 2 .727c.614 0 .892.656.967 1.525l-.596.48C14.6 21.63 13.34 22 12 22c-1.103 0-2-.897-2-2c0-.562.36-.98.662-1.232l.113-.096c.244-.205.328-.276 3.854-3.129c.445-.36.908-.54 1.371-.54z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M14.5 5c-3.711 0-7.057 1.584-8.594 4.002A3.003 3.003 0 0 0 3 12c0 .899.407 2.021 1 2.818V27h2V14.068l-.268-.287C5.3 13.314 5 12.47 5 12a1 1 0 0 1 1-1q.097 0 .23.031l.784.188l.347-.729C8.347 8.435 11.283 7 14.5 7h3c3.217 0 6.153 1.435 7.139 3.49l.347.729l.784-.188q.133-.03.23-.031a1 1 0 0 1 1 1c0 .469-.3 1.314-.732 1.781l-.268.287V27h2V14.818c.593-.797 1-1.919 1-2.818a3.003 3.003 0 0 0-2.906-2.998C24.557 6.584 21.21 5 17.5 5zM10 12a1 1.5 0 0 0 0 3a1 1.5 0 0 0 0-3m12 0a1 1.5 0 0 0 0 3a1 1.5 0 0 0 0-3m-6 1.018c-.915 0-1.83.323-2.629.968c-3.557 2.878-3.64 2.95-3.887 3.157l-.107.09C8.489 17.974 8 18.958 8 20c0 2.206 1.794 4 4 4c1.498 0 2.914-.36 4-1.006C17.086 23.64 18.502 24 20 24c2.206 0 4-1.794 4-4c0-1.041-.489-2.024-1.377-2.768l-.107-.09c-.246-.206-.33-.279-3.887-3.158c-.798-.644-1.714-.966-2.629-.966m0 1.986c.463 0 .927.179 1.371.537c3.527 2.854 3.613 2.926 3.856 3.13l.113.097c.3.252.66.669.66 1.232c0 1.103-.897 2-2 2c-1.339 0-2.6-.371-3.371-.994l-.596-.48c.075-.87.353-1.526.967-1.526c1.105 0 2-.202 2-.727C19 17.57 17.657 17 16 17s-3 .57-3 1.273c0 .525.895.727 2 .727c.614 0 .892.656.967 1.525l-.596.48C14.6 21.63 13.34 22 12 22c-1.103 0-2-.897-2-2c0-.562.36-.98.662-1.232l.113-.096c.244-.205.328-.276 3.854-3.129c.445-.36.908-.54 1.371-.54z"/></svg> </template>
CSS
.icon-otter {
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%22M14.5%205c-3.711%200-7.057%201.584-8.594%204.002A3.003%203.003%200%200%200%203%2012c0%20.899.407%202.021%201%202.818V27h2V14.068l-.268-.287C5.3%2013.314%205%2012.47%205%2012a1%201%200%200%201%201-1q.097%200%20.23.031l.784.188l.347-.729C8.347%208.435%2011.283%207%2014.5%207h3c3.217%200%206.153%201.435%207.139%203.49l.347.729l.784-.188q.133-.03.23-.031a1%201%200%200%201%201%201c0%20.469-.3%201.314-.732%201.781l-.268.287V27h2V14.818c.593-.797%201-1.919%201-2.818a3.003%203.003%200%200%200-2.906-2.998C24.557%206.584%2021.21%205%2017.5%205zM10%2012a1%201.5%200%200%200%200%203a1%201.5%200%200%200%200-3m12%200a1%201.5%200%200%200%200%203a1%201.5%200%200%200%200-3m-6%201.018c-.915%200-1.83.323-2.629.968c-3.557%202.878-3.64%202.95-3.887%203.157l-.107.09C8.489%2017.974%208%2018.958%208%2020c0%202.206%201.794%204%204%204c1.498%200%202.914-.36%204-1.006C17.086%2023.64%2018.502%2024%2020%2024c2.206%200%204-1.794%204-4c0-1.041-.489-2.024-1.377-2.768l-.107-.09c-.246-.206-.33-.279-3.887-3.158c-.798-.644-1.714-.966-2.629-.966m0%201.986c.463%200%20.927.179%201.371.537c3.527%202.854%203.613%202.926%203.856%203.13l.113.097c.3.252.66.669.66%201.232c0%201.103-.897%202-2%202c-1.339%200-2.6-.371-3.371-.994l-.596-.48c.075-.87.353-1.526.967-1.526c1.105%200%202-.202%202-.727C19%2017.57%2017.657%2017%2016%2017s-3%20.57-3%201.273c0%20.525.895.727%202%20.727c.614%200%20.892.656.967%201.525l-.596.48C14.6%2021.63%2013.34%2022%2012%2022c-1.103%200-2-.897-2-2c0-.562.36-.98.662-1.232l.113-.096c.244-.205.328-.276%203.854-3.129c.445-.36.908-.54%201.371-.54z%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%22M14.5%205c-3.711%200-7.057%201.584-8.594%204.002A3.003%203.003%200%200%200%203%2012c0%20.899.407%202.021%201%202.818V27h2V14.068l-.268-.287C5.3%2013.314%205%2012.47%205%2012a1%201%200%200%201%201-1q.097%200%20.23.031l.784.188l.347-.729C8.347%208.435%2011.283%207%2014.5%207h3c3.217%200%206.153%201.435%207.139%203.49l.347.729l.784-.188q.133-.03.23-.031a1%201%200%200%201%201%201c0%20.469-.3%201.314-.732%201.781l-.268.287V27h2V14.818c.593-.797%201-1.919%201-2.818a3.003%203.003%200%200%200-2.906-2.998C24.557%206.584%2021.21%205%2017.5%205zM10%2012a1%201.5%200%200%200%200%203a1%201.5%200%200%200%200-3m12%200a1%201.5%200%200%200%200%203a1%201.5%200%200%200%200-3m-6%201.018c-.915%200-1.83.323-2.629.968c-3.557%202.878-3.64%202.95-3.887%203.157l-.107.09C8.489%2017.974%208%2018.958%208%2020c0%202.206%201.794%204%204%204c1.498%200%202.914-.36%204-1.006C17.086%2023.64%2018.502%2024%2020%2024c2.206%200%204-1.794%204-4c0-1.041-.489-2.024-1.377-2.768l-.107-.09c-.246-.206-.33-.279-3.887-3.158c-.798-.644-1.714-.966-2.629-.966m0%201.986c.463%200%20.927.179%201.371.537c3.527%202.854%203.613%202.926%203.856%203.13l.113.097c.3.252.66.669.66%201.232c0%201.103-.897%202-2%202c-1.339%200-2.6-.371-3.371-.994l-.596-.48c.075-.87.353-1.526.967-1.526c1.105%200%202-.202%202-.727C19%2017.57%2017.657%2017%2016%2017s-3%20.57-3%201.273c0%20.525.895.727%202%20.727c.614%200%20.892.656.967%201.525l-.596.48C14.6%2021.63%2013.34%2022%2012%2022c-1.103%200-2-.897-2-2c0-.562.36-.98.662-1.232l.113-.096c.244-.205.328-.276%203.854-3.129c.445-.36.908-.54%201.371-.54z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/otter.svg?color=%231a73e8&size=48
