skateboard emoji
skateboard from OpenMoji by OpenMoji · Default · Travel Places · CC-BY-SA-4.0 Attribution required.
- Name
- skateboard
- Set
- OpenMoji
- Style
- Default
- Category
- Travel Places
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
More travel places icons from OpenMoji
Use the skateboard emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><circle cx="51" cy="47.999" r="3"/><circle cx="21" cy="47.999" r="3"/><path fill="#61b2e4" d="M56.408 43H15.592c-2.898 0-5.451-3.486-5.47-3.521A1 1 0 0 1 10 39v-2a1 1 0 0 1 1.786-.618C12.321 37.06 14.17 39 15.592 39h40.816c1.433 0 3.273-1.937 3.804-2.615A1 1 0 0 1 62 37v2a1 1 0 0 1-.21.614c-.271.347-2.717 3.386-5.382 3.386M11 39.001"/><g fill="#d22f27"><circle cx="51" cy="47.999" r="3"/><circle cx="21" cy="47.999" r="3"/></g><path d="M56.408 43H15.592c-2.86 0-5.446-3.477-5.466-3.513a1 1 0 0 1 1.696-1.054c.526.696 2.364 2.567 3.77 2.567h40.816c1.433 0 3.273-1.937 3.804-2.615a1 1 0 0 1 1.577 1.23C61.52 39.96 59.073 43 56.41 43"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M52 46.267a2 2 0 1 1-2 3.464m-28-3.464a2 2 0 1 1-2 3.464"/></svg>
React
import type { SVGProps } from "react";
export function OpenmojiSkateboard(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><circle cx="51" cy="47.999" r="3"/><circle cx="21" cy="47.999" r="3"/><path fill="#61b2e4" d="M56.408 43H15.592c-2.898 0-5.451-3.486-5.47-3.521A1 1 0 0 1 10 39v-2a1 1 0 0 1 1.786-.618C12.321 37.06 14.17 39 15.592 39h40.816c1.433 0 3.273-1.937 3.804-2.615A1 1 0 0 1 62 37v2a1 1 0 0 1-.21.614c-.271.347-2.717 3.386-5.382 3.386M11 39.001"/><g fill="#d22f27"><circle cx="51" cy="47.999" r="3"/><circle cx="21" cy="47.999" r="3"/></g><path d="M56.408 43H15.592c-2.86 0-5.446-3.477-5.466-3.513a1 1 0 0 1 1.696-1.054c.526.696 2.364 2.567 3.77 2.567h40.816c1.433 0 3.273-1.937 3.804-2.615a1 1 0 0 1 1.577 1.23C61.52 39.96 59.073 43 56.41 43"/><path fill="none" stroke="#000" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="2" d="M52 46.267a2 2 0 1 1-2 3.464m-28-3.464a2 2 0 1 1-2 3.464"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><circle cx="51" cy="47.999" r="3"/><circle cx="21" cy="47.999" r="3"/><path fill="#61b2e4" d="M56.408 43H15.592c-2.898 0-5.451-3.486-5.47-3.521A1 1 0 0 1 10 39v-2a1 1 0 0 1 1.786-.618C12.321 37.06 14.17 39 15.592 39h40.816c1.433 0 3.273-1.937 3.804-2.615A1 1 0 0 1 62 37v2a1 1 0 0 1-.21.614c-.271.347-2.717 3.386-5.382 3.386M11 39.001"/><g fill="#d22f27"><circle cx="51" cy="47.999" r="3"/><circle cx="21" cy="47.999" r="3"/></g><path d="M56.408 43H15.592c-2.86 0-5.446-3.477-5.466-3.513a1 1 0 0 1 1.696-1.054c.526.696 2.364 2.567 3.77 2.567h40.816c1.433 0 3.273-1.937 3.804-2.615a1 1 0 0 1 1.577 1.23C61.52 39.96 59.073 43 56.41 43"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M52 46.267a2 2 0 1 1-2 3.464m-28-3.464a2 2 0 1 1-2 3.464"/></svg> </template>
CSS
.icon-skateboard {
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%2072%2072%22%3E%3Ccircle%20cx%3D%2251%22%20cy%3D%2247.999%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2247.999%22%20r%3D%223%22%2F%3E%3Cpath%20fill%3D%22%2361b2e4%22%20d%3D%22M56.408%2043H15.592c-2.898%200-5.451-3.486-5.47-3.521A1%201%200%200%201%2010%2039v-2a1%201%200%200%201%201.786-.618C12.321%2037.06%2014.17%2039%2015.592%2039h40.816c1.433%200%203.273-1.937%203.804-2.615A1%201%200%200%201%2062%2037v2a1%201%200%200%201-.21.614c-.271.347-2.717%203.386-5.382%203.386M11%2039.001%22%2F%3E%3Cg%20fill%3D%22%23d22f27%22%3E%3Ccircle%20cx%3D%2251%22%20cy%3D%2247.999%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2247.999%22%20r%3D%223%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M56.408%2043H15.592c-2.86%200-5.446-3.477-5.466-3.513a1%201%200%200%201%201.696-1.054c.526.696%202.364%202.567%203.77%202.567h40.816c1.433%200%203.273-1.937%203.804-2.615a1%201%200%200%201%201.577%201.23C61.52%2039.96%2059.073%2043%2056.41%2043%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M52%2046.267a2%202%200%201%201-2%203.464m-28-3.464a2%202%200%201%201-2%203.464%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%2072%2072%22%3E%3Ccircle%20cx%3D%2251%22%20cy%3D%2247.999%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2247.999%22%20r%3D%223%22%2F%3E%3Cpath%20fill%3D%22%2361b2e4%22%20d%3D%22M56.408%2043H15.592c-2.898%200-5.451-3.486-5.47-3.521A1%201%200%200%201%2010%2039v-2a1%201%200%200%201%201.786-.618C12.321%2037.06%2014.17%2039%2015.592%2039h40.816c1.433%200%203.273-1.937%203.804-2.615A1%201%200%200%201%2062%2037v2a1%201%200%200%201-.21.614c-.271.347-2.717%203.386-5.382%203.386M11%2039.001%22%2F%3E%3Cg%20fill%3D%22%23d22f27%22%3E%3Ccircle%20cx%3D%2251%22%20cy%3D%2247.999%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2247.999%22%20r%3D%223%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M56.408%2043H15.592c-2.86%200-5.446-3.477-5.466-3.513a1%201%200%200%201%201.696-1.054c.526.696%202.364%202.567%203.77%202.567h40.816c1.433%200%203.273-1.937%203.804-2.615a1%201%200%200%201%201.577%201.23C61.52%2039.96%2059.073%2043%2056.41%2043%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M52%2046.267a2%202%200%201%201-2%203.464m-28-3.464a2%202%200%201%201-2%203.464%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/skateboard.svg?color=%231a73e8&size=48
