ICONYZ
Français
Icône Cut de Plump color icons

Icône Cut

streamline-plump-color:cut

L'icône Cut (streamline-plump-color:cut) 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
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" fill-rule="evenodd" d="M17.688 19.975a9 9 0 1 0-10.943.332c1.187.969 3.139 2.262 5.505 3.693c-2.366 1.431-4.318 2.724-5.506 3.693a9 9 0 1 0 10.943.332s2.24 1.39 5.313 3.075l11.056-3.075A217 217 0 0 1 24 24c8.666-3.748 17.862-6.833 20.856-7.811c.547-.179.816-.774.511-1.263C44.486 13.513 42.312 11 38 11c-5.846 0-20.312 8.975-20.312 8.975M15 13a3 3 0 1 1-6 0a3 3 0 0 1 6 0m0 22a3 3 0 1 0-6 0a3 3 0 0 0 6 0" clip-rule="evenodd"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M23 31.1a128 128 0 0 1-5.312-3.075a9 9 0 1 1-10.943-.332c1.187-.969 3.139-2.262 5.505-3.693c-2.366-1.431-4.318-2.724-5.506-3.693a9 9 0 1 1 10.943-.332S32.156 11 38 11c4.312 0 6.486 2.513 7.367 3.926c.305.489.036 1.084-.511 1.263C41.862 17.167 32.666 20.252 24 24a217 217 0 0 0 10.056 4.025M15 13a3 3 0 1 1-6 0a3 3 0 0 1 6 0m0 22a3 3 0 1 0-6 0a3 3 0 0 0 6 0m16-2h-2m9 0h-2m9 0h-2"/></g></svg>

Comment utiliser l'icône Cut

React

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

<Icon icon="streamline-plump-color:cut" width="24" />

Vue

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

<template>
  <Icon icon="streamline-plump-color:cut" width="24" />
</template>

Svelte

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

<Icon icon="streamline-plump-color:cut" width="24" />

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:cut"></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:cut"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/streamline-plump-color/cut.svg" alt="Icône Cut" width="24" height="24">

Icônes similaires dans Plump color icons

L'icône Cut dans d'autres collections

FAQ : Icône Cut

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

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

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

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

Voir toutes les Plump color icons →