Childrencrossing icon

fxemoji:childrencrossing

The Childrencrossing icon (fxemoji:childrencrossing) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Firefox OS Emoji
Author: Mozilla
License: Apache-2.0
Size: 512 × 512
Category: Symbols

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#FFB636" d="M247.243 507.583L6.082 266.421c-5.755-5.755-5.755-15.087 0-20.842L247.243 4.417c5.755-5.755 15.087-5.755 20.842 0l241.162 241.162c5.755 5.755 5.755 15.087 0 20.842L268.086 507.583c-5.756 5.755-15.087 5.755-20.843 0"/><path fill="#2B3B47" d="M257.665 38.895c.104 0 .144.039.178.074l216.853 216.853a.253.253 0 0 1 0 .357L257.843 473.031c-.035.035-.074.074-.178.074s-.144-.039-.178-.074L40.633 256.178a.253.253 0 0 1 0-.357L257.486 38.969a.22.22 0 0 1 .179-.074m0-13a13.2 13.2 0 0 0-9.371 3.881L31.441 246.629c-5.175 5.175-5.175 13.566 0 18.741l216.853 216.853c2.588 2.588 5.979 3.881 9.371 3.881s6.783-1.294 9.371-3.881L483.889 265.37c5.175-5.175 5.175-13.566 0-18.741L267.035 29.776a13.2 13.2 0 0 0-9.37-3.881"/><path fill="#2B3B47" d="M217.798 153.711c1.728 12.005-6.604 23.137-18.608 24.864s-23.137-6.604-24.864-18.608s6.604-23.137 18.608-24.864s23.136 6.603 24.864 18.608m100.158 33.202c-9.382 1.35-15.892 10.05-14.542 19.431s10.05 15.892 19.431 14.542s15.892-10.05 14.542-19.431s-10.05-15.892-19.431-14.542m65.31 90.995l-6.075-28.204a7.37 7.37 0 0 0-3.518-4.832l-34.586-20.003a7.4 7.4 0 0 0-2.17-.829a19.2 19.2 0 0 0-9.033-.867l-8.169 1.176a19.2 19.2 0 0 0-10.762 5.349a7.4 7.4 0 0 0-2.116 1.829l-15.771 20.07l-17.185-6.355l-6.816-33.576a9.44 9.44 0 0 0-5.131-6.614l-42.569-20.65a9.5 9.5 0 0 0-2.02-.703a24.6 24.6 0 0 0-11.707-1.146l-10.453 1.504a24.6 24.6 0 0 0-13.876 6.911a9.37 9.37 0 0 0-3.519 3.682l-19.938 37.583l-25.188 3.151a9.438 9.438 0 1 0 2.343 18.731l30.055-3.76a9.44 9.44 0 0 0 7.167-4.942l5.372-10.126l6.418 44.599c.103.716.397 1.35.802 1.891l-14.168 16.45a11.74 11.74 0 0 0-2.838 7.27l-1.451 43.488c-.216 6.48 4.862 11.909 11.342 12.125c6.469.241 11.909-4.861 12.125-11.342l1.313-39.354l26.88-31.21l1.077-.155l2.918 31.209c.156 1.67.668 3.287 1.502 4.742l24.108 42.092a11.735 11.735 0 0 0 16.022 4.352c5.627-3.223 7.575-10.396 4.353-16.022l-22.843-39.884l-4.561-48.787a24.8 24.8 0 0 0-.151-5.731l-5.478-38.068l14.525 7.046l7.63 37.585c.908 4.475 4.844 7.562 9.24 7.562q.935.001 1.888-.19a9.4 9.4 0 0 0 5.883-3.891l16.852 6.232a7.38 7.38 0 0 0 8.359-2.36l5.667-7.212l5.974 41.515c.039.268.117.517.214.757l-8.406 11.663a9.4 9.4 0 0 0-1.656 4.017l-5.424 34.105c-.815 5.123 2.678 9.937 7.8 10.751c5.128.818 9.936-2.678 10.751-7.8l5.073-31.9l15.684-21.76l.978-.141l-.884 22.827a9.4 9.4 0 0 0 .776 4.117l12.704 29.135a9.39 9.39 0 0 0 8.614 5.641a9.4 9.4 0 0 0 3.749-.785a9.39 9.39 0 0 0 4.855-12.363l-11.845-27.165l1.533-39.632a9.4 9.4 0 0 0-.29-2.657c-.033-.455-.061-.91-.127-1.368l-4.005-27.831l12.373 7.156l5.387 25.009a7.38 7.38 0 0 0 8.765 5.657a7.375 7.375 0 0 0 5.658-8.764"/></svg>

How to use the Childrencrossing icon

React

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

<Icon icon="fxemoji:childrencrossing" width="24" />

Vue

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

<template>
  <Icon icon="fxemoji:childrencrossing" width="24" />
</template>

Svelte

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

<Icon icon="fxemoji:childrencrossing" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--childrencrossing]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:childrencrossing"></div>

Web component

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

<iconify-icon icon="fxemoji:childrencrossing"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fxemoji/childrencrossing.svg" alt="Childrencrossing icon" width="24" height="24">

Childrencrossing icon FAQ

Is the Childrencrossing icon free for commercial use?

Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.

How do I use the Childrencrossing icon in React?

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

How do I add the Childrencrossing icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/childrencrossing.svg" alt="Childrencrossing icon">, or paste the SVG code inline to style it with CSS.

Browse all Firefox OS Emoji icons →