shorts emoji
shorts from Fluent Emoji Flat by Microsoft Corporation · Default · Objects · MIT Free for personal and commercial use.
- Name
- shorts
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Objects
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More objects icons from Fluent Emoji Flat
Use the shorts emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#6afcac" d="M30 26.08L27.14 6.22a1.5 1.5 0 0 0-1.49-1.34H6.35a1.5 1.5 0 0 0-1.49 1.34L2 26.08a2.21 2.21 0 0 0 1.81 2.51l6.41 1a2.22 2.22 0 0 0 2.52-1.72L14.32 20a.91.91 0 0 1 .9-.74h1.56a.91.91 0 0 1 .9.74l1.55 7.91a2.22 2.22 0 0 0 2.52 1.72l6.41-1A2.21 2.21 0 0 0 30 26.08"/><path fill="#00d26a" d="M27.14 6.22a1.5 1.5 0 0 0-1.49-1.34H6.35a1.5 1.5 0 0 0-1.49 1.34l-.256 1.782H7.4a7 7 0 0 1-3.627 5.768c-.051.348-.075.528-.097.693l-.005.036l-.062.447A8 8 0 0 0 8.36 8.002h15.26a8 8 0 0 0 4.771 6.933l-.171-1.178a7 7 0 0 1-3.64-5.755h2.817z"/><path fill="#fff" d="M11.963 14.86a.55.55 0 0 0 .33.25a.53.53 0 0 0 .69-.38l2-7.36a.558.558 0 1 0-1.08-.28l-2 7.36a.55.55 0 0 0 .06.41m8.074 0a.55.55 0 0 1-.33.25a.53.53 0 0 1-.69-.38l-2-7.36a.558.558 0 1 1 1.08-.28l2 7.36a.55.55 0 0 1-.06.41"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatShorts(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#6afcac" d="M30 26.08L27.14 6.22a1.5 1.5 0 0 0-1.49-1.34H6.35a1.5 1.5 0 0 0-1.49 1.34L2 26.08a2.21 2.21 0 0 0 1.81 2.51l6.41 1a2.22 2.22 0 0 0 2.52-1.72L14.32 20a.91.91 0 0 1 .9-.74h1.56a.91.91 0 0 1 .9.74l1.55 7.91a2.22 2.22 0 0 0 2.52 1.72l6.41-1A2.21 2.21 0 0 0 30 26.08"/><path fill="#00d26a" d="M27.14 6.22a1.5 1.5 0 0 0-1.49-1.34H6.35a1.5 1.5 0 0 0-1.49 1.34l-.256 1.782H7.4a7 7 0 0 1-3.627 5.768c-.051.348-.075.528-.097.693l-.005.036l-.062.447A8 8 0 0 0 8.36 8.002h15.26a8 8 0 0 0 4.771 6.933l-.171-1.178a7 7 0 0 1-3.64-5.755h2.817z"/><path fill="#fff" d="M11.963 14.86a.55.55 0 0 0 .33.25a.53.53 0 0 0 .69-.38l2-7.36a.558.558 0 1 0-1.08-.28l-2 7.36a.55.55 0 0 0 .06.41m8.074 0a.55.55 0 0 1-.33.25a.53.53 0 0 1-.69-.38l-2-7.36a.558.558 0 1 1 1.08-.28l2 7.36a.55.55 0 0 1-.06.41"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#6afcac" d="M30 26.08L27.14 6.22a1.5 1.5 0 0 0-1.49-1.34H6.35a1.5 1.5 0 0 0-1.49 1.34L2 26.08a2.21 2.21 0 0 0 1.81 2.51l6.41 1a2.22 2.22 0 0 0 2.52-1.72L14.32 20a.91.91 0 0 1 .9-.74h1.56a.91.91 0 0 1 .9.74l1.55 7.91a2.22 2.22 0 0 0 2.52 1.72l6.41-1A2.21 2.21 0 0 0 30 26.08"/><path fill="#00d26a" d="M27.14 6.22a1.5 1.5 0 0 0-1.49-1.34H6.35a1.5 1.5 0 0 0-1.49 1.34l-.256 1.782H7.4a7 7 0 0 1-3.627 5.768c-.051.348-.075.528-.097.693l-.005.036l-.062.447A8 8 0 0 0 8.36 8.002h15.26a8 8 0 0 0 4.771 6.933l-.171-1.178a7 7 0 0 1-3.64-5.755h2.817z"/><path fill="#fff" d="M11.963 14.86a.55.55 0 0 0 .33.25a.53.53 0 0 0 .69-.38l2-7.36a.558.558 0 1 0-1.08-.28l-2 7.36a.55.55 0 0 0 .06.41m8.074 0a.55.55 0 0 1-.33.25a.53.53 0 0 1-.69-.38l-2-7.36a.558.558 0 1 1 1.08-.28l2 7.36a.55.55 0 0 1-.06.41"/></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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%236afcac%22%20d%3D%22M30%2026.08L27.14%206.22a1.5%201.5%200%200%200-1.49-1.34H6.35a1.5%201.5%200%200%200-1.49%201.34L2%2026.08a2.21%202.21%200%200%200%201.81%202.51l6.41%201a2.22%202.22%200%200%200%202.52-1.72L14.32%2020a.91.91%200%200%201%20.9-.74h1.56a.91.91%200%200%201%20.9.74l1.55%207.91a2.22%202.22%200%200%200%202.52%201.72l6.41-1A2.21%202.21%200%200%200%2030%2026.08%22%2F%3E%3Cpath%20fill%3D%22%2300d26a%22%20d%3D%22M27.14%206.22a1.5%201.5%200%200%200-1.49-1.34H6.35a1.5%201.5%200%200%200-1.49%201.34l-.256%201.782H7.4a7%207%200%200%201-3.627%205.768c-.051.348-.075.528-.097.693l-.005.036l-.062.447A8%208%200%200%200%208.36%208.002h15.26a8%208%200%200%200%204.771%206.933l-.171-1.178a7%207%200%200%201-3.64-5.755h2.817z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.963%2014.86a.55.55%200%200%200%20.33.25a.53.53%200%200%200%20.69-.38l2-7.36a.558.558%200%201%200-1.08-.28l-2%207.36a.55.55%200%200%200%20.06.41m8.074%200a.55.55%200%200%201-.33.25a.53.53%200%200%201-.69-.38l-2-7.36a.558.558%200%201%201%201.08-.28l2%207.36a.55.55%200%200%201-.06.41%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%236afcac%22%20d%3D%22M30%2026.08L27.14%206.22a1.5%201.5%200%200%200-1.49-1.34H6.35a1.5%201.5%200%200%200-1.49%201.34L2%2026.08a2.21%202.21%200%200%200%201.81%202.51l6.41%201a2.22%202.22%200%200%200%202.52-1.72L14.32%2020a.91.91%200%200%201%20.9-.74h1.56a.91.91%200%200%201%20.9.74l1.55%207.91a2.22%202.22%200%200%200%202.52%201.72l6.41-1A2.21%202.21%200%200%200%2030%2026.08%22%2F%3E%3Cpath%20fill%3D%22%2300d26a%22%20d%3D%22M27.14%206.22a1.5%201.5%200%200%200-1.49-1.34H6.35a1.5%201.5%200%200%200-1.49%201.34l-.256%201.782H7.4a7%207%200%200%201-3.627%205.768c-.051.348-.075.528-.097.693l-.005.036l-.062.447A8%208%200%200%200%208.36%208.002h15.26a8%208%200%200%200%204.771%206.933l-.171-1.178a7%207%200%200%201-3.64-5.755h2.817z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.963%2014.86a.55.55%200%200%200%20.33.25a.53.53%200%200%200%20.69-.38l2-7.36a.558.558%200%201%200-1.08-.28l-2%207.36a.55.55%200%200%200%20.06.41m8.074%200a.55.55%200%200%201-.33.25a.53.53%200%200%201-.69-.38l-2-7.36a.558.558%200%201%201%201.08-.28l2%207.36a.55.55%200%200%201-.06.41%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/shorts.svg?color=%231a73e8&size=48
