necktie emoji
necktie from Emoji One (Colored) by Emoji One · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- necktie
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Objects
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
More objects icons from Emoji One (Colored)
Use the necktie emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#d0d0d0" d="M64 59.7c0 2.4-2.2 4.3-4.9 4.3H4.9C2.2 64 0 62.1 0 59.7V9.1c0-2.4 2.2-4.3 4.9-4.3h54.2c2.7 0 4.9 1.9 4.9 4.3z"/><g fill="#94989b"><path d="M48.9 9.5H15.1L18.4 0h27.2z"/><path d="m18.4 2.9l-3.3 6.6l12 17.7V15.1zm27.2 0l3.3 6.6l-12 17.7V15.1z"/></g><path fill="#fff" d="m18.4 0l-3.3 9.5l12 14.9V12.2zm27.2 0l3.3 9.5l-12 14.9V12.2z"/><path fill="#42ade2" d="M37.7 24.4H26.3L23 56.8l9.1 7.2l8.9-7.2z"/><path fill="#428bc1" d="m38.1 27.6l-.3-3.3H26.3l-.3 3.3c2.4 1.8 9.5 1.7 12.1 0"/><path fill="#42ade2" d="M38.6 24.4c-2.2 2.2-11.2 2.4-13.1 0c-2-2.5 1.6-12.2 1.6-12.2s3.7 1.4 4.9 1.4s4.9-1.4 4.9-1.4s4 9.9 1.7 12.2"/></svg>
React
import type { SVGProps } from "react";
export function EmojioneNecktie(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#d0d0d0" d="M64 59.7c0 2.4-2.2 4.3-4.9 4.3H4.9C2.2 64 0 62.1 0 59.7V9.1c0-2.4 2.2-4.3 4.9-4.3h54.2c2.7 0 4.9 1.9 4.9 4.3z"/><g fill="#94989b"><path d="M48.9 9.5H15.1L18.4 0h27.2z"/><path d="m18.4 2.9l-3.3 6.6l12 17.7V15.1zm27.2 0l3.3 6.6l-12 17.7V15.1z"/></g><path fill="#fff" d="m18.4 0l-3.3 9.5l12 14.9V12.2zm27.2 0l3.3 9.5l-12 14.9V12.2z"/><path fill="#42ade2" d="M37.7 24.4H26.3L23 56.8l9.1 7.2l8.9-7.2z"/><path fill="#428bc1" d="m38.1 27.6l-.3-3.3H26.3l-.3 3.3c2.4 1.8 9.5 1.7 12.1 0"/><path fill="#42ade2" d="M38.6 24.4c-2.2 2.2-11.2 2.4-13.1 0c-2-2.5 1.6-12.2 1.6-12.2s3.7 1.4 4.9 1.4s4.9-1.4 4.9-1.4s4 9.9 1.7 12.2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#d0d0d0" d="M64 59.7c0 2.4-2.2 4.3-4.9 4.3H4.9C2.2 64 0 62.1 0 59.7V9.1c0-2.4 2.2-4.3 4.9-4.3h54.2c2.7 0 4.9 1.9 4.9 4.3z"/><g fill="#94989b"><path d="M48.9 9.5H15.1L18.4 0h27.2z"/><path d="m18.4 2.9l-3.3 6.6l12 17.7V15.1zm27.2 0l3.3 6.6l-12 17.7V15.1z"/></g><path fill="#fff" d="m18.4 0l-3.3 9.5l12 14.9V12.2zm27.2 0l3.3 9.5l-12 14.9V12.2z"/><path fill="#42ade2" d="M37.7 24.4H26.3L23 56.8l9.1 7.2l8.9-7.2z"/><path fill="#428bc1" d="m38.1 27.6l-.3-3.3H26.3l-.3 3.3c2.4 1.8 9.5 1.7 12.1 0"/><path fill="#42ade2" d="M38.6 24.4c-2.2 2.2-11.2 2.4-13.1 0c-2-2.5 1.6-12.2 1.6-12.2s3.7 1.4 4.9 1.4s4.9-1.4 4.9-1.4s4 9.9 1.7 12.2"/></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%2064%2064%22%3E%3Cpath%20fill%3D%22%23d0d0d0%22%20d%3D%22M64%2059.7c0%202.4-2.2%204.3-4.9%204.3H4.9C2.2%2064%200%2062.1%200%2059.7V9.1c0-2.4%202.2-4.3%204.9-4.3h54.2c2.7%200%204.9%201.9%204.9%204.3z%22%2F%3E%3Cg%20fill%3D%22%2394989b%22%3E%3Cpath%20d%3D%22M48.9%209.5H15.1L18.4%200h27.2z%22%2F%3E%3Cpath%20d%3D%22m18.4%202.9l-3.3%206.6l12%2017.7V15.1zm27.2%200l3.3%206.6l-12%2017.7V15.1z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m18.4%200l-3.3%209.5l12%2014.9V12.2zm27.2%200l3.3%209.5l-12%2014.9V12.2z%22%2F%3E%3Cpath%20fill%3D%22%2342ade2%22%20d%3D%22M37.7%2024.4H26.3L23%2056.8l9.1%207.2l8.9-7.2z%22%2F%3E%3Cpath%20fill%3D%22%23428bc1%22%20d%3D%22m38.1%2027.6l-.3-3.3H26.3l-.3%203.3c2.4%201.8%209.5%201.7%2012.1%200%22%2F%3E%3Cpath%20fill%3D%22%2342ade2%22%20d%3D%22M38.6%2024.4c-2.2%202.2-11.2%202.4-13.1%200c-2-2.5%201.6-12.2%201.6-12.2s3.7%201.4%204.9%201.4s4.9-1.4%204.9-1.4s4%209.9%201.7%2012.2%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%23d0d0d0%22%20d%3D%22M64%2059.7c0%202.4-2.2%204.3-4.9%204.3H4.9C2.2%2064%200%2062.1%200%2059.7V9.1c0-2.4%202.2-4.3%204.9-4.3h54.2c2.7%200%204.9%201.9%204.9%204.3z%22%2F%3E%3Cg%20fill%3D%22%2394989b%22%3E%3Cpath%20d%3D%22M48.9%209.5H15.1L18.4%200h27.2z%22%2F%3E%3Cpath%20d%3D%22m18.4%202.9l-3.3%206.6l12%2017.7V15.1zm27.2%200l3.3%206.6l-12%2017.7V15.1z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m18.4%200l-3.3%209.5l12%2014.9V12.2zm27.2%200l3.3%209.5l-12%2014.9V12.2z%22%2F%3E%3Cpath%20fill%3D%22%2342ade2%22%20d%3D%22M37.7%2024.4H26.3L23%2056.8l9.1%207.2l8.9-7.2z%22%2F%3E%3Cpath%20fill%3D%22%23428bc1%22%20d%3D%22m38.1%2027.6l-.3-3.3H26.3l-.3%203.3c2.4%201.8%209.5%201.7%2012.1%200%22%2F%3E%3Cpath%20fill%3D%22%2342ade2%22%20d%3D%22M38.6%2024.4c-2.2%202.2-11.2%202.4-13.1%200c-2-2.5%201.6-12.2%201.6-12.2s3.7%201.4%204.9%201.4s4.9-1.4%204.9-1.4s4%209.9%201.7%2012.2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/necktie.svg?color=%231a73e8&size=48
