ICONYZ
Français
Icône Diamond With A Dot de Emoji One (Colored)

Icône Diamond With A Dot

emojione:diamond-with-a-dot

L'icône Diamond With A Dot (emojione:diamond-with-a-dot) 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
diamondwith, witha, adot, diamondwithadot
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="#9970c4" d="M60.2 27.7c2.4 2.4 2.4 6.3 0 8.6L36.3 60.2c-2.4 2.4-6.3 2.4-8.6 0L3.8 36.3c-2.4-2.4-2.4-6.3 0-8.6L27.7 3.8c2.4-2.4 6.3-2.4 8.6 0z"/><path fill="#ace1ef" d="M57.4 28.1c2.1 2.1 2.1 5.6 0 7.8L35.9 57.4c-2.1 2.1-5.6 2.1-7.8 0L6.6 35.9c-2.1-2.1-2.1-5.6 0-7.8L28.1 6.6c2.1-2.1 5.6-2.1 7.8 0z"/><path fill="#42ade2" d="M51 23h-2.5L41 15.5V13l4-4h2.5l7.5 7.5V19zM19 55h-2.5L9 47.5V45l4-4h2.5l7.5 7.5V51zm32-14h-2.5L41 48.5V51l4 4h2.5l7.5-7.5V45zM19 9h-2.5L9 16.5V19l4 4h2.5l7.5-7.5V13zm15.3 23L43 21l-11 8.7L21 21l8.7 11L21 43l11-8.7L43 43z"/><path fill="#fff" d="M39.5 30.9c.6.6.6 1.7 0 2.3l-6.4 6.4c-.6.6-1.7.6-2.3 0l-6.4-6.4c-.6-.6-.6-1.7 0-2.3l6.4-6.4c.6-.6 1.7-.6 2.3 0z"/></svg>

Comment utiliser l'icône Diamond With A Dot

React

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

<Icon icon="emojione:diamond-with-a-dot" width="24" />

Vue

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

<template>
  <Icon icon="emojione:diamond-with-a-dot" width="24" />
</template>

Svelte

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

<Icon icon="emojione:diamond-with-a-dot" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--diamond-with-a-dot]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:diamond-with-a-dot"></div>

Web component

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

<iconify-icon icon="emojione:diamond-with-a-dot"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/emojione/diamond-with-a-dot.svg" alt="Icône Diamond With A Dot" width="24" height="24">

Icônes similaires dans Emoji One (Colored)

L'icône Diamond With A Dot dans d'autres collections

FAQ : Icône Diamond With A Dot

L'icône Diamond With A Dot 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 Diamond With A Dot dans React ?

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

Comment ajouter l'icône Diamond With A Dot à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/emojione/diamond-with-a-dot.svg" alt="Icône Diamond With A Dot">, ou collez le code SVG directement dans la page pour le styliser en CSS.

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