penguin emoji
penguin from Twitter Emoji by Twitter · Default · Animals & Nature · CC-BY-4.0 Attribution required.
- Name
- penguin
- Set
- Twitter Emoji
- Style
- Default
- Category
- Animals & Nature
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More animals & nature icons from Twitter Emoji
Use the penguin emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffac33" d="M28.068 31.355c-2.229 0-8.468.785-10.068 1.832c-1.601-1.047-7.84-1.832-10.069-1.832c-2.564 0-1.161 1.039-1.161 2.322S5.367 36 7.931 36c2.229 0 8.468-.785 10.069-1.832C19.601 35.215 25.84 36 28.068 36c2.565 0 1.161-1.04 1.161-2.322s1.405-2.323-1.161-2.323"/><path fill="#292f33" d="M31.73 15.866c-1.25-2.499-3.152-4.995-4.942-6.723C24.337 3.711 20.759 0 18 0s-6.337 3.71-8.788 9.143c-1.791 1.729-3.693 4.224-4.943 6.724c-2.438 4.876-3.116 11.426-2.078 11.944c.873.437 2.324-1.552 4.208-5.082C6.667 33.604 13.446 33.678 18 33.678c4.553 0 11.333-.073 11.601-10.947c1.884 3.528 3.335 5.517 4.207 5.08c1.038-.519.361-7.069-2.078-11.945"/><path fill="#f5f8fa" d="M21.675 6.943c-.85.607-2.172 1.186-3.675 1.186s-2.825-.578-3.675-1.185c-3.302 2.137-5.615 7.06-5.615 12.798c0 7.695 4.159 13.936 9.29 13.936c5.132 0 9.291-6.24 9.291-13.936c0-5.738-2.313-10.662-5.616-12.799"/><path fill="#ffac33" d="M28.452 6h-5.808C18.797 6 18 5.22 18 4.257c0-.962-.364-1.742 3.483-1.742C27.291 2.516 29.613 6 28.452 6"/><path fill="#f5f8fa" d="M16.839 3.483a1.161 1.161 0 1 1-2.323.001a1.161 1.161 0 0 1 2.323-.001"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiPenguin(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffac33" d="M28.068 31.355c-2.229 0-8.468.785-10.068 1.832c-1.601-1.047-7.84-1.832-10.069-1.832c-2.564 0-1.161 1.039-1.161 2.322S5.367 36 7.931 36c2.229 0 8.468-.785 10.069-1.832C19.601 35.215 25.84 36 28.068 36c2.565 0 1.161-1.04 1.161-2.322s1.405-2.323-1.161-2.323"/><path fill="#292f33" d="M31.73 15.866c-1.25-2.499-3.152-4.995-4.942-6.723C24.337 3.711 20.759 0 18 0s-6.337 3.71-8.788 9.143c-1.791 1.729-3.693 4.224-4.943 6.724c-2.438 4.876-3.116 11.426-2.078 11.944c.873.437 2.324-1.552 4.208-5.082C6.667 33.604 13.446 33.678 18 33.678c4.553 0 11.333-.073 11.601-10.947c1.884 3.528 3.335 5.517 4.207 5.08c1.038-.519.361-7.069-2.078-11.945"/><path fill="#f5f8fa" d="M21.675 6.943c-.85.607-2.172 1.186-3.675 1.186s-2.825-.578-3.675-1.185c-3.302 2.137-5.615 7.06-5.615 12.798c0 7.695 4.159 13.936 9.29 13.936c5.132 0 9.291-6.24 9.291-13.936c0-5.738-2.313-10.662-5.616-12.799"/><path fill="#ffac33" d="M28.452 6h-5.808C18.797 6 18 5.22 18 4.257c0-.962-.364-1.742 3.483-1.742C27.291 2.516 29.613 6 28.452 6"/><path fill="#f5f8fa" d="M16.839 3.483a1.161 1.161 0 1 1-2.323.001a1.161 1.161 0 0 1 2.323-.001"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffac33" d="M28.068 31.355c-2.229 0-8.468.785-10.068 1.832c-1.601-1.047-7.84-1.832-10.069-1.832c-2.564 0-1.161 1.039-1.161 2.322S5.367 36 7.931 36c2.229 0 8.468-.785 10.069-1.832C19.601 35.215 25.84 36 28.068 36c2.565 0 1.161-1.04 1.161-2.322s1.405-2.323-1.161-2.323"/><path fill="#292f33" d="M31.73 15.866c-1.25-2.499-3.152-4.995-4.942-6.723C24.337 3.711 20.759 0 18 0s-6.337 3.71-8.788 9.143c-1.791 1.729-3.693 4.224-4.943 6.724c-2.438 4.876-3.116 11.426-2.078 11.944c.873.437 2.324-1.552 4.208-5.082C6.667 33.604 13.446 33.678 18 33.678c4.553 0 11.333-.073 11.601-10.947c1.884 3.528 3.335 5.517 4.207 5.08c1.038-.519.361-7.069-2.078-11.945"/><path fill="#f5f8fa" d="M21.675 6.943c-.85.607-2.172 1.186-3.675 1.186s-2.825-.578-3.675-1.185c-3.302 2.137-5.615 7.06-5.615 12.798c0 7.695 4.159 13.936 9.29 13.936c5.132 0 9.291-6.24 9.291-13.936c0-5.738-2.313-10.662-5.616-12.799"/><path fill="#ffac33" d="M28.452 6h-5.808C18.797 6 18 5.22 18 4.257c0-.962-.364-1.742 3.483-1.742C27.291 2.516 29.613 6 28.452 6"/><path fill="#f5f8fa" d="M16.839 3.483a1.161 1.161 0 1 1-2.323.001a1.161 1.161 0 0 1 2.323-.001"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M28.068%2031.355c-2.229%200-8.468.785-10.068%201.832c-1.601-1.047-7.84-1.832-10.069-1.832c-2.564%200-1.161%201.039-1.161%202.322S5.367%2036%207.931%2036c2.229%200%208.468-.785%2010.069-1.832C19.601%2035.215%2025.84%2036%2028.068%2036c2.565%200%201.161-1.04%201.161-2.322s1.405-2.323-1.161-2.323%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M31.73%2015.866c-1.25-2.499-3.152-4.995-4.942-6.723C24.337%203.711%2020.759%200%2018%200s-6.337%203.71-8.788%209.143c-1.791%201.729-3.693%204.224-4.943%206.724c-2.438%204.876-3.116%2011.426-2.078%2011.944c.873.437%202.324-1.552%204.208-5.082C6.667%2033.604%2013.446%2033.678%2018%2033.678c4.553%200%2011.333-.073%2011.601-10.947c1.884%203.528%203.335%205.517%204.207%205.08c1.038-.519.361-7.069-2.078-11.945%22%2F%3E%3Cpath%20fill%3D%22%23f5f8fa%22%20d%3D%22M21.675%206.943c-.85.607-2.172%201.186-3.675%201.186s-2.825-.578-3.675-1.185c-3.302%202.137-5.615%207.06-5.615%2012.798c0%207.695%204.159%2013.936%209.29%2013.936c5.132%200%209.291-6.24%209.291-13.936c0-5.738-2.313-10.662-5.616-12.799%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M28.452%206h-5.808C18.797%206%2018%205.22%2018%204.257c0-.962-.364-1.742%203.483-1.742C27.291%202.516%2029.613%206%2028.452%206%22%2F%3E%3Cpath%20fill%3D%22%23f5f8fa%22%20d%3D%22M16.839%203.483a1.161%201.161%200%201%201-2.323.001a1.161%201.161%200%200%201%202.323-.001%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M28.068%2031.355c-2.229%200-8.468.785-10.068%201.832c-1.601-1.047-7.84-1.832-10.069-1.832c-2.564%200-1.161%201.039-1.161%202.322S5.367%2036%207.931%2036c2.229%200%208.468-.785%2010.069-1.832C19.601%2035.215%2025.84%2036%2028.068%2036c2.565%200%201.161-1.04%201.161-2.322s1.405-2.323-1.161-2.323%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M31.73%2015.866c-1.25-2.499-3.152-4.995-4.942-6.723C24.337%203.711%2020.759%200%2018%200s-6.337%203.71-8.788%209.143c-1.791%201.729-3.693%204.224-4.943%206.724c-2.438%204.876-3.116%2011.426-2.078%2011.944c.873.437%202.324-1.552%204.208-5.082C6.667%2033.604%2013.446%2033.678%2018%2033.678c4.553%200%2011.333-.073%2011.601-10.947c1.884%203.528%203.335%205.517%204.207%205.08c1.038-.519.361-7.069-2.078-11.945%22%2F%3E%3Cpath%20fill%3D%22%23f5f8fa%22%20d%3D%22M21.675%206.943c-.85.607-2.172%201.186-3.675%201.186s-2.825-.578-3.675-1.185c-3.302%202.137-5.615%207.06-5.615%2012.798c0%207.695%204.159%2013.936%209.29%2013.936c5.132%200%209.291-6.24%209.291-13.936c0-5.738-2.313-10.662-5.616-12.799%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M28.452%206h-5.808C18.797%206%2018%205.22%2018%204.257c0-.962-.364-1.742%203.483-1.742C27.291%202.516%2029.613%206%2028.452%206%22%2F%3E%3Cpath%20fill%3D%22%23f5f8fa%22%20d%3D%22M16.839%203.483a1.161%201.161%200%201%201-2.323.001a1.161%201.161%200%200%201%202.323-.001%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/penguin.svg?color=%231a73e8&size=48
