rooster emoji
rooster from Fluent Emoji High Contrast by Microsoft Corporation · Default · Animals & Nature · MIT Free for personal and commercial use.
- Name
- rooster
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- Animals & Nature
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More animals & nature icons from Fluent Emoji High Contrast
Use the rooster emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M8.11 15.5c-.87 0-1.517.807-1.328 1.659l.001.005c.982 4.2 4.76 7.336 9.257 7.336c4.498 0 8.264-3.135 9.247-7.335c.207-.866-.467-1.665-1.327-1.665z"/><path d="M9 0a4 4 0 0 0-2.649 1A3.55 3.55 0 0 0 3 4.54v1.818l-1.155.97a2.37 2.37 0 0 0-.472 3.1A3.65 3.65 0 0 0 1 12.04v.93a3.03 3.03 0 0 0 2.027 2.867a12.99 12.99 0 0 0 9.891 11.793l-.488 1.87h-1.2c-.66 0-1.19.53-1.19 1.19c0 .17.14.31.31.31h2.727a1.3 1.3 0 0 1-.037-.31c0-.803.43-1.504 1.071-1.885l.238-.91l.035.004q1.199.149 2.39.077l-.327 1.524H15a1 1 0 0 0-1 1a.5.5 0 0 0 .04.196a.31.31 0 0 0 .31.304h5.15a.5.5 0 0 0 .5-.5a1 1 0 0 0-1-1h-1.019l.368-1.716A13 13 0 0 0 28.359 19h.171a2.443 2.443 0 0 0 2.449-2.293a2.706 2.706 0 0 0 .66-3.438c.156-.274.264-.574.319-.885a2.7 2.7 0 0 0-.311-1.8a2.36 2.36 0 0 0 .123-1.519A8.007 8.007 0 0 0 16 10.656v.904a1 1 0 0 1-.066-.1l-.2-.382l-1.4-2.708l.118-.119a4.006 4.006 0 0 0-.01-5.658a3.96 3.96 0 0 0-2.361-1.14A4.03 4.03 0 0 0 9 0M5 7a2.996 2.996 0 0 1 5.66-1.38l1.227 2.373l.002-.001V8l2.229 4.31A3.13 3.13 0 0 0 16.9 14a1.1 1.1 0 0 0 1.1-1.1v-2.159A6.008 6.008 0 0 1 29.83 9.55a.367.367 0 0 1-.54.41l-1.849-1.07a.5.5 0 1 0-.49.87l2.719 1.57a.675.675 0 0 1 .319.7a.616.616 0 0 1-.61.55a.8.8 0 0 1-.389-.11l-1.559-.9a.5.5 0 1 0-.49.87l2.719 1.57a.675.675 0 0 1 .319.7a.616.616 0 0 1-.61.55a.8.8 0 0 1-.389-.11l-1.56-.9a.5.5 0 1 0-.489.87l1.839 1.06a.45.45 0 0 1 .2.49a.45.45 0 0 1-.44.33h-1.079a.81.81 0 0 0-.78.62A10.993 10.993 0 0 1 5 15v-3.84a.913.913 0 0 1 .91-.91h1.34A2.25 2.25 0 1 0 5 8v1.26a1.2 1.2 0 0 1-.339.833L3.22 9.48a.368.368 0 0 1-.09-.62L5 7.291zm2.4.7a.7.7 0 1 1-1.4 0a.7.7 0 0 1 1.4 0"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastRooster(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M8.11 15.5c-.87 0-1.517.807-1.328 1.659l.001.005c.982 4.2 4.76 7.336 9.257 7.336c4.498 0 8.264-3.135 9.247-7.335c.207-.866-.467-1.665-1.327-1.665z"/><path d="M9 0a4 4 0 0 0-2.649 1A3.55 3.55 0 0 0 3 4.54v1.818l-1.155.97a2.37 2.37 0 0 0-.472 3.1A3.65 3.65 0 0 0 1 12.04v.93a3.03 3.03 0 0 0 2.027 2.867a12.99 12.99 0 0 0 9.891 11.793l-.488 1.87h-1.2c-.66 0-1.19.53-1.19 1.19c0 .17.14.31.31.31h2.727a1.3 1.3 0 0 1-.037-.31c0-.803.43-1.504 1.071-1.885l.238-.91l.035.004q1.199.149 2.39.077l-.327 1.524H15a1 1 0 0 0-1 1a.5.5 0 0 0 .04.196a.31.31 0 0 0 .31.304h5.15a.5.5 0 0 0 .5-.5a1 1 0 0 0-1-1h-1.019l.368-1.716A13 13 0 0 0 28.359 19h.171a2.443 2.443 0 0 0 2.449-2.293a2.706 2.706 0 0 0 .66-3.438c.156-.274.264-.574.319-.885a2.7 2.7 0 0 0-.311-1.8a2.36 2.36 0 0 0 .123-1.519A8.007 8.007 0 0 0 16 10.656v.904a1 1 0 0 1-.066-.1l-.2-.382l-1.4-2.708l.118-.119a4.006 4.006 0 0 0-.01-5.658a3.96 3.96 0 0 0-2.361-1.14A4.03 4.03 0 0 0 9 0M5 7a2.996 2.996 0 0 1 5.66-1.38l1.227 2.373l.002-.001V8l2.229 4.31A3.13 3.13 0 0 0 16.9 14a1.1 1.1 0 0 0 1.1-1.1v-2.159A6.008 6.008 0 0 1 29.83 9.55a.367.367 0 0 1-.54.41l-1.849-1.07a.5.5 0 1 0-.49.87l2.719 1.57a.675.675 0 0 1 .319.7a.616.616 0 0 1-.61.55a.8.8 0 0 1-.389-.11l-1.559-.9a.5.5 0 1 0-.49.87l2.719 1.57a.675.675 0 0 1 .319.7a.616.616 0 0 1-.61.55a.8.8 0 0 1-.389-.11l-1.56-.9a.5.5 0 1 0-.489.87l1.839 1.06a.45.45 0 0 1 .2.49a.45.45 0 0 1-.44.33h-1.079a.81.81 0 0 0-.78.62A10.993 10.993 0 0 1 5 15v-3.84a.913.913 0 0 1 .91-.91h1.34A2.25 2.25 0 1 0 5 8v1.26a1.2 1.2 0 0 1-.339.833L3.22 9.48a.368.368 0 0 1-.09-.62L5 7.291zm2.4.7a.7.7 0 1 1-1.4 0a.7.7 0 0 1 1.4 0"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M8.11 15.5c-.87 0-1.517.807-1.328 1.659l.001.005c.982 4.2 4.76 7.336 9.257 7.336c4.498 0 8.264-3.135 9.247-7.335c.207-.866-.467-1.665-1.327-1.665z"/><path d="M9 0a4 4 0 0 0-2.649 1A3.55 3.55 0 0 0 3 4.54v1.818l-1.155.97a2.37 2.37 0 0 0-.472 3.1A3.65 3.65 0 0 0 1 12.04v.93a3.03 3.03 0 0 0 2.027 2.867a12.99 12.99 0 0 0 9.891 11.793l-.488 1.87h-1.2c-.66 0-1.19.53-1.19 1.19c0 .17.14.31.31.31h2.727a1.3 1.3 0 0 1-.037-.31c0-.803.43-1.504 1.071-1.885l.238-.91l.035.004q1.199.149 2.39.077l-.327 1.524H15a1 1 0 0 0-1 1a.5.5 0 0 0 .04.196a.31.31 0 0 0 .31.304h5.15a.5.5 0 0 0 .5-.5a1 1 0 0 0-1-1h-1.019l.368-1.716A13 13 0 0 0 28.359 19h.171a2.443 2.443 0 0 0 2.449-2.293a2.706 2.706 0 0 0 .66-3.438c.156-.274.264-.574.319-.885a2.7 2.7 0 0 0-.311-1.8a2.36 2.36 0 0 0 .123-1.519A8.007 8.007 0 0 0 16 10.656v.904a1 1 0 0 1-.066-.1l-.2-.382l-1.4-2.708l.118-.119a4.006 4.006 0 0 0-.01-5.658a3.96 3.96 0 0 0-2.361-1.14A4.03 4.03 0 0 0 9 0M5 7a2.996 2.996 0 0 1 5.66-1.38l1.227 2.373l.002-.001V8l2.229 4.31A3.13 3.13 0 0 0 16.9 14a1.1 1.1 0 0 0 1.1-1.1v-2.159A6.008 6.008 0 0 1 29.83 9.55a.367.367 0 0 1-.54.41l-1.849-1.07a.5.5 0 1 0-.49.87l2.719 1.57a.675.675 0 0 1 .319.7a.616.616 0 0 1-.61.55a.8.8 0 0 1-.389-.11l-1.559-.9a.5.5 0 1 0-.49.87l2.719 1.57a.675.675 0 0 1 .319.7a.616.616 0 0 1-.61.55a.8.8 0 0 1-.389-.11l-1.56-.9a.5.5 0 1 0-.489.87l1.839 1.06a.45.45 0 0 1 .2.49a.45.45 0 0 1-.44.33h-1.079a.81.81 0 0 0-.78.62A10.993 10.993 0 0 1 5 15v-3.84a.913.913 0 0 1 .91-.91h1.34A2.25 2.25 0 1 0 5 8v1.26a1.2 1.2 0 0 1-.339.833L3.22 9.48a.368.368 0 0 1-.09-.62L5 7.291zm2.4.7a.7.7 0 1 1-1.4 0a.7.7 0 0 1 1.4 0"/></g></svg> </template>
CSS
.icon-rooster {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M8.11%2015.5c-.87%200-1.517.807-1.328%201.659l.001.005c.982%204.2%204.76%207.336%209.257%207.336c4.498%200%208.264-3.135%209.247-7.335c.207-.866-.467-1.665-1.327-1.665z%22%2F%3E%3Cpath%20d%3D%22M9%200a4%204%200%200%200-2.649%201A3.55%203.55%200%200%200%203%204.54v1.818l-1.155.97a2.37%202.37%200%200%200-.472%203.1A3.65%203.65%200%200%200%201%2012.04v.93a3.03%203.03%200%200%200%202.027%202.867a12.99%2012.99%200%200%200%209.891%2011.793l-.488%201.87h-1.2c-.66%200-1.19.53-1.19%201.19c0%20.17.14.31.31.31h2.727a1.3%201.3%200%200%201-.037-.31c0-.803.43-1.504%201.071-1.885l.238-.91l.035.004q1.199.149%202.39.077l-.327%201.524H15a1%201%200%200%200-1%201a.5.5%200%200%200%20.04.196a.31.31%200%200%200%20.31.304h5.15a.5.5%200%200%200%20.5-.5a1%201%200%200%200-1-1h-1.019l.368-1.716A13%2013%200%200%200%2028.359%2019h.171a2.443%202.443%200%200%200%202.449-2.293a2.706%202.706%200%200%200%20.66-3.438c.156-.274.264-.574.319-.885a2.7%202.7%200%200%200-.311-1.8a2.36%202.36%200%200%200%20.123-1.519A8.007%208.007%200%200%200%2016%2010.656v.904a1%201%200%200%201-.066-.1l-.2-.382l-1.4-2.708l.118-.119a4.006%204.006%200%200%200-.01-5.658a3.96%203.96%200%200%200-2.361-1.14A4.03%204.03%200%200%200%209%200M5%207a2.996%202.996%200%200%201%205.66-1.38l1.227%202.373l.002-.001V8l2.229%204.31A3.13%203.13%200%200%200%2016.9%2014a1.1%201.1%200%200%200%201.1-1.1v-2.159A6.008%206.008%200%200%201%2029.83%209.55a.367.367%200%200%201-.54.41l-1.849-1.07a.5.5%200%201%200-.49.87l2.719%201.57a.675.675%200%200%201%20.319.7a.616.616%200%200%201-.61.55a.8.8%200%200%201-.389-.11l-1.559-.9a.5.5%200%201%200-.49.87l2.719%201.57a.675.675%200%200%201%20.319.7a.616.616%200%200%201-.61.55a.8.8%200%200%201-.389-.11l-1.56-.9a.5.5%200%201%200-.489.87l1.839%201.06a.45.45%200%200%201%20.2.49a.45.45%200%200%201-.44.33h-1.079a.81.81%200%200%200-.78.62A10.993%2010.993%200%200%201%205%2015v-3.84a.913.913%200%200%201%20.91-.91h1.34A2.25%202.25%200%201%200%205%208v1.26a1.2%201.2%200%200%201-.339.833L3.22%209.48a.368.368%200%200%201-.09-.62L5%207.291zm2.4.7a.7.7%200%201%201-1.4%200a.7.7%200%200%201%201.4%200%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M8.11%2015.5c-.87%200-1.517.807-1.328%201.659l.001.005c.982%204.2%204.76%207.336%209.257%207.336c4.498%200%208.264-3.135%209.247-7.335c.207-.866-.467-1.665-1.327-1.665z%22%2F%3E%3Cpath%20d%3D%22M9%200a4%204%200%200%200-2.649%201A3.55%203.55%200%200%200%203%204.54v1.818l-1.155.97a2.37%202.37%200%200%200-.472%203.1A3.65%203.65%200%200%200%201%2012.04v.93a3.03%203.03%200%200%200%202.027%202.867a12.99%2012.99%200%200%200%209.891%2011.793l-.488%201.87h-1.2c-.66%200-1.19.53-1.19%201.19c0%20.17.14.31.31.31h2.727a1.3%201.3%200%200%201-.037-.31c0-.803.43-1.504%201.071-1.885l.238-.91l.035.004q1.199.149%202.39.077l-.327%201.524H15a1%201%200%200%200-1%201a.5.5%200%200%200%20.04.196a.31.31%200%200%200%20.31.304h5.15a.5.5%200%200%200%20.5-.5a1%201%200%200%200-1-1h-1.019l.368-1.716A13%2013%200%200%200%2028.359%2019h.171a2.443%202.443%200%200%200%202.449-2.293a2.706%202.706%200%200%200%20.66-3.438c.156-.274.264-.574.319-.885a2.7%202.7%200%200%200-.311-1.8a2.36%202.36%200%200%200%20.123-1.519A8.007%208.007%200%200%200%2016%2010.656v.904a1%201%200%200%201-.066-.1l-.2-.382l-1.4-2.708l.118-.119a4.006%204.006%200%200%200-.01-5.658a3.96%203.96%200%200%200-2.361-1.14A4.03%204.03%200%200%200%209%200M5%207a2.996%202.996%200%200%201%205.66-1.38l1.227%202.373l.002-.001V8l2.229%204.31A3.13%203.13%200%200%200%2016.9%2014a1.1%201.1%200%200%200%201.1-1.1v-2.159A6.008%206.008%200%200%201%2029.83%209.55a.367.367%200%200%201-.54.41l-1.849-1.07a.5.5%200%201%200-.49.87l2.719%201.57a.675.675%200%200%201%20.319.7a.616.616%200%200%201-.61.55a.8.8%200%200%201-.389-.11l-1.559-.9a.5.5%200%201%200-.49.87l2.719%201.57a.675.675%200%200%201%20.319.7a.616.616%200%200%201-.61.55a.8.8%200%200%201-.389-.11l-1.56-.9a.5.5%200%201%200-.489.87l1.839%201.06a.45.45%200%200%201%20.2.49a.45.45%200%200%201-.44.33h-1.079a.81.81%200%200%200-.78.62A10.993%2010.993%200%200%201%205%2015v-3.84a.913.913%200%200%201%20.91-.91h1.34A2.25%202.25%200%201%200%205%208v1.26a1.2%201.2%200%200%201-.339.833L3.22%209.48a.368.368%200%200%201-.09-.62L5%207.291zm2.4.7a.7.7%200%201%201-1.4%200a.7.7%200%200%201%201.4%200%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/rooster.svg?color=%231a73e8&size=48
