Icône Connect Without Contact Outline Rounded
material-symbols:connect-without-contact-outline-rounded
L'icône Connect Without Contact Outline Rounded (material-symbols:connect-without-contact-outline-rounded) est une icône SVG gratuite de la collection Material Symbols par Google. Elle est dessinée sur une grille de 24 × 24. Les Material Symbols icons sont publiées sous la licence Apache 2.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
- Material Symbols
- Auteur
- Google
- Licence
- Apache-2.0
- Taille
- 24 × 24
- Catégorie
- Social
- Mots-clés
- communicating, connect, contact, distance, people, signal, social, socialize, without, connectwithout, withoutcontact, contactoutline, outlinerounded, connectwithoutcontactoutlinerounded
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M17 22q-.425 0-.712-.288T16 21v-1.25q-.975-.325-1.75-.987t-1.225-1.588q-.2-.375 0-.75t.6-.55q.35-.15.7.025t.55.525q.4.725 1.1 1.15T17.5 18h3q.625 0 1.063.438T22 19.5V21q0 .425-.288.713T21 22zm.588-5.587Q17 15.825 17 15t.588-1.412T19 13t1.413.588T21 15t-.587 1.413T19 17t-1.412-.587M3 11q-.425 0-.712-.288T2 10V8.5q0-.625.438-1.062T3.5 7h3q.825 0 1.525-.425t1.1-1.15q.2-.35.55-.562t.725-.088q.425.125.625.475t.05.7q-.425 1-1.225 1.725T8 8.75V10q0 .425-.287.712T7 11zm.588-5.587Q3 4.825 3 4t.588-1.412T5 2t1.413.588T7 4t-.587 1.413T5 6t-1.412-.587M10 14q-.425 0-.712-.288T9 13q0-3.35 2.325-5.675T17 5q.425 0 .713.287T18 6t-.288.713T17 7q-2.5 0-4.25 1.75T11 13q0 .425-.288.713T10 14m4 0q-.425 0-.712-.288T13 13q0-1.65 1.175-2.825T17 9q.425 0 .713.288T18 10t-.288.713T17 11q-.825 0-1.412.588T15 13q0 .425-.288.713T14 14"/></svg>
Comment utiliser l'icône Connect Without Contact Outline Rounded
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols:connect-without-contact-outline-rounded" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols:connect-without-contact-outline-rounded" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols:connect-without-contact-outline-rounded" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--connect-without-contact-outline-rounded]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:connect-without-contact-outline-rounded"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols:connect-without-contact-outline-rounded"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/material-symbols/connect-without-contact-outline-rounded.svg" alt="Icône Connect Without Contact Outline Rounded" width="24" height="24">
Icônes similaires dans Material Symbols
L'icône Connect Without Contact Outline Rounded dans d'autres collections
FAQ : Icône Connect Without Contact Outline Rounded
L'icône Connect Without Contact Outline Rounded est-elle gratuite pour un usage commercial ?
Oui. Les Material Symbols icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Connect Without Contact Outline Rounded dans React ?
Installez @iconify/react et affichez <Icon icon="material-symbols:connect-without-contact-outline-rounded" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Connect Without Contact Outline Rounded à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/material-symbols/connect-without-contact-outline-rounded.svg" alt="Icône Connect Without Contact Outline Rounded">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Material Symbols →
ICONYZ
