shorts emoji
shorts from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- shorts
- 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 shorts emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#78b159" d="M31 6V1.955A.956.956 0 0 0 30.045 1H5.955A.956.956 0 0 0 5 1.955V6L0 31l14 4l4-10.545L22 35l14-4z"/><g fill="#5d9040"><path d="M5 4h26v2H5zm8.782 2h-2.074c-1.378 4.107-5.46 5.399-7.87 5.807l-.421 2.107c3.606-.408 8.9-2.403 10.365-7.914"/><path d="m32.583 13.914l-.421-2.107c-2.41-.408-6.491-1.701-7.87-5.807h-2.074c1.464 5.511 6.759 7.506 10.365 7.914M17 6v21.091l1-2.636l1 2.636V6z"/><path d="M18.149 23H18v-2h.149A2.853 2.853 0 0 0 21 18.149V5h2v13.149A4.856 4.856 0 0 1 18.149 23"/></g></svg>
React
import type { SVGProps } from "react";
export function TwemojiShorts(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#78b159" d="M31 6V1.955A.956.956 0 0 0 30.045 1H5.955A.956.956 0 0 0 5 1.955V6L0 31l14 4l4-10.545L22 35l14-4z"/><g fill="#5d9040"><path d="M5 4h26v2H5zm8.782 2h-2.074c-1.378 4.107-5.46 5.399-7.87 5.807l-.421 2.107c3.606-.408 8.9-2.403 10.365-7.914"/><path d="m32.583 13.914l-.421-2.107c-2.41-.408-6.491-1.701-7.87-5.807h-2.074c1.464 5.511 6.759 7.506 10.365 7.914M17 6v21.091l1-2.636l1 2.636V6z"/><path d="M18.149 23H18v-2h.149A2.853 2.853 0 0 0 21 18.149V5h2v13.149A4.856 4.856 0 0 1 18.149 23"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#78b159" d="M31 6V1.955A.956.956 0 0 0 30.045 1H5.955A.956.956 0 0 0 5 1.955V6L0 31l14 4l4-10.545L22 35l14-4z"/><g fill="#5d9040"><path d="M5 4h26v2H5zm8.782 2h-2.074c-1.378 4.107-5.46 5.399-7.87 5.807l-.421 2.107c3.606-.408 8.9-2.403 10.365-7.914"/><path d="m32.583 13.914l-.421-2.107c-2.41-.408-6.491-1.701-7.87-5.807h-2.074c1.464 5.511 6.759 7.506 10.365 7.914M17 6v21.091l1-2.636l1 2.636V6z"/><path d="M18.149 23H18v-2h.149A2.853 2.853 0 0 0 21 18.149V5h2v13.149A4.856 4.856 0 0 1 18.149 23"/></g></svg> </template>
CSS
.icon-shorts {
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%2378b159%22%20d%3D%22M31%206V1.955A.956.956%200%200%200%2030.045%201H5.955A.956.956%200%200%200%205%201.955V6L0%2031l14%204l4-10.545L22%2035l14-4z%22%2F%3E%3Cg%20fill%3D%22%235d9040%22%3E%3Cpath%20d%3D%22M5%204h26v2H5zm8.782%202h-2.074c-1.378%204.107-5.46%205.399-7.87%205.807l-.421%202.107c3.606-.408%208.9-2.403%2010.365-7.914%22%2F%3E%3Cpath%20d%3D%22m32.583%2013.914l-.421-2.107c-2.41-.408-6.491-1.701-7.87-5.807h-2.074c1.464%205.511%206.759%207.506%2010.365%207.914M17%206v21.091l1-2.636l1%202.636V6z%22%2F%3E%3Cpath%20d%3D%22M18.149%2023H18v-2h.149A2.853%202.853%200%200%200%2021%2018.149V5h2v13.149A4.856%204.856%200%200%201%2018.149%2023%22%2F%3E%3C%2Fg%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%2378b159%22%20d%3D%22M31%206V1.955A.956.956%200%200%200%2030.045%201H5.955A.956.956%200%200%200%205%201.955V6L0%2031l14%204l4-10.545L22%2035l14-4z%22%2F%3E%3Cg%20fill%3D%22%235d9040%22%3E%3Cpath%20d%3D%22M5%204h26v2H5zm8.782%202h-2.074c-1.378%204.107-5.46%205.399-7.87%205.807l-.421%202.107c3.606-.408%208.9-2.403%2010.365-7.914%22%2F%3E%3Cpath%20d%3D%22m32.583%2013.914l-.421-2.107c-2.41-.408-6.491-1.701-7.87-5.807h-2.074c1.464%205.511%206.759%207.506%2010.365%207.914M17%206v21.091l1-2.636l1%202.636V6z%22%2F%3E%3Cpath%20d%3D%22M18.149%2023H18v-2h.149A2.853%202.853%200%200%200%2021%2018.149V5h2v13.149A4.856%204.856%200%200%201%2018.149%2023%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/shorts.svg?color=%231a73e8&size=48
