Icône Sunset

emojione-monotone:sunset

L'icône Sunset (emojione-monotone:sunset) est une icône SVG gratuite de la collection Emoji One (Monotone) par Emoji One. Elle est dessinée sur une grille de 64 × 64. Les Emoji One (Monotone) 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 (Monotone)
Auteur: Emoji One
Licence: CC-BY-4.0
Taille: 64 × 64
Catégorie: Voyage

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="currentColor" d="M10.797 27.508L2 19.746v9.785l6.849 3.353a23.7 23.7 0 0 1 1.948-5.376m7.167-8.445L9.048 2H2v7.888l11.669 13.225a24 24 0 0 1 4.295-4.05M54.952 2l-8.915 17.063a24 24 0 0 1 4.294 4.05L62 9.889V2zM45.92 2H35.516l-.789 12.633c2.208.252 4.324.806 6.306 1.621zM29.273 14.633L28.484 2H18.08l4.888 14.254a23.6 23.6 0 0 1 6.305-1.621m25.878 18.252L62 29.533v-9.787l-8.797 7.763a23.6 23.6 0 0 1 1.948 5.376"/><path fill="currentColor" d="M55.764 38.236c0 1.389-.127 2.747-.354 4.07h-3.722v-4.682h-2.813v-3.75L43.25 32V21.688h-1.875V32l-5.625 1.875v3.75h-2.813v-7.203l-9.375-10.609l-9.375 10.609v7.127l-5.935 1.355c-.005-.223-.017-.443-.017-.668c0-.131.008-.26.011-.39L2 35.705V62h51.563V48.844c0-.498.338-.906.75-.906h.375c.412 0 .75.408.75.906V62h2.813V48.844c0-.498.338-.906.75-.906h.375c.412 0 .75.408.75.906V62H62V35.705l-6.247 2.143c.003.129.011.257.011.388M10.906 57.313a.94.94 0 0 1-.938.938H7.156a.94.94 0 0 1-.938-.938v-1.875a.94.94 0 0 1 .938-.938h2.813a.94.94 0 0 1 .938.938zm0-7.5a.94.94 0 0 1-.938.938H7.156a.94.94 0 0 1-.938-.938v-1.875A.94.94 0 0 1 7.156 47h2.813a.94.94 0 0 1 .938.938zm19.219 7.5a.94.94 0 0 1-.938.938h-11.25a.94.94 0 0 1-.938-.938v-1.875a.94.94 0 0 1 .938-.938h11.25a.94.94 0 0 1 .938.938zm0-7.5a.94.94 0 0 1-.938.938h-11.25a.94.94 0 0 1-.938-.938v-1.875a.94.94 0 0 1 .939-.938h11.25a.94.94 0 0 1 .938.938v1.875zm0-7.5a.94.94 0 0 1-.938.938h-11.25a.94.94 0 0 1-.938-.938v-1.875a.94.94 0 0 1 .938-.938h11.25a.94.94 0 0 1 .938.938zm0-7.5a.94.94 0 0 1-.938.938h-11.25a.94.94 0 0 1-.938-.938v-1.875a.94.94 0 0 1 .939-.938h11.25a.94.94 0 0 1 .938.938v1.875zm10.781 24.375a.94.94 0 0 1-.938.938h-2.813a.94.94 0 0 1-.938-.938v-1.875a.94.94 0 0 1 .938-.938h2.813a.94.94 0 0 1 .938.938zm0-15a.94.94 0 0 1-.938.938h-2.813a.94.94 0 0 1-.938-.938v-1.875a.94.94 0 0 1 .938-.938h2.813a.94.94 0 0 1 .938.938zm7.5 15a.94.94 0 0 1-.938.938h-2.813a.94.94 0 0 1-.938-.938v-1.875a.94.94 0 0 1 .938-.938h2.813a.94.94 0 0 1 .938.938zm0-7.5a.94.94 0 0 1-.938.938h-2.813a.94.94 0 0 1-.938-.938v-1.875a.94.94 0 0 1 .938-.938h2.813a.94.94 0 0 1 .938.938z"/></svg>

Comment utiliser l'icône Sunset

React

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

<Icon icon="emojione-monotone:sunset" width="24" />

Vue

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

<template>
  <Icon icon="emojione-monotone:sunset" width="24" />
</template>

Svelte

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

<Icon icon="emojione-monotone:sunset" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="emojione-monotone:sunset"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/emojione-monotone/sunset.svg" alt="Icône Sunset" width="24" height="24">

L'icône Sunset dans d'autres collections

FAQ : Icône Sunset

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

Oui. Les Emoji One (Monotone) 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 Sunset dans React ?

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

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

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

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