ICONYZ
Français
Icône No Touch Sign de Plump color icons

Icône No Touch Sign

streamline-plump-color:no-touch-sign

L'icône No Touch Sign (streamline-plump-color:no-touch-sign) est une icône SVG gratuite de la collection Plump color icons par Streamline. Elle est dessinée sur une grille de 48 × 48. Les Plump color 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
Plump color icons
Auteur
Streamline
Licence
CC-BY-4.0
Taille
48 × 48
Catégorie
Interface essentielle
Mots-clés
notouch, touchsign, notouchsign
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="3"><path fill="#8fbffa" d="M24.596 7.103c.003-2.02 1.265-3.847 3.276-4.042c.396-.038.814-.061 1.248-.061c.566 0 1.131.04 1.668.1c2.04.232 3.396 2.018 3.406 4.07c.024 4.684-.074 12.112-.074 12.112l.055-7.262c.014-1.857 1.044-3.633 2.851-4.06a7 7 0 0 1 1.594-.21c.625 0 1.249.122 1.812.29c1.475.438 2.403 1.79 2.674 3.304c.438 2.45 1.014 6.664 1.015 11.867c.009 4.282-.415 9.449-1.495 14.071c-1.042 4.462-4.93 7.39-9.506 7.615a87 87 0 0 1-4.298.101c-3.915 0-6.673-.23-8.453-.462c-1.728-.224-3.345-.922-4.746-1.96c-5.487-4.066-9.752-9.249-11.658-11.756c-.73-.96-1.145-2.15-.889-3.327c.248-1.137.697-2.156 1.19-3.012c1.076-1.872 3.49-2.127 5.313-.969c3.09 1.964 5.042 3.486 5.042 3.486c0-7.384.688-14.503 1.133-18.33c.208-1.795 1.411-3.364 3.205-3.59c.377-.048.77-.078 1.161-.078q.602.002 1.152.053c2.033.184 3.3 2.05 3.31 4.091c.017 3.064.038 7.35.038 9.008c0 0-.03-6.699-.024-11.049"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M24.602 13.046c.01 2.097.018 4.092.018 5.106c0 0-.01-2.315-.018-5.106m0 0l-.02-3.902c-.01-2.04-1.277-3.907-3.31-4.091A13 13 0 0 0 20.12 5c-.392 0-.784.03-1.161.077c-1.794.227-2.997 1.796-3.206 3.591a180 180 0 0 0-.617 6.312m9.466-1.934c-.005-1.958-.009-4.15-.006-5.943c.003-2.02 1.265-3.847 3.276-4.042c.396-.038.814-.061 1.248-.061c.566 0 1.131.04 1.668.1c2.04.232 3.396 2.018 3.406 4.07a455 455 0 0 1-.004 4.5m0 0c-.02 3.855-.07 7.612-.07 7.612l.055-7.262q.002-.176.015-.35m0 0c.132-1.726 1.143-3.31 2.836-3.71a7 7 0 0 1 1.594-.21c.625 0 1.249.122 1.812.29c1.474.438 2.403 1.79 2.674 3.304c.438 2.45 1.014 6.664 1.015 11.867c.008 4.282-.416 9.449-1.495 14.071a9.6 9.6 0 0 1-1.582 3.48m-4.169 3.286a11 11 0 0 1-3.755.85a87 87 0 0 1-4.298.1c-3.915 0-6.673-.23-8.453-.462c-1.728-.224-3.345-.922-4.746-1.96c-5.487-4.065-9.752-9.249-11.658-11.756c-.73-.96-1.145-2.15-.889-3.327c.248-1.137.697-2.156 1.19-3.012c1.076-1.872 3.49-2.127 5.313-.969c3.09 1.964 5.042 3.486 5.042 3.486c0-1.692.037-3.37.098-4.998"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M14.746 27c1.952-.434 4.186-.303 6.254.473M3 3l42 42"/></g></svg>

Comment utiliser l'icône No Touch Sign

React

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

<Icon icon="streamline-plump-color:no-touch-sign" width="24" />

Vue

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

<template>
  <Icon icon="streamline-plump-color:no-touch-sign" width="24" />
</template>

Svelte

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

<Icon icon="streamline-plump-color:no-touch-sign" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--no-touch-sign]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:no-touch-sign"></div>

Web component

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

<iconify-icon icon="streamline-plump-color:no-touch-sign"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/streamline-plump-color/no-touch-sign.svg" alt="Icône No Touch Sign" width="24" height="24">

Icônes similaires dans Plump color icons

L'icône No Touch Sign dans d'autres collections

FAQ : Icône No Touch Sign

L'icône No Touch Sign est-elle gratuite pour un usage commercial ?

Oui. Les Plump color 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 No Touch Sign dans React ?

Installez @iconify/react et affichez <Icon icon="streamline-plump-color:no-touch-sign" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône No Touch Sign à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/streamline-plump-color/no-touch-sign.svg" alt="Icône No Touch Sign">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Plump color icons →