safety vest emoji
safety-vest from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- safety-vest
- 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 safety vest emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#994308" d="M17.988 2.184C15 2.184 12.679 1.092 11.618 0v15.292h12.741V0C23.297 1.092 21 2.184 17.988 2.184"/><path fill="#eb7421" d="M28.909 7.958v-4.79c0-1.083-.674-2.026-1.635-2.289L24.055 0l-6.067 14.589L11.921 0L8.702.879c-.961.263-1.635 1.207-1.635 2.289v4.789c0 3.663-2.716 6.632-6.067 6.632v19.036c0 1.206.951 2.185 2.123 2.185h11.831c1.675 0 3.034-1.485 3.034-3.316c0 1.831 1.358 3.316 3.034 3.316h11.831c1.173 0 2.124-.978 2.124-2.185V14.589c-3.352 0-6.068-2.969-6.068-6.631"/><path fill="#fcfb65" d="M1 29h16.988v3H1zm33.976 3H17.988v-3h16.988zM1 22h16.988v3H1zm33.976 3H17.988v-3h16.988z"/><path fill="#fcfb65" d="M12 23V.19L11.921 0L9 .798V23zm15 0V.805L24.055 0L24 .133V23z"/><path fill="#994308" d="M16.926 11v23.995a3.43 3.43 0 0 0 1.062-2.501c0 .979.395 1.849 1.012 2.456V11z"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiSafetyVest(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#994308" d="M17.988 2.184C15 2.184 12.679 1.092 11.618 0v15.292h12.741V0C23.297 1.092 21 2.184 17.988 2.184"/><path fill="#eb7421" d="M28.909 7.958v-4.79c0-1.083-.674-2.026-1.635-2.289L24.055 0l-6.067 14.589L11.921 0L8.702.879c-.961.263-1.635 1.207-1.635 2.289v4.789c0 3.663-2.716 6.632-6.067 6.632v19.036c0 1.206.951 2.185 2.123 2.185h11.831c1.675 0 3.034-1.485 3.034-3.316c0 1.831 1.358 3.316 3.034 3.316h11.831c1.173 0 2.124-.978 2.124-2.185V14.589c-3.352 0-6.068-2.969-6.068-6.631"/><path fill="#fcfb65" d="M1 29h16.988v3H1zm33.976 3H17.988v-3h16.988zM1 22h16.988v3H1zm33.976 3H17.988v-3h16.988z"/><path fill="#fcfb65" d="M12 23V.19L11.921 0L9 .798V23zm15 0V.805L24.055 0L24 .133V23z"/><path fill="#994308" d="M16.926 11v23.995a3.43 3.43 0 0 0 1.062-2.501c0 .979.395 1.849 1.012 2.456V11z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#994308" d="M17.988 2.184C15 2.184 12.679 1.092 11.618 0v15.292h12.741V0C23.297 1.092 21 2.184 17.988 2.184"/><path fill="#eb7421" d="M28.909 7.958v-4.79c0-1.083-.674-2.026-1.635-2.289L24.055 0l-6.067 14.589L11.921 0L8.702.879c-.961.263-1.635 1.207-1.635 2.289v4.789c0 3.663-2.716 6.632-6.067 6.632v19.036c0 1.206.951 2.185 2.123 2.185h11.831c1.675 0 3.034-1.485 3.034-3.316c0 1.831 1.358 3.316 3.034 3.316h11.831c1.173 0 2.124-.978 2.124-2.185V14.589c-3.352 0-6.068-2.969-6.068-6.631"/><path fill="#fcfb65" d="M1 29h16.988v3H1zm33.976 3H17.988v-3h16.988zM1 22h16.988v3H1zm33.976 3H17.988v-3h16.988z"/><path fill="#fcfb65" d="M12 23V.19L11.921 0L9 .798V23zm15 0V.805L24.055 0L24 .133V23z"/><path fill="#994308" d="M16.926 11v23.995a3.43 3.43 0 0 0 1.062-2.501c0 .979.395 1.849 1.012 2.456V11z"/></svg> </template>
CSS
.icon-safety-vest {
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%23994308%22%20d%3D%22M17.988%202.184C15%202.184%2012.679%201.092%2011.618%200v15.292h12.741V0C23.297%201.092%2021%202.184%2017.988%202.184%22%2F%3E%3Cpath%20fill%3D%22%23eb7421%22%20d%3D%22M28.909%207.958v-4.79c0-1.083-.674-2.026-1.635-2.289L24.055%200l-6.067%2014.589L11.921%200L8.702.879c-.961.263-1.635%201.207-1.635%202.289v4.789c0%203.663-2.716%206.632-6.067%206.632v19.036c0%201.206.951%202.185%202.123%202.185h11.831c1.675%200%203.034-1.485%203.034-3.316c0%201.831%201.358%203.316%203.034%203.316h11.831c1.173%200%202.124-.978%202.124-2.185V14.589c-3.352%200-6.068-2.969-6.068-6.631%22%2F%3E%3Cpath%20fill%3D%22%23fcfb65%22%20d%3D%22M1%2029h16.988v3H1zm33.976%203H17.988v-3h16.988zM1%2022h16.988v3H1zm33.976%203H17.988v-3h16.988z%22%2F%3E%3Cpath%20fill%3D%22%23fcfb65%22%20d%3D%22M12%2023V.19L11.921%200L9%20.798V23zm15%200V.805L24.055%200L24%20.133V23z%22%2F%3E%3Cpath%20fill%3D%22%23994308%22%20d%3D%22M16.926%2011v23.995a3.43%203.43%200%200%200%201.062-2.501c0%20.979.395%201.849%201.012%202.456V11z%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%23994308%22%20d%3D%22M17.988%202.184C15%202.184%2012.679%201.092%2011.618%200v15.292h12.741V0C23.297%201.092%2021%202.184%2017.988%202.184%22%2F%3E%3Cpath%20fill%3D%22%23eb7421%22%20d%3D%22M28.909%207.958v-4.79c0-1.083-.674-2.026-1.635-2.289L24.055%200l-6.067%2014.589L11.921%200L8.702.879c-.961.263-1.635%201.207-1.635%202.289v4.789c0%203.663-2.716%206.632-6.067%206.632v19.036c0%201.206.951%202.185%202.123%202.185h11.831c1.675%200%203.034-1.485%203.034-3.316c0%201.831%201.358%203.316%203.034%203.316h11.831c1.173%200%202.124-.978%202.124-2.185V14.589c-3.352%200-6.068-2.969-6.068-6.631%22%2F%3E%3Cpath%20fill%3D%22%23fcfb65%22%20d%3D%22M1%2029h16.988v3H1zm33.976%203H17.988v-3h16.988zM1%2022h16.988v3H1zm33.976%203H17.988v-3h16.988z%22%2F%3E%3Cpath%20fill%3D%22%23fcfb65%22%20d%3D%22M12%2023V.19L11.921%200L9%20.798V23zm15%200V.805L24.055%200L24%20.133V23z%22%2F%3E%3Cpath%20fill%3D%22%23994308%22%20d%3D%22M16.926%2011v23.995a3.43%203.43%200%200%200%201.062-2.501c0%20.979.395%201.849%201.012%202.456V11z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/safety-vest.svg?color=%231a73e8&size=48
