Icône Qzone

simple-icons:qzone

L'icône Qzone (simple-icons:qzone) est une icône SVG gratuite de la collection Simple Icons par Simple Icons Collaborators. Elle est dessinée sur une grille de 24 × 24. Les Simple Icons sont publiées sous la licence CC0 1.0, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Simple Icons
Auteur: Simple Icons Collaborators
Licence: CC0-1.0
Taille: 24 × 24

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M23.987 9.201c-.032-.099-.127-.223-.334-.258S16.3 7.537 16.3 7.537s-.105-.022-.198-.07c-.092-.047-.127-.167-.127-.167S12.447.954 12.349.768C12.25.58 12.104.53 12 .53s-.25.05-.349.238C11.553.954 8.025 7.3 8.025 7.3s-.036.12-.129.167c-.092.047-.197.07-.197.07S.555 8.907.347 8.942c-.208.036-.302.16-.333.258a.48.48 0 0 0 .125.45L5.5 15.14s.072.08.12.172c.015.104.004.21.004.21s-1.189 7.243-1.22 7.451a.46.46 0 0 0 .16.43c.082.062.232.106.42.013c.19-.093 6.813-3.261 6.813-3.261s.098-.044.201-.061s.201.06.201.06s6.624 3.17 6.813 3.262c.188.094.338.05.421-.013a.46.46 0 0 0 .16-.43l-.93-5.678c.875-.54 1.424-1.039 1.848-1.747c-2.594.97-6.007 1.717-9.416 1.866c-.915.041-2.41.097-3.473-.015c-.679-.07-1.17-.144-1.244-.438c-.053-.215.054-.46.545-.83l2.862-2.156c1.285-.968 3.56-2.47 3.56-2.732c0-.285-2.145-.78-4.038-.78c-1.945 0-2.276.131-2.812.167c-.488.034-.769.005-.804-.138c-.06-.248.183-.389.588-.568c.71-.314 1.86-.594 1.985-.626c.194-.052 3.082-.805 5.618-.535c1.319.14 3.245.668 3.245 1.276c0 .342-1.721 1.495-3.226 2.598c-1.149.843-2.217 1.56-2.217 1.688c0 .342 3.534 1.241 6.69 1.01l.003-.022c.048-.092.12-.172.12-.172l5.362-5.49a.48.48 0 0 0 .127-.45"/></svg>

Comment utiliser l'icône Qzone

React

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

<Icon icon="simple-icons:qzone" width="24" />

Vue

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

<template>
  <Icon icon="simple-icons:qzone" width="24" />
</template>

Svelte

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

<Icon icon="simple-icons:qzone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--qzone]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="simple-icons:qzone"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/simple-icons/qzone.svg" alt="Icône Qzone" width="24" height="24">

L'icône Qzone dans d'autres collections

FAQ : Icône Qzone

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

Oui. Les Simple Icons sont publiées sous la licence CC0 1.0, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Qzone dans React ?

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

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

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

Voir toutes les Simple Icons →