penguin emoji
penguin from Emoji One (Colored) by Emoji One · Default · Nature · CC-BY-4.0 Attribution required.
- Name
- penguin
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Nature
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
More nature icons from Emoji One (Colored)
Use the penguin emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#e08828" d="M26.3 60.5c-.8 0-2.6.7-3.2.1c-.8-.8 0-4.6 0-4.6h-2.3s.8 3.8 0 4.6c-.6.5-2.4-.1-3.2-.1c-2 0-3.7 1.5-3.7 1.5h16c.1 0-1.5-1.5-3.6-1.5m20 0c-.8 0-2.6.7-3.2.1c-.8-.8 0-4.6 0-4.6h-2.3s.8 3.8 0 4.6c-.6.5-2.4-.1-3.2-.1c-2 0-3.7 1.5-3.7 1.5h16c.1 0-1.5-1.5-3.6-1.5"/><g fill="#3e4347"><path d="M10.4 27C-.4 33.7 1.7 43 3.3 41.9C20 29.7 24.2 18.5 10.4 27m43.2 0c-13.8-8.5-9.6 2.7 7.1 14.9c1.6 1.1 3.7-8.2-7.1-14.9"/><path d="M48 17.5C48 8.9 40.8 2 32 2S16 8.9 16 17.5c0 11.6-4 15.5-4 23.2C12 51.3 21 60 32 60s20-8.7 20-19.3c0-7.7-4-11.6-4-23.2"/></g><path fill="#fff" d="M44 18.8c0-12.4-10.1-10-10.1-.7h-3.7C30.1 8.8 20 6.4 20 18.8c0 9.7-4 15.7-4 22.1C16 52.5 23.7 58 32 58s16-5.6 16-17.1c0-6.4-4-12.4-4-22.1"/><path fill="#3e4347" d="M41 17c0 1.7-.9 3-2 3s-2-1.3-2-3s.9-3 2-3s2 1.3 2 3m-14 0c0 1.7-.9 3-2 3s-2-1.3-2-3s.9-3 2-3s2 1.3 2 3"/><path fill="#e08828" d="M28 22h8c0 2.5-1.8 4.6-4 4.6s-4-2-4-4.6"/><path fill="#f29a2e" d="m37 22.3l-5 1.2l-5-1.2c0-3.2 2.2-5.7 5-5.7s5 2.6 5 5.7"/><path fill="#3e4347" d="M33.7 17.8c.3.3.4.7.3.9s-.5 0-.8-.3s-.4-.7-.3-.9c.2-.1.6 0 .8.3m-3.4 0c-.3.3-.4.7-.3.9s.5 0 .8-.3s.4-.7.3-.9c-.2-.1-.6 0-.8.3"/></svg>
React
import type { SVGProps } from "react";
export function EmojionePenguin(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#e08828" d="M26.3 60.5c-.8 0-2.6.7-3.2.1c-.8-.8 0-4.6 0-4.6h-2.3s.8 3.8 0 4.6c-.6.5-2.4-.1-3.2-.1c-2 0-3.7 1.5-3.7 1.5h16c.1 0-1.5-1.5-3.6-1.5m20 0c-.8 0-2.6.7-3.2.1c-.8-.8 0-4.6 0-4.6h-2.3s.8 3.8 0 4.6c-.6.5-2.4-.1-3.2-.1c-2 0-3.7 1.5-3.7 1.5h16c.1 0-1.5-1.5-3.6-1.5"/><g fill="#3e4347"><path d="M10.4 27C-.4 33.7 1.7 43 3.3 41.9C20 29.7 24.2 18.5 10.4 27m43.2 0c-13.8-8.5-9.6 2.7 7.1 14.9c1.6 1.1 3.7-8.2-7.1-14.9"/><path d="M48 17.5C48 8.9 40.8 2 32 2S16 8.9 16 17.5c0 11.6-4 15.5-4 23.2C12 51.3 21 60 32 60s20-8.7 20-19.3c0-7.7-4-11.6-4-23.2"/></g><path fill="#fff" d="M44 18.8c0-12.4-10.1-10-10.1-.7h-3.7C30.1 8.8 20 6.4 20 18.8c0 9.7-4 15.7-4 22.1C16 52.5 23.7 58 32 58s16-5.6 16-17.1c0-6.4-4-12.4-4-22.1"/><path fill="#3e4347" d="M41 17c0 1.7-.9 3-2 3s-2-1.3-2-3s.9-3 2-3s2 1.3 2 3m-14 0c0 1.7-.9 3-2 3s-2-1.3-2-3s.9-3 2-3s2 1.3 2 3"/><path fill="#e08828" d="M28 22h8c0 2.5-1.8 4.6-4 4.6s-4-2-4-4.6"/><path fill="#f29a2e" d="m37 22.3l-5 1.2l-5-1.2c0-3.2 2.2-5.7 5-5.7s5 2.6 5 5.7"/><path fill="#3e4347" d="M33.7 17.8c.3.3.4.7.3.9s-.5 0-.8-.3s-.4-.7-.3-.9c.2-.1.6 0 .8.3m-3.4 0c-.3.3-.4.7-.3.9s.5 0 .8-.3s.4-.7.3-.9c-.2-.1-.6 0-.8.3"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#e08828" d="M26.3 60.5c-.8 0-2.6.7-3.2.1c-.8-.8 0-4.6 0-4.6h-2.3s.8 3.8 0 4.6c-.6.5-2.4-.1-3.2-.1c-2 0-3.7 1.5-3.7 1.5h16c.1 0-1.5-1.5-3.6-1.5m20 0c-.8 0-2.6.7-3.2.1c-.8-.8 0-4.6 0-4.6h-2.3s.8 3.8 0 4.6c-.6.5-2.4-.1-3.2-.1c-2 0-3.7 1.5-3.7 1.5h16c.1 0-1.5-1.5-3.6-1.5"/><g fill="#3e4347"><path d="M10.4 27C-.4 33.7 1.7 43 3.3 41.9C20 29.7 24.2 18.5 10.4 27m43.2 0c-13.8-8.5-9.6 2.7 7.1 14.9c1.6 1.1 3.7-8.2-7.1-14.9"/><path d="M48 17.5C48 8.9 40.8 2 32 2S16 8.9 16 17.5c0 11.6-4 15.5-4 23.2C12 51.3 21 60 32 60s20-8.7 20-19.3c0-7.7-4-11.6-4-23.2"/></g><path fill="#fff" d="M44 18.8c0-12.4-10.1-10-10.1-.7h-3.7C30.1 8.8 20 6.4 20 18.8c0 9.7-4 15.7-4 22.1C16 52.5 23.7 58 32 58s16-5.6 16-17.1c0-6.4-4-12.4-4-22.1"/><path fill="#3e4347" d="M41 17c0 1.7-.9 3-2 3s-2-1.3-2-3s.9-3 2-3s2 1.3 2 3m-14 0c0 1.7-.9 3-2 3s-2-1.3-2-3s.9-3 2-3s2 1.3 2 3"/><path fill="#e08828" d="M28 22h8c0 2.5-1.8 4.6-4 4.6s-4-2-4-4.6"/><path fill="#f29a2e" d="m37 22.3l-5 1.2l-5-1.2c0-3.2 2.2-5.7 5-5.7s5 2.6 5 5.7"/><path fill="#3e4347" d="M33.7 17.8c.3.3.4.7.3.9s-.5 0-.8-.3s-.4-.7-.3-.9c.2-.1.6 0 .8.3m-3.4 0c-.3.3-.4.7-.3.9s.5 0 .8-.3s.4-.7.3-.9c-.2-.1-.6 0-.8.3"/></svg> </template>
CSS
.icon-penguin {
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%2064%2064%22%3E%3Cpath%20fill%3D%22%23e08828%22%20d%3D%22M26.3%2060.5c-.8%200-2.6.7-3.2.1c-.8-.8%200-4.6%200-4.6h-2.3s.8%203.8%200%204.6c-.6.5-2.4-.1-3.2-.1c-2%200-3.7%201.5-3.7%201.5h16c.1%200-1.5-1.5-3.6-1.5m20%200c-.8%200-2.6.7-3.2.1c-.8-.8%200-4.6%200-4.6h-2.3s.8%203.8%200%204.6c-.6.5-2.4-.1-3.2-.1c-2%200-3.7%201.5-3.7%201.5h16c.1%200-1.5-1.5-3.6-1.5%22%2F%3E%3Cg%20fill%3D%22%233e4347%22%3E%3Cpath%20d%3D%22M10.4%2027C-.4%2033.7%201.7%2043%203.3%2041.9C20%2029.7%2024.2%2018.5%2010.4%2027m43.2%200c-13.8-8.5-9.6%202.7%207.1%2014.9c1.6%201.1%203.7-8.2-7.1-14.9%22%2F%3E%3Cpath%20d%3D%22M48%2017.5C48%208.9%2040.8%202%2032%202S16%208.9%2016%2017.5c0%2011.6-4%2015.5-4%2023.2C12%2051.3%2021%2060%2032%2060s20-8.7%2020-19.3c0-7.7-4-11.6-4-23.2%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M44%2018.8c0-12.4-10.1-10-10.1-.7h-3.7C30.1%208.8%2020%206.4%2020%2018.8c0%209.7-4%2015.7-4%2022.1C16%2052.5%2023.7%2058%2032%2058s16-5.6%2016-17.1c0-6.4-4-12.4-4-22.1%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M41%2017c0%201.7-.9%203-2%203s-2-1.3-2-3s.9-3%202-3s2%201.3%202%203m-14%200c0%201.7-.9%203-2%203s-2-1.3-2-3s.9-3%202-3s2%201.3%202%203%22%2F%3E%3Cpath%20fill%3D%22%23e08828%22%20d%3D%22M28%2022h8c0%202.5-1.8%204.6-4%204.6s-4-2-4-4.6%22%2F%3E%3Cpath%20fill%3D%22%23f29a2e%22%20d%3D%22m37%2022.3l-5%201.2l-5-1.2c0-3.2%202.2-5.7%205-5.7s5%202.6%205%205.7%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M33.7%2017.8c.3.3.4.7.3.9s-.5%200-.8-.3s-.4-.7-.3-.9c.2-.1.6%200%20.8.3m-3.4%200c-.3.3-.4.7-.3.9s.5%200%20.8-.3s.4-.7.3-.9c-.2-.1-.6%200-.8.3%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%2064%2064%22%3E%3Cpath%20fill%3D%22%23e08828%22%20d%3D%22M26.3%2060.5c-.8%200-2.6.7-3.2.1c-.8-.8%200-4.6%200-4.6h-2.3s.8%203.8%200%204.6c-.6.5-2.4-.1-3.2-.1c-2%200-3.7%201.5-3.7%201.5h16c.1%200-1.5-1.5-3.6-1.5m20%200c-.8%200-2.6.7-3.2.1c-.8-.8%200-4.6%200-4.6h-2.3s.8%203.8%200%204.6c-.6.5-2.4-.1-3.2-.1c-2%200-3.7%201.5-3.7%201.5h16c.1%200-1.5-1.5-3.6-1.5%22%2F%3E%3Cg%20fill%3D%22%233e4347%22%3E%3Cpath%20d%3D%22M10.4%2027C-.4%2033.7%201.7%2043%203.3%2041.9C20%2029.7%2024.2%2018.5%2010.4%2027m43.2%200c-13.8-8.5-9.6%202.7%207.1%2014.9c1.6%201.1%203.7-8.2-7.1-14.9%22%2F%3E%3Cpath%20d%3D%22M48%2017.5C48%208.9%2040.8%202%2032%202S16%208.9%2016%2017.5c0%2011.6-4%2015.5-4%2023.2C12%2051.3%2021%2060%2032%2060s20-8.7%2020-19.3c0-7.7-4-11.6-4-23.2%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M44%2018.8c0-12.4-10.1-10-10.1-.7h-3.7C30.1%208.8%2020%206.4%2020%2018.8c0%209.7-4%2015.7-4%2022.1C16%2052.5%2023.7%2058%2032%2058s16-5.6%2016-17.1c0-6.4-4-12.4-4-22.1%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M41%2017c0%201.7-.9%203-2%203s-2-1.3-2-3s.9-3%202-3s2%201.3%202%203m-14%200c0%201.7-.9%203-2%203s-2-1.3-2-3s.9-3%202-3s2%201.3%202%203%22%2F%3E%3Cpath%20fill%3D%22%23e08828%22%20d%3D%22M28%2022h8c0%202.5-1.8%204.6-4%204.6s-4-2-4-4.6%22%2F%3E%3Cpath%20fill%3D%22%23f29a2e%22%20d%3D%22m37%2022.3l-5%201.2l-5-1.2c0-3.2%202.2-5.7%205-5.7s5%202.6%205%205.7%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M33.7%2017.8c.3.3.4.7.3.9s-.5%200-.8-.3s-.4-.7-.3-.9c.2-.1.6%200%20.8.3m-3.4%200c-.3.3-.4.7-.3.9s.5%200%20.8-.3s.4-.7.3-.9c-.2-.1-.6%200-.8.3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/penguin.svg?color=%231a73e8&size=48
