necktie emoji
necktie from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- necktie
- Set
- Twitter Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More objects icons from Twitter Emoji
Use the necktie emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#88c9f9" d="M36 32a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4z"/><path fill="#dd2e44" d="M19.341 35.455a1.92 1.92 0 0 1-2.681 0l-6.633-6.529c-.737-.726-.932-2.032-.434-2.904l7.5-18.447c.499-.871 1.315-.871 1.813 0l7.5 18.447c.498.871.303 2.178-.434 2.903z"/><path fill="#a0041e" d="M18 14.668c.949 0 2.004-.952 2.899-2.191l-1.993-4.902c-.499-.871-1.315-.871-1.813 0L15.1 12.477c.897 1.239 1.951 2.191 2.9 2.191"/><path fill="#dd2e44" d="M23 5.778c0 1.964-2.791 7.112-5 7.112s-5-5.148-5-7.112C13 3.995 15.791 3 18 3s5 .995 5 2.778"/><path fill="#4ca0d3" d="M0 4v2.254c2.074 2.77 6.779 7.751 8 7.751c2.209 0 11-10.796 11-13.005c0-1-1-1-2-1H4a4 4 0 0 0-4 4"/><path fill="#4ca0d3" d="M17 1c0 2.209 8.791 13.005 11 13.005c1.221 0 5.926-4.981 8-7.751V4a4 4 0 0 0-4-4H19c-1 0-2 0-2 1"/><path fill="#269" d="M4 0c-.267 0-.526.029-.778.079C4.405 1.736 10.562 3 18 3S31.595 1.736 32.778.079A4 4 0 0 0 32 0z"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiNecktie(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#88c9f9" d="M36 32a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4z"/><path fill="#dd2e44" d="M19.341 35.455a1.92 1.92 0 0 1-2.681 0l-6.633-6.529c-.737-.726-.932-2.032-.434-2.904l7.5-18.447c.499-.871 1.315-.871 1.813 0l7.5 18.447c.498.871.303 2.178-.434 2.903z"/><path fill="#a0041e" d="M18 14.668c.949 0 2.004-.952 2.899-2.191l-1.993-4.902c-.499-.871-1.315-.871-1.813 0L15.1 12.477c.897 1.239 1.951 2.191 2.9 2.191"/><path fill="#dd2e44" d="M23 5.778c0 1.964-2.791 7.112-5 7.112s-5-5.148-5-7.112C13 3.995 15.791 3 18 3s5 .995 5 2.778"/><path fill="#4ca0d3" d="M0 4v2.254c2.074 2.77 6.779 7.751 8 7.751c2.209 0 11-10.796 11-13.005c0-1-1-1-2-1H4a4 4 0 0 0-4 4"/><path fill="#4ca0d3" d="M17 1c0 2.209 8.791 13.005 11 13.005c1.221 0 5.926-4.981 8-7.751V4a4 4 0 0 0-4-4H19c-1 0-2 0-2 1"/><path fill="#269" d="M4 0c-.267 0-.526.029-.778.079C4.405 1.736 10.562 3 18 3S31.595 1.736 32.778.079A4 4 0 0 0 32 0z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#88c9f9" d="M36 32a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4z"/><path fill="#dd2e44" d="M19.341 35.455a1.92 1.92 0 0 1-2.681 0l-6.633-6.529c-.737-.726-.932-2.032-.434-2.904l7.5-18.447c.499-.871 1.315-.871 1.813 0l7.5 18.447c.498.871.303 2.178-.434 2.903z"/><path fill="#a0041e" d="M18 14.668c.949 0 2.004-.952 2.899-2.191l-1.993-4.902c-.499-.871-1.315-.871-1.813 0L15.1 12.477c.897 1.239 1.951 2.191 2.9 2.191"/><path fill="#dd2e44" d="M23 5.778c0 1.964-2.791 7.112-5 7.112s-5-5.148-5-7.112C13 3.995 15.791 3 18 3s5 .995 5 2.778"/><path fill="#4ca0d3" d="M0 4v2.254c2.074 2.77 6.779 7.751 8 7.751c2.209 0 11-10.796 11-13.005c0-1-1-1-2-1H4a4 4 0 0 0-4 4"/><path fill="#4ca0d3" d="M17 1c0 2.209 8.791 13.005 11 13.005c1.221 0 5.926-4.981 8-7.751V4a4 4 0 0 0-4-4H19c-1 0-2 0-2 1"/><path fill="#269" d="M4 0c-.267 0-.526.029-.778.079C4.405 1.736 10.562 3 18 3S31.595 1.736 32.778.079A4 4 0 0 0 32 0z"/></svg> </template>
CSS
.icon-necktie {
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%2388c9f9%22%20d%3D%22M36%2032a4%204%200%200%201-4%204H4a4%204%200%200%201-4-4V4a4%204%200%200%201%204-4h28a4%204%200%200%201%204%204z%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M19.341%2035.455a1.92%201.92%200%200%201-2.681%200l-6.633-6.529c-.737-.726-.932-2.032-.434-2.904l7.5-18.447c.499-.871%201.315-.871%201.813%200l7.5%2018.447c.498.871.303%202.178-.434%202.903z%22%2F%3E%3Cpath%20fill%3D%22%23a0041e%22%20d%3D%22M18%2014.668c.949%200%202.004-.952%202.899-2.191l-1.993-4.902c-.499-.871-1.315-.871-1.813%200L15.1%2012.477c.897%201.239%201.951%202.191%202.9%202.191%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M23%205.778c0%201.964-2.791%207.112-5%207.112s-5-5.148-5-7.112C13%203.995%2015.791%203%2018%203s5%20.995%205%202.778%22%2F%3E%3Cpath%20fill%3D%22%234ca0d3%22%20d%3D%22M0%204v2.254c2.074%202.77%206.779%207.751%208%207.751c2.209%200%2011-10.796%2011-13.005c0-1-1-1-2-1H4a4%204%200%200%200-4%204%22%2F%3E%3Cpath%20fill%3D%22%234ca0d3%22%20d%3D%22M17%201c0%202.209%208.791%2013.005%2011%2013.005c1.221%200%205.926-4.981%208-7.751V4a4%204%200%200%200-4-4H19c-1%200-2%200-2%201%22%2F%3E%3Cpath%20fill%3D%22%23269%22%20d%3D%22M4%200c-.267%200-.526.029-.778.079C4.405%201.736%2010.562%203%2018%203S31.595%201.736%2032.778.079A4%204%200%200%200%2032%200z%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%2388c9f9%22%20d%3D%22M36%2032a4%204%200%200%201-4%204H4a4%204%200%200%201-4-4V4a4%204%200%200%201%204-4h28a4%204%200%200%201%204%204z%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M19.341%2035.455a1.92%201.92%200%200%201-2.681%200l-6.633-6.529c-.737-.726-.932-2.032-.434-2.904l7.5-18.447c.499-.871%201.315-.871%201.813%200l7.5%2018.447c.498.871.303%202.178-.434%202.903z%22%2F%3E%3Cpath%20fill%3D%22%23a0041e%22%20d%3D%22M18%2014.668c.949%200%202.004-.952%202.899-2.191l-1.993-4.902c-.499-.871-1.315-.871-1.813%200L15.1%2012.477c.897%201.239%201.951%202.191%202.9%202.191%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M23%205.778c0%201.964-2.791%207.112-5%207.112s-5-5.148-5-7.112C13%203.995%2015.791%203%2018%203s5%20.995%205%202.778%22%2F%3E%3Cpath%20fill%3D%22%234ca0d3%22%20d%3D%22M0%204v2.254c2.074%202.77%206.779%207.751%208%207.751c2.209%200%2011-10.796%2011-13.005c0-1-1-1-2-1H4a4%204%200%200%200-4%204%22%2F%3E%3Cpath%20fill%3D%22%234ca0d3%22%20d%3D%22M17%201c0%202.209%208.791%2013.005%2011%2013.005c1.221%200%205.926-4.981%208-7.751V4a4%204%200%200%200-4-4H19c-1%200-2%200-2%201%22%2F%3E%3Cpath%20fill%3D%22%23269%22%20d%3D%22M4%200c-.267%200-.526.029-.778.079C4.405%201.736%2010.562%203%2018%203S31.595%201.736%2032.778.079A4%204%200%200%200%2032%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/necktie.svg?color=%231a73e8&size=48
