roller skate emoji

roller-skate from Twitter Emoji by Twitter · Default · Travel & Places · CC-BY-4.0 Attribution required.

Name: roller-skate
Set: Twitter Emoji
Style: Default
Category: Travel & Places
Viewbox: 36×36
License: CC BY 4.0

The same emoji in other sets

roller-skateFluent Emoji roller-skateFluent Emoji Flat roller-skateFluent Emoji High Contrast roller-skateHuge Icons roller-skateMaterial Design Icons roller-skateNoto Emoji roller-skateOpenMoji

More travel & places icons from Twitter Emoji

Use the roller skate emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#292f33" d="M10 27.5c0 1.381-2.567 3.5-4.5 3.5S1 28.881 1 27.5S3.567 26 5.5 26s4.5.119 4.5 1.5m19 0c0 1.381-2.567 3.5-4.5 3.5S20 28.881 20 27.5s2.567-1.5 4.5-1.5s4.5.119 4.5 1.5m0-.5c0 1 0 2 2 3s2-3 2-3z"/><path fill="#f4900c" d="M34.787 28.795c1.332 1.332.729 1.683-.603 3.016s-1.683 1.935-3.016.603s-1.935-2.889-.603-4.222s2.889-.73 4.222.603"/><path fill="#662113" d="M33.299 24.074s.595-.073.595.929c0 1.004-.462.996-1.466.996H19.146c-4.037 0-8.513-2.889-10.439-2.889L8.137 26h-6.17c0-1.368-.843-3.084-.848-3.993c-.011-2.007.647-4.231.647-4.231l15.607 5.335z"/><path fill="#88c9f9" d="M26.472 16.478c-2.218-1.018-6.023-4.326-6.21-4.536C15.591 3.987 18.336.964 18.336.964S17.043.019 16.41.048l-.963.916l-.963-.788C11.226.454 2.93 4.816 2.93 4.816s.963 2.889.963 4.814s-.696 4.238-.696 4.238s-1.383 2.338-1.631 3.426c-.276 1.213.212 2.035 1.044 2.236c2.923.704 5.578.623 11.525 3.254c2.307 1.02 3.852 1.29 6.127 1.29h13.037s1.214-1.518.173-4.26c-.37-.975-4.725-2.292-7-3.336"/><path fill="#ea596e" d="M26.258 16.371c-2.24-1.119-5.815-4.225-5.995-4.429C15.592 3.987 18.337.964 18.337.964S17.044.019 16.411.048l-.963.916l-.963-.788c-.022.002-.051.008-.073.011c-.057.5-.145 1.318-.28 2.633c-.52 5.078 2.136 8.698 4.792 11.558s5.39 3.491 6.698 3.794s2.974-.768 2.974-.768z"/><path fill="#99aab5" d="M34 28H2c-.55 0-1-.45-1-1s.45-1 1-1h32c.55 0 1 .45 1 1s-.45 1-1 1"/><circle cx="5.5" cy="31.5" r="4.5" fill="#f4900c"/><circle cx="5.5" cy="31.5" r="2.25" fill="#662113"/><circle cx="24.5" cy="31.5" r="4.5" fill="#f4900c"/><circle cx="24.5" cy="31.5" r="2.25" fill="#662113"/><path fill="#269" d="M15.448.965c-1.891 1.9-1.107 8.629 1.825 11.354C11.41 7.24 14.485.177 14.485.177z"/><path fill="#be1931" d="M15.775 13.513a1.003 1.003 0 0 1 .296-1.383l2.772-1.817a1.003 1.003 0 0 1 1.383.296a1.003 1.003 0 0 1-.296 1.383l-2.772 1.817a1.003 1.003 0 0 1-1.383-.296m4.616 3.755a1 1 0 0 1-.215-1.398l1.595-2.176a1 1 0 0 1 1.398-.215c.444.325.541.954.215 1.398l-1.595 2.176c-.325.443-.954.54-1.398.215m4.777 1.903a1.003 1.003 0 0 1-.611-1.276l.613-1.739a1.003 1.003 0 0 1 1.276-.611c.519.183.794.757.611 1.276l-.613 1.739a1.003 1.003 0 0 1-1.276.611M12.487 2.449a1 1 0 0 1 1.082-.91l3.985.345c.548.047.958.534.91 1.082a1 1 0 0 1-1.082.91l-3.985-.345a1 1 0 0 1-.91-1.082m.584 5.538a1.003 1.003 0 0 1 .793-1.171l3.723-.687a1.003 1.003 0 0 1 1.171.793a1.003 1.003 0 0 1-.793 1.171l-3.723.687a1.003 1.003 0 0 1-1.171-.793"/></svg>

React

import type { SVGProps } from "react";

export function TwemojiRollerSkate(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#292f33" d="M10 27.5c0 1.381-2.567 3.5-4.5 3.5S1 28.881 1 27.5S3.567 26 5.5 26s4.5.119 4.5 1.5m19 0c0 1.381-2.567 3.5-4.5 3.5S20 28.881 20 27.5s2.567-1.5 4.5-1.5s4.5.119 4.5 1.5m0-.5c0 1 0 2 2 3s2-3 2-3z"/><path fill="#f4900c" d="M34.787 28.795c1.332 1.332.729 1.683-.603 3.016s-1.683 1.935-3.016.603s-1.935-2.889-.603-4.222s2.889-.73 4.222.603"/><path fill="#662113" d="M33.299 24.074s.595-.073.595.929c0 1.004-.462.996-1.466.996H19.146c-4.037 0-8.513-2.889-10.439-2.889L8.137 26h-6.17c0-1.368-.843-3.084-.848-3.993c-.011-2.007.647-4.231.647-4.231l15.607 5.335z"/><path fill="#88c9f9" d="M26.472 16.478c-2.218-1.018-6.023-4.326-6.21-4.536C15.591 3.987 18.336.964 18.336.964S17.043.019 16.41.048l-.963.916l-.963-.788C11.226.454 2.93 4.816 2.93 4.816s.963 2.889.963 4.814s-.696 4.238-.696 4.238s-1.383 2.338-1.631 3.426c-.276 1.213.212 2.035 1.044 2.236c2.923.704 5.578.623 11.525 3.254c2.307 1.02 3.852 1.29 6.127 1.29h13.037s1.214-1.518.173-4.26c-.37-.975-4.725-2.292-7-3.336"/><path fill="#ea596e" d="M26.258 16.371c-2.24-1.119-5.815-4.225-5.995-4.429C15.592 3.987 18.337.964 18.337.964S17.044.019 16.411.048l-.963.916l-.963-.788c-.022.002-.051.008-.073.011c-.057.5-.145 1.318-.28 2.633c-.52 5.078 2.136 8.698 4.792 11.558s5.39 3.491 6.698 3.794s2.974-.768 2.974-.768z"/><path fill="#99aab5" d="M34 28H2c-.55 0-1-.45-1-1s.45-1 1-1h32c.55 0 1 .45 1 1s-.45 1-1 1"/><circle cx="5.5" cy="31.5" r="4.5" fill="#f4900c"/><circle cx="5.5" cy="31.5" r="2.25" fill="#662113"/><circle cx="24.5" cy="31.5" r="4.5" fill="#f4900c"/><circle cx="24.5" cy="31.5" r="2.25" fill="#662113"/><path fill="#269" d="M15.448.965c-1.891 1.9-1.107 8.629 1.825 11.354C11.41 7.24 14.485.177 14.485.177z"/><path fill="#be1931" d="M15.775 13.513a1.003 1.003 0 0 1 .296-1.383l2.772-1.817a1.003 1.003 0 0 1 1.383.296a1.003 1.003 0 0 1-.296 1.383l-2.772 1.817a1.003 1.003 0 0 1-1.383-.296m4.616 3.755a1 1 0 0 1-.215-1.398l1.595-2.176a1 1 0 0 1 1.398-.215c.444.325.541.954.215 1.398l-1.595 2.176c-.325.443-.954.54-1.398.215m4.777 1.903a1.003 1.003 0 0 1-.611-1.276l.613-1.739a1.003 1.003 0 0 1 1.276-.611c.519.183.794.757.611 1.276l-.613 1.739a1.003 1.003 0 0 1-1.276.611M12.487 2.449a1 1 0 0 1 1.082-.91l3.985.345c.548.047.958.534.91 1.082a1 1 0 0 1-1.082.91l-3.985-.345a1 1 0 0 1-.91-1.082m.584 5.538a1.003 1.003 0 0 1 .793-1.171l3.723-.687a1.003 1.003 0 0 1 1.171.793a1.003 1.003 0 0 1-.793 1.171l-3.723.687a1.003 1.003 0 0 1-1.171-.793"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#292f33" d="M10 27.5c0 1.381-2.567 3.5-4.5 3.5S1 28.881 1 27.5S3.567 26 5.5 26s4.5.119 4.5 1.5m19 0c0 1.381-2.567 3.5-4.5 3.5S20 28.881 20 27.5s2.567-1.5 4.5-1.5s4.5.119 4.5 1.5m0-.5c0 1 0 2 2 3s2-3 2-3z"/><path fill="#f4900c" d="M34.787 28.795c1.332 1.332.729 1.683-.603 3.016s-1.683 1.935-3.016.603s-1.935-2.889-.603-4.222s2.889-.73 4.222.603"/><path fill="#662113" d="M33.299 24.074s.595-.073.595.929c0 1.004-.462.996-1.466.996H19.146c-4.037 0-8.513-2.889-10.439-2.889L8.137 26h-6.17c0-1.368-.843-3.084-.848-3.993c-.011-2.007.647-4.231.647-4.231l15.607 5.335z"/><path fill="#88c9f9" d="M26.472 16.478c-2.218-1.018-6.023-4.326-6.21-4.536C15.591 3.987 18.336.964 18.336.964S17.043.019 16.41.048l-.963.916l-.963-.788C11.226.454 2.93 4.816 2.93 4.816s.963 2.889.963 4.814s-.696 4.238-.696 4.238s-1.383 2.338-1.631 3.426c-.276 1.213.212 2.035 1.044 2.236c2.923.704 5.578.623 11.525 3.254c2.307 1.02 3.852 1.29 6.127 1.29h13.037s1.214-1.518.173-4.26c-.37-.975-4.725-2.292-7-3.336"/><path fill="#ea596e" d="M26.258 16.371c-2.24-1.119-5.815-4.225-5.995-4.429C15.592 3.987 18.337.964 18.337.964S17.044.019 16.411.048l-.963.916l-.963-.788c-.022.002-.051.008-.073.011c-.057.5-.145 1.318-.28 2.633c-.52 5.078 2.136 8.698 4.792 11.558s5.39 3.491 6.698 3.794s2.974-.768 2.974-.768z"/><path fill="#99aab5" d="M34 28H2c-.55 0-1-.45-1-1s.45-1 1-1h32c.55 0 1 .45 1 1s-.45 1-1 1"/><circle cx="5.5" cy="31.5" r="4.5" fill="#f4900c"/><circle cx="5.5" cy="31.5" r="2.25" fill="#662113"/><circle cx="24.5" cy="31.5" r="4.5" fill="#f4900c"/><circle cx="24.5" cy="31.5" r="2.25" fill="#662113"/><path fill="#269" d="M15.448.965c-1.891 1.9-1.107 8.629 1.825 11.354C11.41 7.24 14.485.177 14.485.177z"/><path fill="#be1931" d="M15.775 13.513a1.003 1.003 0 0 1 .296-1.383l2.772-1.817a1.003 1.003 0 0 1 1.383.296a1.003 1.003 0 0 1-.296 1.383l-2.772 1.817a1.003 1.003 0 0 1-1.383-.296m4.616 3.755a1 1 0 0 1-.215-1.398l1.595-2.176a1 1 0 0 1 1.398-.215c.444.325.541.954.215 1.398l-1.595 2.176c-.325.443-.954.54-1.398.215m4.777 1.903a1.003 1.003 0 0 1-.611-1.276l.613-1.739a1.003 1.003 0 0 1 1.276-.611c.519.183.794.757.611 1.276l-.613 1.739a1.003 1.003 0 0 1-1.276.611M12.487 2.449a1 1 0 0 1 1.082-.91l3.985.345c.548.047.958.534.91 1.082a1 1 0 0 1-1.082.91l-3.985-.345a1 1 0 0 1-.91-1.082m.584 5.538a1.003 1.003 0 0 1 .793-1.171l3.723-.687a1.003 1.003 0 0 1 1.171.793a1.003 1.003 0 0 1-.793 1.171l-3.723.687a1.003 1.003 0 0 1-1.171-.793"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M10%2027.5c0%201.381-2.567%203.5-4.5%203.5S1%2028.881%201%2027.5S3.567%2026%205.5%2026s4.5.119%204.5%201.5m19%200c0%201.381-2.567%203.5-4.5%203.5S20%2028.881%2020%2027.5s2.567-1.5%204.5-1.5s4.5.119%204.5%201.5m0-.5c0%201%200%202%202%203s2-3%202-3z%22%2F%3E%3Cpath%20fill%3D%22%23f4900c%22%20d%3D%22M34.787%2028.795c1.332%201.332.729%201.683-.603%203.016s-1.683%201.935-3.016.603s-1.935-2.889-.603-4.222s2.889-.73%204.222.603%22%2F%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22M33.299%2024.074s.595-.073.595.929c0%201.004-.462.996-1.466.996H19.146c-4.037%200-8.513-2.889-10.439-2.889L8.137%2026h-6.17c0-1.368-.843-3.084-.848-3.993c-.011-2.007.647-4.231.647-4.231l15.607%205.335z%22%2F%3E%3Cpath%20fill%3D%22%2388c9f9%22%20d%3D%22M26.472%2016.478c-2.218-1.018-6.023-4.326-6.21-4.536C15.591%203.987%2018.336.964%2018.336.964S17.043.019%2016.41.048l-.963.916l-.963-.788C11.226.454%202.93%204.816%202.93%204.816s.963%202.889.963%204.814s-.696%204.238-.696%204.238s-1.383%202.338-1.631%203.426c-.276%201.213.212%202.035%201.044%202.236c2.923.704%205.578.623%2011.525%203.254c2.307%201.02%203.852%201.29%206.127%201.29h13.037s1.214-1.518.173-4.26c-.37-.975-4.725-2.292-7-3.336%22%2F%3E%3Cpath%20fill%3D%22%23ea596e%22%20d%3D%22M26.258%2016.371c-2.24-1.119-5.815-4.225-5.995-4.429C15.592%203.987%2018.337.964%2018.337.964S17.044.019%2016.411.048l-.963.916l-.963-.788c-.022.002-.051.008-.073.011c-.057.5-.145%201.318-.28%202.633c-.52%205.078%202.136%208.698%204.792%2011.558s5.39%203.491%206.698%203.794s2.974-.768%202.974-.768z%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M34%2028H2c-.55%200-1-.45-1-1s.45-1%201-1h32c.55%200%201%20.45%201%201s-.45%201-1%201%22%2F%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%2231.5%22%20r%3D%224.5%22%20fill%3D%22%23f4900c%22%2F%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%2231.5%22%20r%3D%222.25%22%20fill%3D%22%23662113%22%2F%3E%3Ccircle%20cx%3D%2224.5%22%20cy%3D%2231.5%22%20r%3D%224.5%22%20fill%3D%22%23f4900c%22%2F%3E%3Ccircle%20cx%3D%2224.5%22%20cy%3D%2231.5%22%20r%3D%222.25%22%20fill%3D%22%23662113%22%2F%3E%3Cpath%20fill%3D%22%23269%22%20d%3D%22M15.448.965c-1.891%201.9-1.107%208.629%201.825%2011.354C11.41%207.24%2014.485.177%2014.485.177z%22%2F%3E%3Cpath%20fill%3D%22%23be1931%22%20d%3D%22M15.775%2013.513a1.003%201.003%200%200%201%20.296-1.383l2.772-1.817a1.003%201.003%200%200%201%201.383.296a1.003%201.003%200%200%201-.296%201.383l-2.772%201.817a1.003%201.003%200%200%201-1.383-.296m4.616%203.755a1%201%200%200%201-.215-1.398l1.595-2.176a1%201%200%200%201%201.398-.215c.444.325.541.954.215%201.398l-1.595%202.176c-.325.443-.954.54-1.398.215m4.777%201.903a1.003%201.003%200%200%201-.611-1.276l.613-1.739a1.003%201.003%200%200%201%201.276-.611c.519.183.794.757.611%201.276l-.613%201.739a1.003%201.003%200%200%201-1.276.611M12.487%202.449a1%201%200%200%201%201.082-.91l3.985.345c.548.047.958.534.91%201.082a1%201%200%200%201-1.082.91l-3.985-.345a1%201%200%200%201-.91-1.082m.584%205.538a1.003%201.003%200%200%201%20.793-1.171l3.723-.687a1.003%201.003%200%200%201%201.171.793a1.003%201.003%200%200%201-.793%201.171l-3.723.687a1.003%201.003%200%200%201-1.171-.793%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%23292f33%22%20d%3D%22M10%2027.5c0%201.381-2.567%203.5-4.5%203.5S1%2028.881%201%2027.5S3.567%2026%205.5%2026s4.5.119%204.5%201.5m19%200c0%201.381-2.567%203.5-4.5%203.5S20%2028.881%2020%2027.5s2.567-1.5%204.5-1.5s4.5.119%204.5%201.5m0-.5c0%201%200%202%202%203s2-3%202-3z%22%2F%3E%3Cpath%20fill%3D%22%23f4900c%22%20d%3D%22M34.787%2028.795c1.332%201.332.729%201.683-.603%203.016s-1.683%201.935-3.016.603s-1.935-2.889-.603-4.222s2.889-.73%204.222.603%22%2F%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22M33.299%2024.074s.595-.073.595.929c0%201.004-.462.996-1.466.996H19.146c-4.037%200-8.513-2.889-10.439-2.889L8.137%2026h-6.17c0-1.368-.843-3.084-.848-3.993c-.011-2.007.647-4.231.647-4.231l15.607%205.335z%22%2F%3E%3Cpath%20fill%3D%22%2388c9f9%22%20d%3D%22M26.472%2016.478c-2.218-1.018-6.023-4.326-6.21-4.536C15.591%203.987%2018.336.964%2018.336.964S17.043.019%2016.41.048l-.963.916l-.963-.788C11.226.454%202.93%204.816%202.93%204.816s.963%202.889.963%204.814s-.696%204.238-.696%204.238s-1.383%202.338-1.631%203.426c-.276%201.213.212%202.035%201.044%202.236c2.923.704%205.578.623%2011.525%203.254c2.307%201.02%203.852%201.29%206.127%201.29h13.037s1.214-1.518.173-4.26c-.37-.975-4.725-2.292-7-3.336%22%2F%3E%3Cpath%20fill%3D%22%23ea596e%22%20d%3D%22M26.258%2016.371c-2.24-1.119-5.815-4.225-5.995-4.429C15.592%203.987%2018.337.964%2018.337.964S17.044.019%2016.411.048l-.963.916l-.963-.788c-.022.002-.051.008-.073.011c-.057.5-.145%201.318-.28%202.633c-.52%205.078%202.136%208.698%204.792%2011.558s5.39%203.491%206.698%203.794s2.974-.768%202.974-.768z%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M34%2028H2c-.55%200-1-.45-1-1s.45-1%201-1h32c.55%200%201%20.45%201%201s-.45%201-1%201%22%2F%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%2231.5%22%20r%3D%224.5%22%20fill%3D%22%23f4900c%22%2F%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%2231.5%22%20r%3D%222.25%22%20fill%3D%22%23662113%22%2F%3E%3Ccircle%20cx%3D%2224.5%22%20cy%3D%2231.5%22%20r%3D%224.5%22%20fill%3D%22%23f4900c%22%2F%3E%3Ccircle%20cx%3D%2224.5%22%20cy%3D%2231.5%22%20r%3D%222.25%22%20fill%3D%22%23662113%22%2F%3E%3Cpath%20fill%3D%22%23269%22%20d%3D%22M15.448.965c-1.891%201.9-1.107%208.629%201.825%2011.354C11.41%207.24%2014.485.177%2014.485.177z%22%2F%3E%3Cpath%20fill%3D%22%23be1931%22%20d%3D%22M15.775%2013.513a1.003%201.003%200%200%201%20.296-1.383l2.772-1.817a1.003%201.003%200%200%201%201.383.296a1.003%201.003%200%200%201-.296%201.383l-2.772%201.817a1.003%201.003%200%200%201-1.383-.296m4.616%203.755a1%201%200%200%201-.215-1.398l1.595-2.176a1%201%200%200%201%201.398-.215c.444.325.541.954.215%201.398l-1.595%202.176c-.325.443-.954.54-1.398.215m4.777%201.903a1.003%201.003%200%200%201-.611-1.276l.613-1.739a1.003%201.003%200%200%201%201.276-.611c.519.183.794.757.611%201.276l-.613%201.739a1.003%201.003%200%200%201-1.276.611M12.487%202.449a1%201%200%200%201%201.082-.91l3.985.345c.548.047.958.534.91%201.082a1%201%200%200%201-1.082.91l-3.985-.345a1%201%200%200%201-.91-1.082m.584%205.538a1.003%201.003%200%200%201%20.793-1.171l3.723-.687a1.003%201.003%200%200%201%201.171.793a1.003%201.003%200%200%201-.793%201.171l-3.723.687a1.003%201.003%200%200%201-1.171-.793%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/roller-skate.svg?color=%231a73e8&size=48