Icône Children Crossing

emojione:children-crossing

L'icône Children Crossing (emojione:children-crossing) est une icône SVG gratuite de la collection Emoji One (Colored) par Emoji One. Elle est dessinée sur une grille de 64 × 64. Les Emoji One (Colored) icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Emoji One (Colored)
Auteur: Emoji One
Licence: CC-BY-4.0
Taille: 64 × 64
Catégorie: Symboles
Mots-clés: childrencrossing

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#ffce31" d="M34 2.8c-1.1-1.1-2.9-1.1-4 0L4 29.4c-1.1 1.1-2 3.3-2 4.9v24.9C2 60.7 3.3 62 4.8 62h54.4c1.5 0 2.8-1.3 2.8-2.9V34.3c0-1.6-.9-3.8-2-4.9z"/><g fill="#231f20"><path d="M55 59.7H9c-2.1 0-3.8-1.7-3.8-3.8V35.1c0-1.7.9-3.9 2.1-5.1l22-22.2C30 7 31 6.6 32 6.6s2 .4 2.7 1.1l22 22.2c1.2 1.2 2.1 3.4 2.1 5.1v20.8c0 2.2-1.7 3.9-3.8 3.9M32 9.4c-.3 0-.5.1-.7.3L9.3 32c-.7.6-1.3 2.1-1.3 3.1v20.8c0 .5.4 1 1 1h46c.5 0 1-.5 1-1V35.1c0-1-.6-2.4-1.3-3.1l-22-22.3c-.2-.2-.4-.3-.7-.3"/><path d="M36.4 28.6c2.5 0 4.5-2 4.5-4.5s-2-4.5-4.5-4.5s-4.5 2-4.5 4.5s2.1 4.5 4.5 4.5"/><circle cx="25.6" cy="27.7" r="3.6"/><path d="m40.8 44.7l.2-3.2l3.6 1.4l1.4-3.6l-3.3-1.3l2.2-4.3c.2-.3.1-.7-.1-1l-2.9-3.9l-.1-.1s0-.1-.1-.1h-.1c-.1-.1-.2-.1-.2-.1h-.5L34.5 30c-.4.1-.6.4-.7.8l-2.4 5l-1.9-3l-.2-.2c0-.1-.1-.2-.1-.3c-.2-.2-.4-.3-.7-.3h-5.7c-.4-.1-.8.1-.9.5l-2 3.6l-3.6 2.7c-.4.3-.5.9-.2 1.3c.2.2.5.4.8.4c.2 0 .4-.1.6-.2l3.8-2.8l.3-.3l.9-1.7l.5 3.2l-2.8 5.5q-.15.45 0 .9c.2.3.5.4.8.4h.2l-.5 1.1c-.1.1-.1.2-.1.4l-.3 5.9c0 .5.4 1 .9 1s.9-.4.9-.9l.3-5.7l.9-1.8h2.8l.1 1c0 .1.1.2.1.3l3.4 6.1c.2.3.5.5.8.5c.2 0 .3 0 .5-.1c.5-.3.6-.8.4-1.3L28 46l-.1-.6h2c.3 0 .6-.2.8-.4c.2-.3.2-.6.1-.9l-.7-1.6l1.8.5l.7-2.6l-1.7-.5l.7-2.2l1-.5c.2-.1.4-.2.5-.4l1.1-2.3l.3 6l-1.9 3.7c-.1.2-.2.5-.1.7l.5 8.3c0 .7.7 1.3 1.4 1.3h.1c.8 0 1.4-.7 1.3-1.5l-.5-7.9l1.9-3.8h1.1L38 45c0 .3.1.6.2.8l4.6 7.5c.3.4.7.7 1.2.7c.3 0 .5-.1.7-.2c.7-.4.9-1.3.5-1.9zm-12.2-5.3l-.3-.7l.6-3.3l.9 1.4l-.9 2.6zm13.1-3.6l.2-3.8l1 1.4z"/></g></svg>

Comment utiliser l'icône Children Crossing

React

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

<Icon icon="emojione:children-crossing" width="24" />

Vue

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

<template>
  <Icon icon="emojione:children-crossing" width="24" />
</template>

Svelte

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

<Icon icon="emojione:children-crossing" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--children-crossing]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:children-crossing"></div>

Web component

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

<iconify-icon icon="emojione:children-crossing"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/emojione/children-crossing.svg" alt="Icône Children Crossing" width="24" height="24">

L'icône Children Crossing dans d'autres collections

FAQ : Icône Children Crossing

L'icône Children Crossing est-elle gratuite pour un usage commercial ?

Oui. Les Emoji One (Colored) icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Children Crossing dans React ?

Installez @iconify/react et affichez <Icon icon="emojione:children-crossing" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Children Crossing à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/emojione/children-crossing.svg" alt="Icône Children Crossing">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Emoji One (Colored) →