curly haired emoji
curly-haired from Twitter Emoji by Twitter · Default · CC-BY-4.0 Attribution required.
- Name
- curly-haired
- Set
- Twitter Emoji
- Style
- Default
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
Related icons in Twitter Emoji
Use the curly haired emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#FFDC5D" d="M0 21h30v15H0z"/><path fill="#FFAC33" d="M35 26.417c0-1.812-.954-3.39-2.381-4.29a5.034 5.034 0 0 0 .348-1.81c0-2.595-1.95-4.709-4.459-5.02A6.11 6.11 0 0 0 28.9 13.2a6.1 6.1 0 0 0-6.1-6.1c-.803 0-1.566.165-2.267.447c-.704-2.595-3.05-4.514-5.866-4.514c-1.769 0-3.347.765-4.461 1.966C9.347 2.669 7.127 1 4.5 1C2.704 1 1.111 1.792 0 3.03v27.447c1.289.645 2.834 1.023 4.5 1.023c2.635 0 4.955-.956 6.44-2.414c.968 2.56 4.071 4.447 7.794 4.447c2.188 0 4.166-.655 5.626-1.71c.4 1.394.511 2.668.542 4.177h6.948c.688-.911 1.117-2.131 1.117-3.483a6.21 6.21 0 0 0-.285-1.842A5.075 5.075 0 0 0 35 26.417z"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiCurlyHaired(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#FFDC5D" d="M0 21h30v15H0z"/><path fill="#FFAC33" d="M35 26.417c0-1.812-.954-3.39-2.381-4.29a5.034 5.034 0 0 0 .348-1.81c0-2.595-1.95-4.709-4.459-5.02A6.11 6.11 0 0 0 28.9 13.2a6.1 6.1 0 0 0-6.1-6.1c-.803 0-1.566.165-2.267.447c-.704-2.595-3.05-4.514-5.866-4.514c-1.769 0-3.347.765-4.461 1.966C9.347 2.669 7.127 1 4.5 1C2.704 1 1.111 1.792 0 3.03v27.447c1.289.645 2.834 1.023 4.5 1.023c2.635 0 4.955-.956 6.44-2.414c.968 2.56 4.071 4.447 7.794 4.447c2.188 0 4.166-.655 5.626-1.71c.4 1.394.511 2.668.542 4.177h6.948c.688-.911 1.117-2.131 1.117-3.483a6.21 6.21 0 0 0-.285-1.842A5.075 5.075 0 0 0 35 26.417z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#FFDC5D" d="M0 21h30v15H0z"/><path fill="#FFAC33" d="M35 26.417c0-1.812-.954-3.39-2.381-4.29a5.034 5.034 0 0 0 .348-1.81c0-2.595-1.95-4.709-4.459-5.02A6.11 6.11 0 0 0 28.9 13.2a6.1 6.1 0 0 0-6.1-6.1c-.803 0-1.566.165-2.267.447c-.704-2.595-3.05-4.514-5.866-4.514c-1.769 0-3.347.765-4.461 1.966C9.347 2.669 7.127 1 4.5 1C2.704 1 1.111 1.792 0 3.03v27.447c1.289.645 2.834 1.023 4.5 1.023c2.635 0 4.955-.956 6.44-2.414c.968 2.56 4.071 4.447 7.794 4.447c2.188 0 4.166-.655 5.626-1.71c.4 1.394.511 2.668.542 4.177h6.948c.688-.911 1.117-2.131 1.117-3.483a6.21 6.21 0 0 0-.285-1.842A5.075 5.075 0 0 0 35 26.417z"/></svg> </template>
CSS
.icon-curly-haired {
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%23FFDC5D%22%20d%3D%22M0%2021h30v15H0z%22%2F%3E%3Cpath%20fill%3D%22%23FFAC33%22%20d%3D%22M35%2026.417c0-1.812-.954-3.39-2.381-4.29a5.034%205.034%200%200%200%20.348-1.81c0-2.595-1.95-4.709-4.459-5.02A6.11%206.11%200%200%200%2028.9%2013.2a6.1%206.1%200%200%200-6.1-6.1c-.803%200-1.566.165-2.267.447c-.704-2.595-3.05-4.514-5.866-4.514c-1.769%200-3.347.765-4.461%201.966C9.347%202.669%207.127%201%204.5%201C2.704%201%201.111%201.792%200%203.03v27.447c1.289.645%202.834%201.023%204.5%201.023c2.635%200%204.955-.956%206.44-2.414c.968%202.56%204.071%204.447%207.794%204.447c2.188%200%204.166-.655%205.626-1.71c.4%201.394.511%202.668.542%204.177h6.948c.688-.911%201.117-2.131%201.117-3.483a6.21%206.21%200%200%200-.285-1.842A5.075%205.075%200%200%200%2035%2026.417z%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%23FFDC5D%22%20d%3D%22M0%2021h30v15H0z%22%2F%3E%3Cpath%20fill%3D%22%23FFAC33%22%20d%3D%22M35%2026.417c0-1.812-.954-3.39-2.381-4.29a5.034%205.034%200%200%200%20.348-1.81c0-2.595-1.95-4.709-4.459-5.02A6.11%206.11%200%200%200%2028.9%2013.2a6.1%206.1%200%200%200-6.1-6.1c-.803%200-1.566.165-2.267.447c-.704-2.595-3.05-4.514-5.866-4.514c-1.769%200-3.347.765-4.461%201.966C9.347%202.669%207.127%201%204.5%201C2.704%201%201.111%201.792%200%203.03v27.447c1.289.645%202.834%201.023%204.5%201.023c2.635%200%204.955-.956%206.44-2.414c.968%202.56%204.071%204.447%207.794%204.447c2.188%200%204.166-.655%205.626-1.71c.4%201.394.511%202.668.542%204.177h6.948c.688-.911%201.117-2.131%201.117-3.483a6.21%206.21%200%200%200-.285-1.842A5.075%205.075%200%200%200%2035%2026.417z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/curly-haired.svg?color=%231a73e8&size=48
