playground slide emoji

playground-slide from Fluent Emoji High Contrast by Microsoft Corporation · Default · Travel & Places · MIT Free for personal and commercial use.

Name
playground-slide
Set
Fluent Emoji High Contrast
Style
Default
Category
Travel & Places
Viewbox
32×32
License
MIT

The same emoji in other sets

playground-slideFluent Emojiplayground-slideFluent Emoji Flatplayground-slideNoto Emojiplayground-slideOpenMojiplayground-slideTwitter Emoji

More travel & places icons from Fluent Emoji High Contrast

aerial-tramwayairplaneairplane-arrivalairplane-departurealarm-clockambulanceanchorarticulated-lorryauto-rickshawautomobilebankbarber-polebeach-with-umbrellabellhop-bellbicyclebrickbridge-at-nightbuilding-constructionbullet-trainbusbus-stopcampingcanoecarousel-horse

Use the playground slide emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><g fill="currentColor" clip-path="url(#SVGkRCCwb7V48)"><path d="M3.5 14.047h3.314l-1.148-2.64A4 4 0 0 0 3.5 9.294zm0 4.969h5.483l-.052-.1l-1.24-2.852H3.5zm0 4.968h5.984V21.03H3.5z"/><path d="M10.836 1a4.65 4.65 0 0 0-3.082 1.164A4.669 4.669 0 0 0 0 5.672V29a2 2 0 0 0 2 2h1.5a2 2 0 0 0 2-2v-1h1.984v1a2 2 0 0 0 2 2h1.5a2 2 0 0 0 2-2v-5.872l3.155 6.722A2 2 0 0 0 17.95 31H30a2 2 0 0 0 1.816-2.837L27.267 18.3a6.52 6.52 0 0 0-5.9-3.78h-.136l-1.953-4.5a7.5 7.5 0 0 0-3.767-3.837v-.5A4.676 4.676 0 0 0 10.836 1m0 2a2.67 2.67 0 0 1 2.672 2.672v1.942a5.5 5.5 0 0 1 3.932 3.2l2.476 5.7h1.448a4.5 4.5 0 0 1 4.087 2.616L30 29h-1.652L24.2 20l-.111-.24a3 3 0 0 0-2.725-1.744h-1.776A1 1 0 0 1 19.41 18a1 1 0 0 1-.74-.586l-2.607-6.006A4 4 0 0 0 12.394 9h-.363v-.016l-.023.012V5.672a1.172 1.172 0 0 0-2.344 0v3.312l-1.5-.001V5.672A2.67 2.67 0 0 1 10.836 3M7.344 8.982l-1.5-.001V5.67a1.172 1.172 0 0 0-2.344 0v2.04c.85.242 1.629.68 2.271 1.287a5.5 5.5 0 0 1 1.27 1.815L10.17 18l.007.016v.002h1.448a4.9 4.9 0 0 1 1.99.593c.994.586 1.843 1.533 2.294 2.511L19.601 29H17.95l-3.4-7.25a3.82 3.82 0 0 0-2.922-2.234h-.641V29h-1.5v-3H3.5v3H2V5.672a2.672 2.672 0 0 1 5.344 0z"/></g><defs><clipPath id="SVGkRCCwb7V48"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiHighContrastPlaygroundSlide(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"><g fill="currentColor" clipPath="url(#SVGkRCCwb7V48)"><path d="M3.5 14.047h3.314l-1.148-2.64A4 4 0 0 0 3.5 9.294zm0 4.969h5.483l-.052-.1l-1.24-2.852H3.5zm0 4.968h5.984V21.03H3.5z"/><path d="M10.836 1a4.65 4.65 0 0 0-3.082 1.164A4.669 4.669 0 0 0 0 5.672V29a2 2 0 0 0 2 2h1.5a2 2 0 0 0 2-2v-1h1.984v1a2 2 0 0 0 2 2h1.5a2 2 0 0 0 2-2v-5.872l3.155 6.722A2 2 0 0 0 17.95 31H30a2 2 0 0 0 1.816-2.837L27.267 18.3a6.52 6.52 0 0 0-5.9-3.78h-.136l-1.953-4.5a7.5 7.5 0 0 0-3.767-3.837v-.5A4.676 4.676 0 0 0 10.836 1m0 2a2.67 2.67 0 0 1 2.672 2.672v1.942a5.5 5.5 0 0 1 3.932 3.2l2.476 5.7h1.448a4.5 4.5 0 0 1 4.087 2.616L30 29h-1.652L24.2 20l-.111-.24a3 3 0 0 0-2.725-1.744h-1.776A1 1 0 0 1 19.41 18a1 1 0 0 1-.74-.586l-2.607-6.006A4 4 0 0 0 12.394 9h-.363v-.016l-.023.012V5.672a1.172 1.172 0 0 0-2.344 0v3.312l-1.5-.001V5.672A2.67 2.67 0 0 1 10.836 3M7.344 8.982l-1.5-.001V5.67a1.172 1.172 0 0 0-2.344 0v2.04c.85.242 1.629.68 2.271 1.287a5.5 5.5 0 0 1 1.27 1.815L10.17 18l.007.016v.002h1.448a4.9 4.9 0 0 1 1.99.593c.994.586 1.843 1.533 2.294 2.511L19.601 29H17.95l-3.4-7.25a3.82 3.82 0 0 0-2.922-2.234h-.641V29h-1.5v-3H3.5v3H2V5.672a2.672 2.672 0 0 1 5.344 0z"/></g><defs><clipPath id="SVGkRCCwb7V48"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><g fill="currentColor" clip-path="url(#SVGkRCCwb7V48)"><path d="M3.5 14.047h3.314l-1.148-2.64A4 4 0 0 0 3.5 9.294zm0 4.969h5.483l-.052-.1l-1.24-2.852H3.5zm0 4.968h5.984V21.03H3.5z"/><path d="M10.836 1a4.65 4.65 0 0 0-3.082 1.164A4.669 4.669 0 0 0 0 5.672V29a2 2 0 0 0 2 2h1.5a2 2 0 0 0 2-2v-1h1.984v1a2 2 0 0 0 2 2h1.5a2 2 0 0 0 2-2v-5.872l3.155 6.722A2 2 0 0 0 17.95 31H30a2 2 0 0 0 1.816-2.837L27.267 18.3a6.52 6.52 0 0 0-5.9-3.78h-.136l-1.953-4.5a7.5 7.5 0 0 0-3.767-3.837v-.5A4.676 4.676 0 0 0 10.836 1m0 2a2.67 2.67 0 0 1 2.672 2.672v1.942a5.5 5.5 0 0 1 3.932 3.2l2.476 5.7h1.448a4.5 4.5 0 0 1 4.087 2.616L30 29h-1.652L24.2 20l-.111-.24a3 3 0 0 0-2.725-1.744h-1.776A1 1 0 0 1 19.41 18a1 1 0 0 1-.74-.586l-2.607-6.006A4 4 0 0 0 12.394 9h-.363v-.016l-.023.012V5.672a1.172 1.172 0 0 0-2.344 0v3.312l-1.5-.001V5.672A2.67 2.67 0 0 1 10.836 3M7.344 8.982l-1.5-.001V5.67a1.172 1.172 0 0 0-2.344 0v2.04c.85.242 1.629.68 2.271 1.287a5.5 5.5 0 0 1 1.27 1.815L10.17 18l.007.016v.002h1.448a4.9 4.9 0 0 1 1.99.593c.994.586 1.843 1.533 2.294 2.511L19.601 29H17.95l-3.4-7.25a3.82 3.82 0 0 0-2.922-2.234h-.641V29h-1.5v-3H3.5v3H2V5.672a2.672 2.672 0 0 1 5.344 0z"/></g><defs><clipPath id="SVGkRCCwb7V48"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></g></svg>
</template>

CSS

.icon-playground-slide {
  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%3Cg%20fill%3D%22currentColor%22%20clip-path%3D%22url(%23SVGkRCCwb7V48)%22%3E%3Cpath%20d%3D%22M3.5%2014.047h3.314l-1.148-2.64A4%204%200%200%200%203.5%209.294zm0%204.969h5.483l-.052-.1l-1.24-2.852H3.5zm0%204.968h5.984V21.03H3.5z%22%2F%3E%3Cpath%20d%3D%22M10.836%201a4.65%204.65%200%200%200-3.082%201.164A4.669%204.669%200%200%200%200%205.672V29a2%202%200%200%200%202%202h1.5a2%202%200%200%200%202-2v-1h1.984v1a2%202%200%200%200%202%202h1.5a2%202%200%200%200%202-2v-5.872l3.155%206.722A2%202%200%200%200%2017.95%2031H30a2%202%200%200%200%201.816-2.837L27.267%2018.3a6.52%206.52%200%200%200-5.9-3.78h-.136l-1.953-4.5a7.5%207.5%200%200%200-3.767-3.837v-.5A4.676%204.676%200%200%200%2010.836%201m0%202a2.67%202.67%200%200%201%202.672%202.672v1.942a5.5%205.5%200%200%201%203.932%203.2l2.476%205.7h1.448a4.5%204.5%200%200%201%204.087%202.616L30%2029h-1.652L24.2%2020l-.111-.24a3%203%200%200%200-2.725-1.744h-1.776A1%201%200%200%201%2019.41%2018a1%201%200%200%201-.74-.586l-2.607-6.006A4%204%200%200%200%2012.394%209h-.363v-.016l-.023.012V5.672a1.172%201.172%200%200%200-2.344%200v3.312l-1.5-.001V5.672A2.67%202.67%200%200%201%2010.836%203M7.344%208.982l-1.5-.001V5.67a1.172%201.172%200%200%200-2.344%200v2.04c.85.242%201.629.68%202.271%201.287a5.5%205.5%200%200%201%201.27%201.815L10.17%2018l.007.016v.002h1.448a4.9%204.9%200%200%201%201.99.593c.994.586%201.843%201.533%202.294%202.511L19.601%2029H17.95l-3.4-7.25a3.82%203.82%200%200%200-2.922-2.234h-.641V29h-1.5v-3H3.5v3H2V5.672a2.672%202.672%200%200%201%205.344%200z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGkRCCwb7V48%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h32v32H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%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%3Cg%20fill%3D%22currentColor%22%20clip-path%3D%22url(%23SVGkRCCwb7V48)%22%3E%3Cpath%20d%3D%22M3.5%2014.047h3.314l-1.148-2.64A4%204%200%200%200%203.5%209.294zm0%204.969h5.483l-.052-.1l-1.24-2.852H3.5zm0%204.968h5.984V21.03H3.5z%22%2F%3E%3Cpath%20d%3D%22M10.836%201a4.65%204.65%200%200%200-3.082%201.164A4.669%204.669%200%200%200%200%205.672V29a2%202%200%200%200%202%202h1.5a2%202%200%200%200%202-2v-1h1.984v1a2%202%200%200%200%202%202h1.5a2%202%200%200%200%202-2v-5.872l3.155%206.722A2%202%200%200%200%2017.95%2031H30a2%202%200%200%200%201.816-2.837L27.267%2018.3a6.52%206.52%200%200%200-5.9-3.78h-.136l-1.953-4.5a7.5%207.5%200%200%200-3.767-3.837v-.5A4.676%204.676%200%200%200%2010.836%201m0%202a2.67%202.67%200%200%201%202.672%202.672v1.942a5.5%205.5%200%200%201%203.932%203.2l2.476%205.7h1.448a4.5%204.5%200%200%201%204.087%202.616L30%2029h-1.652L24.2%2020l-.111-.24a3%203%200%200%200-2.725-1.744h-1.776A1%201%200%200%201%2019.41%2018a1%201%200%200%201-.74-.586l-2.607-6.006A4%204%200%200%200%2012.394%209h-.363v-.016l-.023.012V5.672a1.172%201.172%200%200%200-2.344%200v3.312l-1.5-.001V5.672A2.67%202.67%200%200%201%2010.836%203M7.344%208.982l-1.5-.001V5.67a1.172%201.172%200%200%200-2.344%200v2.04c.85.242%201.629.68%202.271%201.287a5.5%205.5%200%200%201%201.27%201.815L10.17%2018l.007.016v.002h1.448a4.9%204.9%200%200%201%201.99.593c.994.586%201.843%201.533%202.294%202.511L19.601%2029H17.95l-3.4-7.25a3.82%203.82%200%200%200-2.922-2.234h-.641V29h-1.5v-3H3.5v3H2V5.672a2.672%202.672%200%200%201%205.344%200z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGkRCCwb7V48%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h32v32H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/playground-slide.svg?color=%231a73e8&size=48