briefs emoji
briefs from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- briefs
- Set
- Twitter Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 36×36
- License
- CC BY 4.0
- Aliases
- swim-brief
The same emoji in other sets
More objects icons from Twitter Emoji
Use the briefs emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#2976aa" d="M36 17.96V10l-8.296-2H8.348L.052 10v7.96C.052 21.426 12.376 32 14.835 32h6.382C23.4 32 36 21.715 36 17.96"/><g fill="#5dadec"><path d="m4.617 18.577l-1.892-.647C4 14.201 4 10.904 4 9.32h2c0 1.692 0 5.213-1.383 9.257m26.818.152C30 14.622 30 11.041 30 9.32h2c0 1.611 0 4.963 1.323 8.75z"/><path d="M36 10H.052V8.199c0-.735.596-1.331 1.331-1.331h33.286c.735 0 1.331.596 1.331 1.331z"/></g><path fill="#1d567c" d="m3.702 18.154l-.03.099c.011-.033.018-.065.03-.099c-1.464-.547-2.75-.865-3.649-1.019v.825C.052 21.426 12.409 32 14.854 32h.934c-1.155-8.143-7.473-12.122-12.086-13.846M36 17.96v-.747c-.897.147-2.196.459-3.677 1.005c.021.061.035.12.057.181c-.021-.061-.036-.12-.057-.181c-4.6 1.696-10.905 5.635-12.059 13.782h.934C23.369 32 36 21.715 36 17.96"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiBriefs(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#2976aa" d="M36 17.96V10l-8.296-2H8.348L.052 10v7.96C.052 21.426 12.376 32 14.835 32h6.382C23.4 32 36 21.715 36 17.96"/><g fill="#5dadec"><path d="m4.617 18.577l-1.892-.647C4 14.201 4 10.904 4 9.32h2c0 1.692 0 5.213-1.383 9.257m26.818.152C30 14.622 30 11.041 30 9.32h2c0 1.611 0 4.963 1.323 8.75z"/><path d="M36 10H.052V8.199c0-.735.596-1.331 1.331-1.331h33.286c.735 0 1.331.596 1.331 1.331z"/></g><path fill="#1d567c" d="m3.702 18.154l-.03.099c.011-.033.018-.065.03-.099c-1.464-.547-2.75-.865-3.649-1.019v.825C.052 21.426 12.409 32 14.854 32h.934c-1.155-8.143-7.473-12.122-12.086-13.846M36 17.96v-.747c-.897.147-2.196.459-3.677 1.005c.021.061.035.12.057.181c-.021-.061-.036-.12-.057-.181c-4.6 1.696-10.905 5.635-12.059 13.782h.934C23.369 32 36 21.715 36 17.96"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#2976aa" d="M36 17.96V10l-8.296-2H8.348L.052 10v7.96C.052 21.426 12.376 32 14.835 32h6.382C23.4 32 36 21.715 36 17.96"/><g fill="#5dadec"><path d="m4.617 18.577l-1.892-.647C4 14.201 4 10.904 4 9.32h2c0 1.692 0 5.213-1.383 9.257m26.818.152C30 14.622 30 11.041 30 9.32h2c0 1.611 0 4.963 1.323 8.75z"/><path d="M36 10H.052V8.199c0-.735.596-1.331 1.331-1.331h33.286c.735 0 1.331.596 1.331 1.331z"/></g><path fill="#1d567c" d="m3.702 18.154l-.03.099c.011-.033.018-.065.03-.099c-1.464-.547-2.75-.865-3.649-1.019v.825C.052 21.426 12.409 32 14.854 32h.934c-1.155-8.143-7.473-12.122-12.086-13.846M36 17.96v-.747c-.897.147-2.196.459-3.677 1.005c.021.061.035.12.057.181c-.021-.061-.036-.12-.057-.181c-4.6 1.696-10.905 5.635-12.059 13.782h.934C23.369 32 36 21.715 36 17.96"/></svg> </template>
CSS
.icon-briefs {
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%232976aa%22%20d%3D%22M36%2017.96V10l-8.296-2H8.348L.052%2010v7.96C.052%2021.426%2012.376%2032%2014.835%2032h6.382C23.4%2032%2036%2021.715%2036%2017.96%22%2F%3E%3Cg%20fill%3D%22%235dadec%22%3E%3Cpath%20d%3D%22m4.617%2018.577l-1.892-.647C4%2014.201%204%2010.904%204%209.32h2c0%201.692%200%205.213-1.383%209.257m26.818.152C30%2014.622%2030%2011.041%2030%209.32h2c0%201.611%200%204.963%201.323%208.75z%22%2F%3E%3Cpath%20d%3D%22M36%2010H.052V8.199c0-.735.596-1.331%201.331-1.331h33.286c.735%200%201.331.596%201.331%201.331z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%231d567c%22%20d%3D%22m3.702%2018.154l-.03.099c.011-.033.018-.065.03-.099c-1.464-.547-2.75-.865-3.649-1.019v.825C.052%2021.426%2012.409%2032%2014.854%2032h.934c-1.155-8.143-7.473-12.122-12.086-13.846M36%2017.96v-.747c-.897.147-2.196.459-3.677%201.005c.021.061.035.12.057.181c-.021-.061-.036-.12-.057-.181c-4.6%201.696-10.905%205.635-12.059%2013.782h.934C23.369%2032%2036%2021.715%2036%2017.96%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%232976aa%22%20d%3D%22M36%2017.96V10l-8.296-2H8.348L.052%2010v7.96C.052%2021.426%2012.376%2032%2014.835%2032h6.382C23.4%2032%2036%2021.715%2036%2017.96%22%2F%3E%3Cg%20fill%3D%22%235dadec%22%3E%3Cpath%20d%3D%22m4.617%2018.577l-1.892-.647C4%2014.201%204%2010.904%204%209.32h2c0%201.692%200%205.213-1.383%209.257m26.818.152C30%2014.622%2030%2011.041%2030%209.32h2c0%201.611%200%204.963%201.323%208.75z%22%2F%3E%3Cpath%20d%3D%22M36%2010H.052V8.199c0-.735.596-1.331%201.331-1.331h33.286c.735%200%201.331.596%201.331%201.331z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%231d567c%22%20d%3D%22m3.702%2018.154l-.03.099c.011-.033.018-.065.03-.099c-1.464-.547-2.75-.865-3.649-1.019v.825C.052%2021.426%2012.409%2032%2014.854%2032h.934c-1.155-8.143-7.473-12.122-12.086-13.846M36%2017.96v-.747c-.897.147-2.196.459-3.677%201.005c.021.061.035.12.057.181c-.021-.061-.036-.12-.057-.181c-4.6%201.696-10.905%205.635-12.059%2013.782h.934C23.369%2032%2036%2021.715%2036%2017.96%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/briefs.svg?color=%231a73e8&size=48
