roller skate emoji
roller-skate from Fluent Emoji Flat by Microsoft Corporation · Default · Travel & Places · MIT Free for personal and commercial use.
- Name
- roller-skate
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More travel & places icons from Fluent Emoji Flat
Use the roller skate emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#433b6b" d="M26.248 22c.73 0 1.361-.486 1.622-1.134c.08-.203.13-.425.13-.658V18l-12.5-1.5L3 18v2.208c0 .233.05.455.13.658c.26.678.911 1.134 1.672 1.134"/><path fill="#9b9b9b" d="M28.04 24H3.96c-.53 0-.96-.449-.96-1s.43-1 .96-1h24.08c.53 0 .96.449.96 1s-.43 1-.96 1"/><path fill="#ca0b4a" d="M12 26.5a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0m15 0a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0"/><path fill="#d3d3d3" d="M10 26.5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m15 0a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0"/><path fill="#f92f60" d="M10.926 3v1.996A53 53 0 0 1 9 6.91H3V18h25c0-4.294-5.757-5.227-6.948-5.9c-.38-.21-2.183-1.103-2.313-2.137c-.16-1.194-.5-4.766-.5-4.766C17.977 3.913 16.926 3 15.714 3z"/><path fill="#321b41" d="M5.577 3.01c-.089 0-.168.019-.257.019C4.01 3.154 3 4.022 3 5.1V7h6.166C10.177 7 11 6.345 11 5.535V3H5.577zM16.458 8h2.084c.252 0 .458-.224.458-.5s-.206-.5-.458-.5h-2.084c-.252 0-.458.224-.458.5s.206.5.458.5m0 2h2.084c.252 0 .458-.224.458-.5s-.206-.5-.458-.5h-2.084c-.252 0-.458.224-.458.5s.206.5.458.5"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatRollerSkate(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="#433b6b" d="M26.248 22c.73 0 1.361-.486 1.622-1.134c.08-.203.13-.425.13-.658V18l-12.5-1.5L3 18v2.208c0 .233.05.455.13.658c.26.678.911 1.134 1.672 1.134"/><path fill="#9b9b9b" d="M28.04 24H3.96c-.53 0-.96-.449-.96-1s.43-1 .96-1h24.08c.53 0 .96.449.96 1s-.43 1-.96 1"/><path fill="#ca0b4a" d="M12 26.5a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0m15 0a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0"/><path fill="#d3d3d3" d="M10 26.5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m15 0a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0"/><path fill="#f92f60" d="M10.926 3v1.996A53 53 0 0 1 9 6.91H3V18h25c0-4.294-5.757-5.227-6.948-5.9c-.38-.21-2.183-1.103-2.313-2.137c-.16-1.194-.5-4.766-.5-4.766C17.977 3.913 16.926 3 15.714 3z"/><path fill="#321b41" d="M5.577 3.01c-.089 0-.168.019-.257.019C4.01 3.154 3 4.022 3 5.1V7h6.166C10.177 7 11 6.345 11 5.535V3H5.577zM16.458 8h2.084c.252 0 .458-.224.458-.5s-.206-.5-.458-.5h-2.084c-.252 0-.458.224-.458.5s.206.5.458.5m0 2h2.084c.252 0 .458-.224.458-.5s-.206-.5-.458-.5h-2.084c-.252 0-.458.224-.458.5s.206.5.458.5"/></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="#433b6b" d="M26.248 22c.73 0 1.361-.486 1.622-1.134c.08-.203.13-.425.13-.658V18l-12.5-1.5L3 18v2.208c0 .233.05.455.13.658c.26.678.911 1.134 1.672 1.134"/><path fill="#9b9b9b" d="M28.04 24H3.96c-.53 0-.96-.449-.96-1s.43-1 .96-1h24.08c.53 0 .96.449.96 1s-.43 1-.96 1"/><path fill="#ca0b4a" d="M12 26.5a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0m15 0a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0"/><path fill="#d3d3d3" d="M10 26.5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m15 0a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0"/><path fill="#f92f60" d="M10.926 3v1.996A53 53 0 0 1 9 6.91H3V18h25c0-4.294-5.757-5.227-6.948-5.9c-.38-.21-2.183-1.103-2.313-2.137c-.16-1.194-.5-4.766-.5-4.766C17.977 3.913 16.926 3 15.714 3z"/><path fill="#321b41" d="M5.577 3.01c-.089 0-.168.019-.257.019C4.01 3.154 3 4.022 3 5.1V7h6.166C10.177 7 11 6.345 11 5.535V3H5.577zM16.458 8h2.084c.252 0 .458-.224.458-.5s-.206-.5-.458-.5h-2.084c-.252 0-.458.224-.458.5s.206.5.458.5m0 2h2.084c.252 0 .458-.224.458-.5s-.206-.5-.458-.5h-2.084c-.252 0-.458.224-.458.5s.206.5.458.5"/></g></svg> </template>
CSS
.icon-roller-skate {
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%23433b6b%22%20d%3D%22M26.248%2022c.73%200%201.361-.486%201.622-1.134c.08-.203.13-.425.13-.658V18l-12.5-1.5L3%2018v2.208c0%20.233.05.455.13.658c.26.678.911%201.134%201.672%201.134%22%2F%3E%3Cpath%20fill%3D%22%239b9b9b%22%20d%3D%22M28.04%2024H3.96c-.53%200-.96-.449-.96-1s.43-1%20.96-1h24.08c.53%200%20.96.449.96%201s-.43%201-.96%201%22%2F%3E%3Cpath%20fill%3D%22%23ca0b4a%22%20d%3D%22M12%2026.5a3.5%203.5%200%201%201-7%200a3.5%203.5%200%200%201%207%200m15%200a3.5%203.5%200%201%201-7%200a3.5%203.5%200%200%201%207%200%22%2F%3E%3Cpath%20fill%3D%22%23d3d3d3%22%20d%3D%22M10%2026.5a1.5%201.5%200%201%201-3%200a1.5%201.5%200%200%201%203%200m15%200a1.5%201.5%200%201%201-3%200a1.5%201.5%200%200%201%203%200%22%2F%3E%3Cpath%20fill%3D%22%23f92f60%22%20d%3D%22M10.926%203v1.996A53%2053%200%200%201%209%206.91H3V18h25c0-4.294-5.757-5.227-6.948-5.9c-.38-.21-2.183-1.103-2.313-2.137c-.16-1.194-.5-4.766-.5-4.766C17.977%203.913%2016.926%203%2015.714%203z%22%2F%3E%3Cpath%20fill%3D%22%23321b41%22%20d%3D%22M5.577%203.01c-.089%200-.168.019-.257.019C4.01%203.154%203%204.022%203%205.1V7h6.166C10.177%207%2011%206.345%2011%205.535V3H5.577zM16.458%208h2.084c.252%200%20.458-.224.458-.5s-.206-.5-.458-.5h-2.084c-.252%200-.458.224-.458.5s.206.5.458.5m0%202h2.084c.252%200%20.458-.224.458-.5s-.206-.5-.458-.5h-2.084c-.252%200-.458.224-.458.5s.206.5.458.5%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%23433b6b%22%20d%3D%22M26.248%2022c.73%200%201.361-.486%201.622-1.134c.08-.203.13-.425.13-.658V18l-12.5-1.5L3%2018v2.208c0%20.233.05.455.13.658c.26.678.911%201.134%201.672%201.134%22%2F%3E%3Cpath%20fill%3D%22%239b9b9b%22%20d%3D%22M28.04%2024H3.96c-.53%200-.96-.449-.96-1s.43-1%20.96-1h24.08c.53%200%20.96.449.96%201s-.43%201-.96%201%22%2F%3E%3Cpath%20fill%3D%22%23ca0b4a%22%20d%3D%22M12%2026.5a3.5%203.5%200%201%201-7%200a3.5%203.5%200%200%201%207%200m15%200a3.5%203.5%200%201%201-7%200a3.5%203.5%200%200%201%207%200%22%2F%3E%3Cpath%20fill%3D%22%23d3d3d3%22%20d%3D%22M10%2026.5a1.5%201.5%200%201%201-3%200a1.5%201.5%200%200%201%203%200m15%200a1.5%201.5%200%201%201-3%200a1.5%201.5%200%200%201%203%200%22%2F%3E%3Cpath%20fill%3D%22%23f92f60%22%20d%3D%22M10.926%203v1.996A53%2053%200%200%201%209%206.91H3V18h25c0-4.294-5.757-5.227-6.948-5.9c-.38-.21-2.183-1.103-2.313-2.137c-.16-1.194-.5-4.766-.5-4.766C17.977%203.913%2016.926%203%2015.714%203z%22%2F%3E%3Cpath%20fill%3D%22%23321b41%22%20d%3D%22M5.577%203.01c-.089%200-.168.019-.257.019C4.01%203.154%203%204.022%203%205.1V7h6.166C10.177%207%2011%206.345%2011%205.535V3H5.577zM16.458%208h2.084c.252%200%20.458-.224.458-.5s-.206-.5-.458-.5h-2.084c-.252%200-.458.224-.458.5s.206.5.458.5m0%202h2.084c.252%200%20.458-.224.458-.5s-.206-.5-.458-.5h-2.084c-.252%200-.458.224-.458.5s.206.5.458.5%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/roller-skate.svg?color=%231a73e8&size=48
