Roller Skate icon

twemoji:roller-skate

The Roller Skate icon (twemoji:roller-skate) is a free SVG icon from the Twitter Emoji set by Twitter. It is drawn on a 36 × 36 grid. Twitter Emoji icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Twitter Emoji
Author: Twitter
License: CC-BY-4.0
Size: 36 × 36
Category: Travel & Places
Tags: rollerskate

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" 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>

How to use the Roller Skate icon

React

import { Icon } from "@iconify/react";

<Icon icon="twemoji:roller-skate" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="twemoji:roller-skate" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="twemoji:roller-skate" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--roller-skate]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:roller-skate"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="twemoji:roller-skate"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/twemoji/roller-skate.svg" alt="Roller Skate icon" width="24" height="24">

Related icons in Twitter Emoji

Roller Skate icon in other icon sets

Roller Skate icon FAQ

Is the Roller Skate icon free for commercial use?

Yes. Twitter Emoji icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Roller Skate icon in React?

Install @iconify/react and render <Icon icon="twemoji:roller-skate" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Roller Skate icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/twemoji/roller-skate.svg" alt="Roller Skate icon">, or paste the SVG code inline to style it with CSS.

Browse all Twitter Emoji icons →