ICONYZ
Français
Icône Opensuse de Simple Icons

Icône Opensuse

simple-icons:opensuse

L'icône Opensuse (simple-icons:opensuse) 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="M10.724 0a12 12 0 0 0-9.448 4.623c1.464.391 2.5.727 2.81.832c.005-.19.037-1.893.037-1.893s.004-.04.025-.06c.026-.026.065-.018.065-.018c.385.056 8.602 1.274 12.066 3.292c.427.25.638.517.902.786c.958.99 2.223 5.108 2.359 5.957c.005.033-.036.07-.054.083a5 5 0 0 1-.313.228c-.82.55-2.708 1.872-5.13 1.656c-2.176-.193-5.018-1.44-8.445-3.699q.503 1.185 1 2.371c.497.258 5.287 2.7 7.651 2.651c1.904-.04 3.941-.968 4.756-1.458c0 0 .179-.108.257-.048c.085.066.061.167.041.27c-.05.234-.164.66-.242.863l-.065.165c-.093.25-.183.482-.356.625c-.48.436-1.246.784-2.446 1.305c-1.855.812-4.865 1.328-7.66 1.31c-1.001-.022-1.968-.133-2.817-.232c-1.743-.197-3.161-.357-4.026.269A12 12 0 0 0 10.724 24a12 12 0 0 0 12-12a12 12 0 0 0-12-12M13.4 6.963a3.5 3.5 0 0 0-2.521.942a3.5 3.5 0 0 0-1.114 2.449a3.53 3.53 0 0 0 3.39 3.64a3.48 3.48 0 0 0 2.524-.946a3.5 3.5 0 0 0 1.114-2.446a3.527 3.527 0 0 0-3.393-3.64zm-.03 1.035a2.46 2.46 0 0 1 2.368 2.539a2.43 2.43 0 0 1-.774 1.706a2.46 2.46 0 0 1-1.762.659a2.46 2.46 0 0 1-2.364-2.542c.02-.655.3-1.26.777-1.707a2.42 2.42 0 0 1 1.756-.655zm.402 1.23c-.602 0-1.087.325-1.087.727c0 .4.485.725 1.087.725c.6 0 1.088-.326 1.088-.725c0-.402-.487-.726-1.088-.726Z"/></svg>

Comment utiliser l'icône Opensuse

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Image HTML

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

L'icône Opensuse dans d'autres collections

FAQ : Icône Opensuse

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

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

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

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

Voir toutes les Simple Icons →