Icône Watchyourports

selfhst:watchyourports

L'icône Watchyourports (selfhst:watchyourports) est une icône SVG gratuite de la collection selfh.st/icons par selfh.st. Elle est dessinée sur une grille de 512 × 512. Les selfh.st/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: selfh.st/icons
Auteur: selfh.st
Licence: CC-BY-4.0
Taille: 512 × 512
Mots-clés: watchyourport

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#547580" d="M499.6 203H12.4C5.6 203 0 197.4 0 190.6v-117c0-6.9 5.6-12.4 12.4-12.4h487.1c6.9 0 12.4 5.6 12.4 12.4v117c.1 6.8-5.5 12.4-12.3 12.4M512 438.4v-117c0-6.9-5.6-12.4-12.4-12.4H12.4C5.6 309 0 314.6 0 321.4v117c0 6.9 5.6 12.4 12.4 12.4h487.1c6.9.1 12.5-5.5 12.5-12.4"/><path fill="#4fb96f" d="M458.9 203H53.2V61.1h405.7zm0 106H53.2v141.9h405.7z"/><path fill="#3f5c6c" d="M35.5 344.6c0 4.8-3.9 8.8-8.8 8.8s-8.8-3.9-8.8-8.8c0-4.8 3.9-8.8 8.8-8.8s8.8 4 8.8 8.8m-8.7 61.8c-4.8 0-8.8 3.9-8.8 8.8s3.9 8.8 8.8 8.8s8.8-3.9 8.8-8.8s-4-8.8-8.8-8.8m458.4-70.5c-4.8 0-8.8 3.9-8.8 8.8c0 4.8 3.9 8.8 8.8 8.8s8.8-3.9 8.8-8.8s-3.9-8.8-8.8-8.8m0 70.5c-4.8 0-8.8 3.9-8.8 8.8c0 4.8 3.9 8.8 8.8 8.8s8.8-3.9 8.8-8.8s-3.9-8.8-8.8-8.8m.1-318.3c-4.8 0-8.8 3.9-8.8 8.8c0 4.8 3.9 8.8 8.8 8.8c4.8 0 8.8-3.9 8.8-8.8c-.1-4.9-4-8.8-8.8-8.8m0 70.5c-4.8 0-8.8 3.9-8.8 8.8s3.9 8.8 8.8 8.8c4.8 0 8.8-3.9 8.8-8.8s-4-8.8-8.8-8.8M26.6 88.1c-4.8 0-8.8 3.9-8.8 8.8c0 4.8 3.9 8.8 8.8 8.8s8.8-3.9 8.8-8.8c-.1-4.9-4-8.8-8.8-8.8m.2 70.5c-4.8 0-8.8 3.9-8.8 8.8c0 4.8 3.9 8.8 8.8 8.8s8.8-3.9 8.8-8.8c-.1-4.9-4-8.8-8.8-8.8"/><path fill="#efc319" d="M143.8 158.6h-40.6c-3.6 0-6.4-2.9-6.4-6.4V112c0-3.6 2.9-6.4 6.4-6.4h40.6c3.6 0 6.4 2.9 6.4 6.4v40.1c.1 3.6-2.8 6.5-6.4 6.5m94.9-6.3v-40.1c0-3.6-2.9-6.4-6.4-6.4h-40.6c-3.6 0-6.4 2.9-6.4 6.4v40.1c0 3.6 2.9 6.4 6.4 6.4h40.6c3.5.1 6.4-2.8 6.4-6.4m88.2 0v-40.1c0-3.6-2.9-6.4-6.4-6.4h-40.6c-3.6 0-6.4 2.9-6.4 6.4v40.1c0 3.6 2.9 6.4 6.4 6.4h40.6c3.5.1 6.4-2.8 6.4-6.4m88.3 0v-40.1c0-3.6-2.9-6.4-6.4-6.4h-40.6c-3.6 0-6.4 2.9-6.4 6.4v40.1c0 3.6 2.9 6.4 6.4 6.4h40.6c3.5.1 6.4-2.8 6.4-6.4M150.3 400v-40.1c0-3.6-2.9-6.4-6.4-6.4h-40.6c-3.6 0-6.4 2.9-6.4 6.4V400c0 3.6 2.9 6.4 6.4 6.4h40.6c3.5 0 6.4-2.8 6.4-6.4m88.4-.2v-40.1c0-3.6-2.9-6.4-6.4-6.4h-40.6c-3.6 0-6.4 2.9-6.4 6.4v40.1c0 3.6 2.9 6.4 6.4 6.4h40.6c3.5.1 6.4-2.8 6.4-6.4m87.8.2v-40.1c0-3.6-2.9-6.4-6.4-6.4h-40.6c-3.6 0-6.4 2.9-6.4 6.4V400c0 3.6 2.9 6.4 6.4 6.4h40.6c3.5 0 6.4-2.8 6.4-6.4m88.7 0v-40.1c0-3.6-2.9-6.4-6.4-6.4h-40.6c-3.6 0-6.4 2.9-6.4 6.4V400c0 3.6 2.9 6.4 6.4 6.4h40.6c3.5 0 6.4-2.8 6.4-6.4"/><path fill="#4f8258" d="M220.9 308.8v44.6c-.1 3.1.1 6.2-.2 9.3c-.5 4.8-4.5 8.4-9 8.3c-4.7-.1-8.2-3.7-8.5-8.7c-.2-2.9-.1-5.9-.1-8.8v-44.9c0-8.3.1-16.6 0-24.9c-.1-11.5-7.2-18.7-18.7-18.9c-10.5-.1-21 0-31.5 0c-23.3-.1-38.1-14.8-38.3-38.1c0-7.9-.2-15.8-.4-23.8v-44.4c.2-3.1.5-6.1.7-9.2c.4-5.1 3.8-8.5 8.6-8.5c4.7 0 8.1 3.4 8.6 8.5c.2 3 .5 6.1.7 9.2v44.4c-.1 8.3-.4 16.5-.3 24.8c.1 12.4 6.9 19.1 19.3 19.2c10.9.1 21.7-.1 32.6.1c21.4.4 36.2 15.5 36.3 36.9c.1 8.4.1 16.6.2 24.9m159 53.7c.4 5.1 3.9 8.5 8.6 8.5s8.1-3.4 8.6-8.5c.3-3 .5-6.1.7-9.1V309c-.1-8.1-.3-16.2-.4-24.3c-.2-22.6-15.1-37.5-37.7-37.6c-10.7-.1-21.4.1-32 0c-11.5-.1-18.6-7.3-18.7-18.9c-.1-8.3 0-16.6 0-24.9v-44.9c0-2.9.1-5.9-.1-8.8c-.3-5-3.8-8.5-8.5-8.7c-4.5-.1-8.5 3.5-9 8.3c-.3 3.1-.1 6.2-.2 9.3v44.6c0 8.3.1 16.6.1 24.9c.1 21.4 14.9 36.5 36.3 36.9c10.9.2 21.7 0 32.6.1c12.4.1 19.3 6.8 19.3 19.2c0 8.3-.2 16.5-.3 24.8v44.4c.2 3 .4 6 .7 9.1"/></svg>

Comment utiliser l'icône Watchyourports

React

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

<Icon icon="selfhst:watchyourports" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:watchyourports" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:watchyourports" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--watchyourports]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="selfhst:watchyourports"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/selfhst/watchyourports.svg" alt="Icône Watchyourports" width="24" height="24">

Icônes similaires dans selfh.st/icons

FAQ : Icône Watchyourports

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

Oui. Les selfh.st/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 Watchyourports dans React ?

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

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

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

Voir toutes les selfh.st/icons →