Icône Indesign
thesvg-color:indesign
L'icône Indesign (thesvg-color:indesign) est une icône SVG gratuite de la collection theSVG Color par thesvg.org. Elle est dessinée sur une grille de 83 × 80. Les theSVG Color icons sont publiées sous la licence MIT, 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
- theSVG Color
- Auteur
- thesvg.org
- Licence
- MIT
- Taille
- 83 × 80
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="83" height="80" viewBox="0 0 83 80"><g fill="none"><g clip-path="url(#SVGRJNxRbwH)"><path fill="#49021f" d="M67.521 0H14.53C6.505 0 0 6.505 0 14.53v50.94C0 73.495 6.505 80 14.53 80h52.99c8.025 0 14.53-6.505 14.53-14.53V14.53C82.051 6.505 75.546 0 67.521 0"/><path fill="#f36" d="M29.798 20.929V55.99q0 .55-.496.55h-6.66q-.44 0-.44-.55V20.929q0-.44.495-.44h6.66a.39.39 0 0 1 .44.44m19.706 36.163a17.05 17.05 0 0 1-7.348-1.541a11.7 11.7 0 0 1-5.147-4.651q-1.871-3.11-1.871-7.789a14.4 14.4 0 0 1 1.871-7.21a13.74 13.74 0 0 1 5.45-5.285q3.577-1.98 8.641-1.981q.275 0 .716.027q.44.03 1.046.083V17.9q0-.384.33-.385h6.935a.29.29 0 0 1 .33.33v32.53q0 .938.083 2.037q.083 1.102.138 1.982a.57.57 0 0 1-.33.55c-1.79.746-3.653 1.3-5.56 1.651a30 30 0 0 1-5.284.496m3.358-6.825V35.24a5.5 5.5 0 0 0-.908-.165a11 11 0 0 0-1.129-.055a8.5 8.5 0 0 0-3.853.88a7.5 7.5 0 0 0-2.89 2.532q-1.128 1.651-1.128 4.349c-.027 1.2.17 2.394.578 3.522c.333.91.858 1.736 1.541 2.422a5.9 5.9 0 0 0 2.312 1.376a9 9 0 0 0 2.835.44q.77 0 1.43-.054c.41-.031.817-.105 1.212-.22"/></g><defs><clipPath id="SVGRJNxRbwH"><path fill="#fff" d="M0 0h82.051v80H0z"/></clipPath></defs></g></svg>Comment utiliser l'icône Indesign
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:indesign" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:indesign" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:indesign" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--indesign]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:indesign"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:indesign"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/indesign.svg" alt="Icône Indesign" width="24" height="24">Icônes similaires dans theSVG Color
FAQ : Icône Indesign
L'icône Indesign est-elle gratuite pour un usage commercial ?
Oui. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Indesign dans React ?
Installez @iconify/react et affichez <Icon icon="thesvg-color:indesign" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Indesign à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/thesvg-color/indesign.svg" alt="Icône Indesign">, ou collez le code SVG directement dans la page pour le styliser en CSS.