Icône Pycharm
thesvg-color:pycharm
L'icône Pycharm (thesvg-color:pycharm) est une icône SVG gratuite de la collection theSVG Color par thesvg.org. Elle est dessinée sur une grille de 105 × 105. 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
- 105 × 105
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="105" height="105" viewBox="0 0 105 105"><linearGradient id="SVGqzdZMd7z" x1="38.78" x2="95.91" y1="41.59" y2="41.59" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#21d789"/><stop offset="1" stop-color="#07c3f2"/></linearGradient><linearGradient id="SVGbtQGGdpt" x1="-29.18" x2="88.46" y1="85.52" y2="-1.32" gradientUnits="userSpaceOnUse"><stop offset=".01" stop-color="#fcf84a"/><stop offset=".11" stop-color="#a7eb62"/><stop offset=".21" stop-color="#5fe077"/><stop offset=".27" stop-color="#32da84"/><stop offset=".31" stop-color="#21d789"/><stop offset=".58" stop-color="#21d789"/><stop offset=".6" stop-color="#21d789"/><stop offset=".69" stop-color="#20d68c"/><stop offset=".76" stop-color="#1ed497"/><stop offset=".83" stop-color="#19d1a9"/><stop offset=".9" stop-color="#13ccc2"/><stop offset=".97" stop-color="#0bc6e1"/><stop offset="1" stop-color="#07c3f2"/></linearGradient><linearGradient id="SVGsfgqaeIl" x1="17.3" x2="36.92" y1="110.99" y2="49.42" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#21d789"/><stop offset=".16" stop-color="#24d888"/><stop offset=".3" stop-color="#2fd985"/><stop offset=".43" stop-color="#41dc80"/><stop offset=".55" stop-color="#5ae079"/><stop offset=".67" stop-color="#7ae46f"/><stop offset=".79" stop-color="#a1ea64"/><stop offset=".9" stop-color="#cff157"/><stop offset="1" stop-color="#fcf84a"/></linearGradient><linearGradient id="SVGHCv17MqP" x1="43.28" x2="85.97" y1="57.46" y2=".06" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#21d789"/><stop offset=".09" stop-color="#23d986"/><stop offset=".17" stop-color="#2ade7b"/><stop offset=".25" stop-color="#36e669"/><stop offset=".27" stop-color="#3bea62"/><stop offset=".35" stop-color="#47eb61"/><stop offset=".49" stop-color="#67ed5d"/><stop offset=".69" stop-color="#9af156"/><stop offset=".92" stop-color="#e0f64d"/><stop offset="1" stop-color="#fcf84a"/></linearGradient><linearGradient id="SVGUtRvuEET" x1="108.58" x2="22.55" y1="64.77" y2="63.97" gradientUnits="userSpaceOnUse"><stop offset=".39" stop-color="#fcf84a"/><stop offset=".46" stop-color="#ecf74c"/><stop offset=".61" stop-color="#c1f451"/><stop offset=".82" stop-color="#7eef5a"/><stop offset="1" stop-color="#3bea62"/></linearGradient><path fill="url(#SVGqzdZMd7z)" d="m71.81 19.65l28.05 23.33l-10.1 20.55l-16.91-4.69H58.22z"/><path fill="url(#SVGbtQGGdpt)" d="m43.55 34.8l-5.43 28.73l-.52 9.76l-13.69 5.93L4.5 81.31l5.89-62.07L45.56 4.5l21.67 14.21z"/><path fill="url(#SVGsfgqaeIl)" d="m43.55 34.8l2.64 55.36l-8.77 10.34L4.5 81.31l27.03-40.28z"/><path fill="url(#SVGHCv17MqP)" d="M79.77 30.76H46.51L75.9 4.5z"/><path fill="url(#SVGUtRvuEET)" d="m100.5 90.38l-29.28 9.94l-38.99-10.98L43.55 34.8l4.52-4.04l23.74-2.23l-2.15 23.84l18.88-7.32z"/><path d="M22.5 22.5h60v60h-60z"/><path fill="#fff" d="M29.98 71.16h22.5v3.75h-22.5zM30 30h9.2c5.36 0 8.61 3.18 8.61 7.77v.06c0 5.2-4.05 7.9-9.09 7.9H35v6.74h-5zm8.86 11.33c2.47 0 3.92-1.47 3.92-3.4v-.06c0-2.22-1.54-3.41-4-3.41H35v6.87zm11.63-.02v-.06A11.41 11.41 0 0 1 62.2 29.63a11.6 11.6 0 0 1 8.86 3.46l-3.14 3.63a8.33 8.33 0 0 0-5.75-2.54c-3.79 0-6.52 3.15-6.52 7v.07c0 3.85 2.67 7.06 6.52 7.06c2.57 0 4.14-1 5.91-2.63l3.14 3.17a11.46 11.46 0 0 1-9.21 4a11.35 11.35 0 0 1-11.52-11.54"/></svg>Comment utiliser l'icône Pycharm
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:pycharm" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:pycharm" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:pycharm" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--pycharm]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:pycharm"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:pycharm"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/pycharm.svg" alt="Icône Pycharm" width="24" height="24">L'icône Pycharm dans d'autres collections
FAQ : Icône Pycharm
L'icône Pycharm 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 Pycharm dans React ?
Installez @iconify/react et affichez <Icon icon="thesvg-color:pycharm" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Pycharm à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/thesvg-color/pycharm.svg" alt="Icône Pycharm">, ou collez le code SVG directement dans la page pour le styliser en CSS.