children crossing emoji
children-crossing from Twitter Emoji by Twitter · Default · Symbols · CC-BY-4.0 Attribution required.
- Name
- children-crossing
- Set
- Twitter Emoji
- Style
- Default
- Category
- Symbols
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More symbols icons from Twitter Emoji
a-button-blood-typeab-button-blood-typeantenna-barsaquariusariesatm-signatom-symbolb-button-blood-typebaby-symbolback-arrowbaggage-claimbiohazardblack-circleblack-large-squareblack-medium-small-squareblack-medium-squareblack-small-squareblack-square-buttonblue-circleblue-squarebright-buttonbrown-circlebrown-squarecancer
Use the children crossing emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffcc4d" d="M20.768 34.61a3.916 3.916 0 0 1-5.536 0L1.39 20.768a3.914 3.914 0 0 1 0-5.536L15.231 1.39a3.914 3.914 0 0 1 5.536 0L34.61 15.232a3.916 3.916 0 0 1 0 5.536z"/><path d="M19.49 32.907a2.11 2.11 0 0 1-2.98 0L3.094 19.49a2.105 2.105 0 0 1 0-2.98L16.51 3.094a2.105 2.105 0 0 1 2.98 0L32.907 16.51a2.11 2.11 0 0 1 0 2.98z"/><path fill="#ffcc4d" d="M18.745 30.67a1.05 1.05 0 0 1-1.49 0L5.329 18.745a1.054 1.054 0 0 1 0-1.49L17.255 5.329a1.054 1.054 0 0 1 1.49 0L30.67 17.255a1.05 1.05 0 0 1 0 1.49z"/><path d="m26.707 17.292l-3.618-3.619c.548-.356.911-.971.911-1.673a2 2 0 0 0-4 0c0 .703.363 1.318.911 1.674l-3.218 3.219l-2.217-.555A1.98 1.98 0 0 0 16 15a2 2 0 0 0-4 0c0 .669.332 1.259.837 1.622L9.399 19.2a.999.999 0 1 0 1.2 1.6l1.735-1.302l-1.395 4.186a1 1 0 0 0 .95 1.316c.419 0 .809-.265.949-.684l1.077-3.231l1.142 3.246a1 1 0 1 0 1.886-.664l-1.891-5.374l2.705.677a1 1 0 0 0 .95-.263l1.858-1.857l-1.541 6.934a1 1 0 0 0 1.953.433L22 19.609l1.023 4.607a1.002 1.002 0 0 0 1.954-.432l-1.541-6.934l1.858 1.857a.999.999 0 1 0 1.413-1.415"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiChildrenCrossing(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffcc4d" d="M20.768 34.61a3.916 3.916 0 0 1-5.536 0L1.39 20.768a3.914 3.914 0 0 1 0-5.536L15.231 1.39a3.914 3.914 0 0 1 5.536 0L34.61 15.232a3.916 3.916 0 0 1 0 5.536z"/><path d="M19.49 32.907a2.11 2.11 0 0 1-2.98 0L3.094 19.49a2.105 2.105 0 0 1 0-2.98L16.51 3.094a2.105 2.105 0 0 1 2.98 0L32.907 16.51a2.11 2.11 0 0 1 0 2.98z"/><path fill="#ffcc4d" d="M18.745 30.67a1.05 1.05 0 0 1-1.49 0L5.329 18.745a1.054 1.054 0 0 1 0-1.49L17.255 5.329a1.054 1.054 0 0 1 1.49 0L30.67 17.255a1.05 1.05 0 0 1 0 1.49z"/><path d="m26.707 17.292l-3.618-3.619c.548-.356.911-.971.911-1.673a2 2 0 0 0-4 0c0 .703.363 1.318.911 1.674l-3.218 3.219l-2.217-.555A1.98 1.98 0 0 0 16 15a2 2 0 0 0-4 0c0 .669.332 1.259.837 1.622L9.399 19.2a.999.999 0 1 0 1.2 1.6l1.735-1.302l-1.395 4.186a1 1 0 0 0 .95 1.316c.419 0 .809-.265.949-.684l1.077-3.231l1.142 3.246a1 1 0 1 0 1.886-.664l-1.891-5.374l2.705.677a1 1 0 0 0 .95-.263l1.858-1.857l-1.541 6.934a1 1 0 0 0 1.953.433L22 19.609l1.023 4.607a1.002 1.002 0 0 0 1.954-.432l-1.541-6.934l1.858 1.857a.999.999 0 1 0 1.413-1.415"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffcc4d" d="M20.768 34.61a3.916 3.916 0 0 1-5.536 0L1.39 20.768a3.914 3.914 0 0 1 0-5.536L15.231 1.39a3.914 3.914 0 0 1 5.536 0L34.61 15.232a3.916 3.916 0 0 1 0 5.536z"/><path d="M19.49 32.907a2.11 2.11 0 0 1-2.98 0L3.094 19.49a2.105 2.105 0 0 1 0-2.98L16.51 3.094a2.105 2.105 0 0 1 2.98 0L32.907 16.51a2.11 2.11 0 0 1 0 2.98z"/><path fill="#ffcc4d" d="M18.745 30.67a1.05 1.05 0 0 1-1.49 0L5.329 18.745a1.054 1.054 0 0 1 0-1.49L17.255 5.329a1.054 1.054 0 0 1 1.49 0L30.67 17.255a1.05 1.05 0 0 1 0 1.49z"/><path d="m26.707 17.292l-3.618-3.619c.548-.356.911-.971.911-1.673a2 2 0 0 0-4 0c0 .703.363 1.318.911 1.674l-3.218 3.219l-2.217-.555A1.98 1.98 0 0 0 16 15a2 2 0 0 0-4 0c0 .669.332 1.259.837 1.622L9.399 19.2a.999.999 0 1 0 1.2 1.6l1.735-1.302l-1.395 4.186a1 1 0 0 0 .95 1.316c.419 0 .809-.265.949-.684l1.077-3.231l1.142 3.246a1 1 0 1 0 1.886-.664l-1.891-5.374l2.705.677a1 1 0 0 0 .95-.263l1.858-1.857l-1.541 6.934a1 1 0 0 0 1.953.433L22 19.609l1.023 4.607a1.002 1.002 0 0 0 1.954-.432l-1.541-6.934l1.858 1.857a.999.999 0 1 0 1.413-1.415"/></svg> </template>
CSS
.icon-children-crossing {
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%23ffcc4d%22%20d%3D%22M20.768%2034.61a3.916%203.916%200%200%201-5.536%200L1.39%2020.768a3.914%203.914%200%200%201%200-5.536L15.231%201.39a3.914%203.914%200%200%201%205.536%200L34.61%2015.232a3.916%203.916%200%200%201%200%205.536z%22%2F%3E%3Cpath%20d%3D%22M19.49%2032.907a2.11%202.11%200%200%201-2.98%200L3.094%2019.49a2.105%202.105%200%200%201%200-2.98L16.51%203.094a2.105%202.105%200%200%201%202.98%200L32.907%2016.51a2.11%202.11%200%200%201%200%202.98z%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M18.745%2030.67a1.05%201.05%200%200%201-1.49%200L5.329%2018.745a1.054%201.054%200%200%201%200-1.49L17.255%205.329a1.054%201.054%200%200%201%201.49%200L30.67%2017.255a1.05%201.05%200%200%201%200%201.49z%22%2F%3E%3Cpath%20d%3D%22m26.707%2017.292l-3.618-3.619c.548-.356.911-.971.911-1.673a2%202%200%200%200-4%200c0%20.703.363%201.318.911%201.674l-3.218%203.219l-2.217-.555A1.98%201.98%200%200%200%2016%2015a2%202%200%200%200-4%200c0%20.669.332%201.259.837%201.622L9.399%2019.2a.999.999%200%201%200%201.2%201.6l1.735-1.302l-1.395%204.186a1%201%200%200%200%20.95%201.316c.419%200%20.809-.265.949-.684l1.077-3.231l1.142%203.246a1%201%200%201%200%201.886-.664l-1.891-5.374l2.705.677a1%201%200%200%200%20.95-.263l1.858-1.857l-1.541%206.934a1%201%200%200%200%201.953.433L22%2019.609l1.023%204.607a1.002%201.002%200%200%200%201.954-.432l-1.541-6.934l1.858%201.857a.999.999%200%201%200%201.413-1.415%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%23ffcc4d%22%20d%3D%22M20.768%2034.61a3.916%203.916%200%200%201-5.536%200L1.39%2020.768a3.914%203.914%200%200%201%200-5.536L15.231%201.39a3.914%203.914%200%200%201%205.536%200L34.61%2015.232a3.916%203.916%200%200%201%200%205.536z%22%2F%3E%3Cpath%20d%3D%22M19.49%2032.907a2.11%202.11%200%200%201-2.98%200L3.094%2019.49a2.105%202.105%200%200%201%200-2.98L16.51%203.094a2.105%202.105%200%200%201%202.98%200L32.907%2016.51a2.11%202.11%200%200%201%200%202.98z%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M18.745%2030.67a1.05%201.05%200%200%201-1.49%200L5.329%2018.745a1.054%201.054%200%200%201%200-1.49L17.255%205.329a1.054%201.054%200%200%201%201.49%200L30.67%2017.255a1.05%201.05%200%200%201%200%201.49z%22%2F%3E%3Cpath%20d%3D%22m26.707%2017.292l-3.618-3.619c.548-.356.911-.971.911-1.673a2%202%200%200%200-4%200c0%20.703.363%201.318.911%201.674l-3.218%203.219l-2.217-.555A1.98%201.98%200%200%200%2016%2015a2%202%200%200%200-4%200c0%20.669.332%201.259.837%201.622L9.399%2019.2a.999.999%200%201%200%201.2%201.6l1.735-1.302l-1.395%204.186a1%201%200%200%200%20.95%201.316c.419%200%20.809-.265.949-.684l1.077-3.231l1.142%203.246a1%201%200%201%200%201.886-.664l-1.891-5.374l2.705.677a1%201%200%200%200%20.95-.263l1.858-1.857l-1.541%206.934a1%201%200%200%200%201.953.433L22%2019.609l1.023%204.607a1.002%201.002%200%200%200%201.954-.432l-1.541-6.934l1.858%201.857a.999.999%200%201%200%201.413-1.415%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/children-crossing.svg?color=%231a73e8&size=48
