ICONYZ
Français
Icône Server Duotone de Lets Icons

Icône Server Duotone

lets-icons:server-duotone

L'icône Server Duotone (lets-icons:server-duotone) est une icône SVG gratuite de la collection Lets Icons par Leonid Tsvetkov. Elle est dessinée sur une grille de 24 × 24. Les Lets 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
Lets Icons
Auteur
Leonid Tsvetkov
Licence
CC-BY-4.0
Taille
24 × 24
Catégorie
Design et développement
Mots-clés
serverduotone
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M16.975 8.5c.028.276.249.5.525.5a3.5 3.5 0 1 1 0 7c-.466 0-.699 0-.883-.076a1 1 0 0 1-.54-.541C16 15.199 16 14.966 16 14.5v-1.444a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2V14.5c0 .466 0 .699-.076.883a1 1 0 0 1-.541.54C7.199 16 6.966 16 6.5 16a3.5 3.5 0 1 1 0-7a.54.54 0 0 0 .525-.5a5 5 0 0 1 9.95 0" clip-rule="evenodd"/><path fill="currentColor" d="m7.096 8.025l.589.117zm.937-2.069l-.476-.365zm1.756-1.44l.265.538zm4.422 0l-.265.538zm1.756 1.44l-.476.365zm.937 2.069l.588-.118zM7.025 8.5l-.597-.06zm.899 6.882l.554.23zm-.541.54l.23.555zm9.234 0l.23-.553zm-.54-.54l.553-.23zm.898-6.882l.597-.06zm.525 1.1a2.9 2.9 0 0 1 2.9 2.9h1.2a4.1 4.1 0 0 0-4.1-4.1zm2.9 2.9a2.9 2.9 0 0 1-2.9 2.9v1.2a4.1 4.1 0 0 0 4.1-4.1zm-3.8 2v-1.444h-1.2V14.5zm0-1.444a2.6 2.6 0 0 0-2.6-2.6v1.2a1.4 1.4 0 0 1 1.4 1.4zm-2.6-2.6h-4v1.2h4zm-4 0a2.6 2.6 0 0 0-2.6 2.6h1.2a1.4 1.4 0 0 1 1.4-1.4zm-2.6 2.6V14.5h1.2v-1.444zM6.5 15.4a2.9 2.9 0 0 1-2.9-2.9H2.4a4.1 4.1 0 0 0 4.1 4.1zm-2.9-2.9a2.9 2.9 0 0 1 2.9-2.9V8.4a4.1 4.1 0 0 0-4.1 4.1zm2.908-4.593a6 6 0 0 0-.08.534l1.194.12q.021-.21.063-.42zm1.05-2.316a5.6 5.6 0 0 0-1.05 2.316l1.177.235a4.4 4.4 0 0 1 .824-1.82zm1.965-1.613A5.6 5.6 0 0 0 7.557 5.59l.952.73a4.4 4.4 0 0 1 1.545-1.267zM12 3.4a5.6 5.6 0 0 0-2.477.578l.53 1.076A4.4 4.4 0 0 1 12 4.6zm2.477.578A5.6 5.6 0 0 0 12 3.4v1.2a4.4 4.4 0 0 1 1.946.454zm1.966 1.613a5.6 5.6 0 0 0-1.966-1.613l-.53 1.076A4.4 4.4 0 0 1 15.49 6.32zm1.05 2.316a5.6 5.6 0 0 0-1.05-2.316l-.952.73c.41.536.693 1.159.825 1.82zm.079.534a6 6 0 0 0-.08-.534l-1.177.235q.042.208.063.419zM6.5 9.6c.62 0 1.067-.496 1.122-1.04l-1.194-.12q-.001-.006.01-.017l.023-.015A.1.1 0 0 1 6.5 8.4zm.9 4.9c0 .241 0 .392-.008.506a.5.5 0 0 1-.022.147l1.108.46c.074-.178.1-.355.111-.525c.011-.165.011-.363.011-.588zm-.9 2.1c.225 0 .423 0 .588-.01c.17-.012.347-.038.524-.112l-.459-1.108a.5.5 0 0 1-.147.022a8 8 0 0 1-.506.008zm.87-1.447a.4.4 0 0 1-.217.217l.46 1.108a1.6 1.6 0 0 0 .865-.866zm10.13.247c-.241 0-.392 0-.506-.008a.5.5 0 0 1-.147-.022l-.46 1.108c.178.074.355.1.525.111c.165.011.363.011.588.011zm-2.1-.9c0 .225 0 .423.01.588c.012.17.038.347.112.524l1.108-.459a.5.5 0 0 1-.022-.147a8 8 0 0 1-.008-.506zm1.447.87a.4.4 0 0 1-.217-.217l-1.108.46a1.6 1.6 0 0 0 .866.865zM17.5 8.4q.02 0 .039.008q.016.008.023.015q.011.011.01.018l-1.194.12c.055.543.501 1.039 1.122 1.039z"/><rect width="8" height="10" x="8" y="11" stroke="currentColor" stroke-width="1.2" rx="2"/><path stroke="currentColor" stroke-linecap="round" stroke-width="1.2" d="M11.5 16h1"/></g></svg>

Comment utiliser l'icône Server Duotone

React

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

<Icon icon="lets-icons:server-duotone" width="24" />

Vue

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

<template>
  <Icon icon="lets-icons:server-duotone" width="24" />
</template>

Svelte

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

<Icon icon="lets-icons:server-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[lets-icons--server-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/lets-icons -->
<div class="i-lets-icons:server-duotone"></div>

Web component

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

<iconify-icon icon="lets-icons:server-duotone"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/lets-icons/server-duotone.svg" alt="Icône Server Duotone" width="24" height="24">

Icônes similaires dans Lets Icons

L'icône Server Duotone dans d'autres collections

FAQ : Icône Server Duotone

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

Oui. Les Lets 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 Server Duotone dans React ?

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

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

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

Voir toutes les Lets Icons →