Icône Shaved Ice

emojione:shaved-ice

L'icône Shaved Ice (emojione:shaved-ice) 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: Nourriture
Mots-clés: shavedice

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="#f0154f" d="M18.7 13.5c0-1.8 1.7-1.8 1.7-3.7c0-1.8-.6-1.8-.6-3.7v-.6c-.2.2-.5.3-.7.5c-.4.4-.5 1.1-.9 1.5s-.6.9-1 1.3s-1.1.5-1.5 1c-.3.4-.3 1.1-.6 1.6s-1 .7-1.3 1.2c-.2.5-.2 1.1-.4 1.6s-.7 1-.8 1.5s-.2 1.1-.3 1.6s-.2 1.1-.3 1.6c0 .5.5 1.1.5 1.7s-.2 1.1-.1 1.6s-.2 1.1-.1 1.7c.1.5.5 1 .7 1.6c.1.5.1 1.1.3 1.6s.7.9 1 1.4c.2.5 4.4 1.3 4.4-.5s1.5-1.8 1.5-3.7s.2-1.8.2-3.7c0-1.8-1.3-1.8-1.3-3.7s-.4-1.6-.4-3.4"/><path fill="#f27a52" d="M27.8 9.9c0-1.8-1.6-1.8-1.6-3.7c0-1.8 1.7-1.8 1.7-3.7v-.4c-.4 0-.7.1-1 .2c-.6.1-1 .7-1.5.9s-1.1.2-1.6.5c-.5.2-.9.7-1.4 1c-.6.3-1.4.1-1.9.4c-.2.2-.5.3-.7.5v.6c0 1.8.6 1.8.6 3.7c0 1.8-1.7 1.8-1.7 3.7s.3 1.8.3 3.7s1.3 1.8 1.3 3.7c0 1.8-.2 1.8-.2 3.7s-1.5 1.8-1.5 3.7s7.7 1.8 7.7 0s-.4-1.8-.4-3.7s1.4-1.8 1.4-3.7c0-1.8-.4-1.8-.4-3.7s1.1-1.8 1.1-3.7s-.2-1.9-.2-3.7"/><path fill="#fad85c" d="M34.6 28.1c0-1.8.3-1.8.3-3.7s1.2-1.8 1.2-3.7c0-1.8-1.5-1.8-1.5-3.7s.8-1.8.8-3.7s-.8-1.8-.8-3.7c0-1.8.5-1.8.5-3.7c0-1.8-.8-1.8-.8-3.7v-.4h-.6c-.5.3-1.1.2-1.7.2s-1.1.1-1.7.2c-.5 0-1-.1-1.5-.1h-.3c-.2 0-.5.1-.7.1v.4c0 1.8-1.7 1.8-1.7 3.7c0 1.8 1.6 1.8 1.6 3.7c0 1.8.1 1.8.1 3.7s-1.1 1.8-1.1 3.7s.4 1.8.4 3.7c0 1.8-1.4 1.8-1.4 3.7s.4 1.8.4 3.7s8.5 1.5 8.5-.4"/><path fill="#8cc63e" d="M42.7 28.1c0-1.8 1-1.8 1-3.7s-.5-1.8-.5-3.7c0-1.8.6-1.8.6-3.7s-1.4-1.8-1.4-3.7s1.3-1.8 1.3-3.7c0-1.8-.6-1.8-.6-3.7V4.8l-1.2-.6c-.5-.3-.9-.7-1.4-.9s-1-.5-1.6-.7c-.4-.1-.8-.4-1.1-.6c-.1-.1-.3-.1-.5-.2c-.6-.1-1.2.2-1.8.1c-.4-.1-.8-.1-1.1-.1v.4c0 1.8.8 1.8.8 3.7c0 1.8-.5 1.8-.5 3.7c0 1.8.8 1.8.8 3.7s-.8 1.8-.8 3.7s1.5 1.8 1.5 3.7c0 1.8-1.2 1.8-1.2 3.7s-.3 1.8-.3 3.7s8 1.9 8 0"/><path fill="#42ade2" d="M51.6 19.1c0-.5.3-1.1.2-1.7c-.1-.5-.4-1.1-.6-1.6c-.1-.5-.2-1.1-.4-1.6s-.7-.9-1-1.4c-.2-.5-.2-1.2-.5-1.6c-.3-.5-.6-.9-1-1.4c-.3-.4-.6-1-.9-1.4c-.4-.4-1.1-.6-1.5-1l-1.1-1.1l-.1-.1c-.4-.4-.9-.6-1.4-.9c-.1-.1-.2-.1-.4-.2v1.1c0 1.8.6 1.8.6 3.7c0 1.8-1.3 1.8-1.3 3.7s1.4 1.8 1.4 3.7s-.6 1.8-.6 3.7c0 1.8.5 1.8.5 3.7s-1 1.8-1 3.7s7 1 7.2.5s.8-.9 1-1.4s.1-1.1.3-1.6c.1-.5.1-1.1.2-1.6s.3-1.1.3-1.6s.2-1.1.2-1.6s0-1.5-.1-2"/><path fill="#e0e1e5" d="M13.9 30.6L32 62l18.1-31.4z"/><path fill="#c1c4cb" d="M52 29.7c0 1-.8 1.8-1.9 1.8c0 0-9.1-.5-18.1-.5s-18.1.5-18.1.5c-1 0-1.9-.8-1.9-1.8s.8-1.8 1.9-1.8c0 0 9.1-.5 18.1-.5s18.1.5 18.1.5c1.1 0 1.9.8 1.9 1.8"/></svg>

Comment utiliser l'icône Shaved Ice

React

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

<Icon icon="emojione:shaved-ice" width="24" />

Vue

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

<template>
  <Icon icon="emojione:shaved-ice" width="24" />
</template>

Svelte

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

<Icon icon="emojione:shaved-ice" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="emojione:shaved-ice"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/emojione/shaved-ice.svg" alt="Icône Shaved Ice" width="24" height="24">

L'icône Shaved Ice dans d'autres collections

FAQ : Icône Shaved Ice

L'icône Shaved Ice 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 Shaved Ice dans React ?

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

Comment ajouter l'icône Shaved Ice à une page web ?

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

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