Icône Copy Close Outline
solar:copy-close-outline
L'icône Copy Close Outline (solar:copy-close-outline) est une icône SVG gratuite de la collection Solar par 480 Design. Elle est dessinée sur une grille de 24 × 24. Les Solar 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
- Solar
- Auteur
- 480 Design
- Licence
- CC-BY-4.0
- Taille
- 24 × 24
- Catégorie
- Interface
- Mots-clés
- copyclose, closeoutline, copycloseoutline
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M15.2666 10.6709C15.5594 10.3781 16.0352 10.3784 16.3281 10.6709C16.6207 10.9637 16.6207 11.4386 16.3281 11.7314L14.5596 13.499L16.3281 15.2666C16.621 15.5595 16.621 16.0352 16.3281 16.3281C16.0352 16.621 15.5595 16.621 15.2666 16.3281L13.499 14.5596L11.7314 16.3281C11.4386 16.6207 10.9637 16.6207 10.6709 16.3281C10.3784 16.0352 10.3781 15.5594 10.6709 15.2666L12.4385 13.499L10.6709 11.7314C10.3784 11.4385 10.3782 10.9636 10.6709 10.6709C10.9636 10.3782 11.4385 10.3784 11.7314 10.6709L13.499 12.4385L15.2666 10.6709Z"/><path fill-rule="evenodd" d="M15 1.25C16.8724 1.25 18.4236 2.62236 18.7041 4.41602C19.4682 4.55408 20.1205 4.81774 20.6514 5.34863C21.2533 5.95055 21.5128 6.70829 21.6338 7.6084C21.7519 8.4869 21.75 9.60709 21.75 11V16C21.75 17.3929 21.7519 18.5131 21.6338 19.3916C21.5128 20.2917 21.2533 21.0494 20.6514 21.6514C20.0494 22.2533 19.2917 22.5128 18.3916 22.6338C17.5131 22.7519 16.3929 22.75 15 22.75H12C10.6071 22.75 9.4869 22.7519 8.6084 22.6338C7.70829 22.5128 6.95055 22.2533 6.34863 21.6514C5.81774 21.1205 5.55408 20.4682 5.41602 19.7041C3.62236 19.4236 2.25 17.8724 2.25 16V10C2.25 8.13558 2.24859 6.66159 2.40332 5.51074C2.56096 4.33844 2.89329 3.38991 3.6416 2.6416C4.38991 1.89329 5.33844 1.56096 6.51074 1.40332C7.66159 1.24859 9.13558 1.25 11 1.25H15ZM12 5.75C10.5648 5.75 9.5639 5.75202 8.80859 5.85352C8.07482 5.95217 7.68594 6.13242 7.40918 6.40918C7.13242 6.68594 6.95217 7.07482 6.85352 7.80859C6.75202 8.5639 6.75 9.56485 6.75 11V16C6.75 17.4351 6.75202 18.4361 6.85352 19.1914C6.95217 19.9252 7.13242 20.3141 7.40918 20.5908C7.68594 20.8676 8.07482 21.0478 8.80859 21.1465C9.5639 21.248 10.5649 21.25 12 21.25H15C16.4352 21.25 17.4361 21.248 18.1914 21.1465C18.9252 21.0478 19.3141 20.8676 19.5908 20.5908C19.8676 20.3141 20.0478 19.9252 20.1465 19.1914C20.248 18.4361 20.25 17.4352 20.25 16V11C20.25 9.56485 20.248 8.5639 20.1465 7.80859C20.0478 7.07482 19.8676 6.68594 19.5908 6.40918C19.3141 6.13242 18.9252 5.95217 18.1914 5.85352C17.4361 5.75202 16.4351 5.75 15 5.75H12ZM11 2.75C9.09324 2.75 7.73859 2.7515 6.71094 2.88965C5.70485 3.02491 5.12536 3.27894 4.70215 3.70215C4.27894 4.12536 4.02491 4.70485 3.88965 5.71094C3.7515 6.73859 3.75 8.09324 3.75 10V16C3.75 16.9873 4.38694 17.8229 5.27148 18.126C5.24999 17.5025 5.25 16.7957 5.25 16V11C5.25 9.60709 5.24812 8.4869 5.36621 7.6084C5.48723 6.70829 5.74672 5.95055 6.34863 5.34863C6.95055 4.74672 7.70829 4.48723 8.6084 4.36621C9.4869 4.24812 10.6071 4.25 12 4.25H15C15.7957 4.25 16.5025 4.24999 17.126 4.27148C16.8229 3.38694 15.9873 2.75 15 2.75H11Z" clip-rule="evenodd"/></g></svg>
Comment utiliser l'icône Copy Close Outline
React
import { Icon } from "@iconify/react";
<Icon icon="solar:copy-close-outline" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:copy-close-outline" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:copy-close-outline" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--copy-close-outline]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:copy-close-outline"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:copy-close-outline"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/solar/copy-close-outline.svg" alt="Icône Copy Close Outline" width="24" height="24">
Icônes similaires dans Solar
FAQ : Icône Copy Close Outline
L'icône Copy Close Outline est-elle gratuite pour un usage commercial ?
Oui. Les Solar 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 Copy Close Outline dans React ?
Installez @iconify/react et affichez <Icon icon="solar:copy-close-outline" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Copy Close Outline à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/solar/copy-close-outline.svg" alt="Icône Copy Close Outline">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Solar →
