Icône Programming Duo
streamline-stickies-color:programming-duo
L'icône Programming Duo (streamline-stickies-color:programming-duo) est une icône SVG gratuite de la collection Stickies color icons par Streamline. Elle est dessinée sur une grille de 40 × 40. Les Stickies 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
- Stickies color icons
- Auteur
- Streamline
- Licence
- CC-BY-4.0
- Taille
- 40 × 40
- Catégorie
- Internet et sites web
- Mots-clés
- programmingduo
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><g fill="none" stroke="#00034a" stroke-miterlimit="10"><path fill="#00034a" d="M32.923 19.708a53 53 0 0 1-2.055-2.114a37 37 0 0 1-3.945-4.889a2.02 2.02 0 0 1 .487-2.542c.546-.594 1.373-1.217 2.347-.516a36 36 0 0 1 3.338 3.01a36 36 0 0 1 2.025 2.1a51 51 0 0 1 3.536 4.236a2.103 2.103 0 0 1 0 3.097a54 54 0 0 1-3.536 4.237a36 36 0 0 1-4.51 4.266c-1.34.991-3.638-1.159-3.905-2.552a2.02 2.02 0 0 1 .218-1.36a37.6 37.6 0 0 1 3.945-4.87a60 60 0 0 1 2.055-2.103ZM23.086 9.033a2.27 2.27 0 0 0-3.01 1.228a69 69 0 0 0-3.272 8.833a68 68 0 0 0-2.318 9.136a2.27 2.27 0 0 0 .941 2.38c.52.352 1.3.781 1.922.904a2.26 2.26 0 0 0 3-1.217a67 67 0 0 0 3.282-8.834a68 68 0 0 0 2.318-9.145a2.27 2.27 0 0 0-.941-2.38c-.52-.352-1.3-.781-1.922-.905Zm-13.908.633a36 36 0 0 0-4.51 4.266a51 51 0 0 0-3.486 4.227a2.104 2.104 0 0 0 0 3.097a54 54 0 0 0 3.535 4.237a36 36 0 0 0 3.915 3.766q.776.69 1.59 1.334c.974.691 1.802.068 2.348-.526a2.016 2.016 0 0 0 .487-2.542a37.6 37.6 0 0 0-3.945-4.86a60 60 0 0 0-2.055-2.104q1.057-1.028 2.055-2.113a37 37 0 0 0 3.896-4.87a2.02 2.02 0 0 0-.487-2.542c-.784-.854-2.176-2.245-3.343-1.37Z"/><path fill="#9bff00" d="M24.858 11.76a2.266 2.266 0 0 0-1.772-2.727a2.27 2.27 0 0 0-3.01 1.228a69 69 0 0 0-3.272 8.833a68 68 0 0 0-2.318 9.136a2.266 2.266 0 0 0 1.772 2.727a2.26 2.26 0 0 0 3-1.218a67 67 0 0 0 3.282-8.833a68 68 0 0 0 2.318-9.146ZM8.116 21.811a60 60 0 0 0-2.055-2.103q1.057-1.028 2.055-2.114a37 37 0 0 0 3.896-4.87a2.015 2.015 0 0 0-.487-2.542c-.545-.594-1.412-1.217-2.347-.516a36 36 0 0 0-4.51 4.266a51 51 0 0 0-3.486 4.227a2.105 2.105 0 0 0 0 3.097a54 54 0 0 0 3.535 4.237a36 36 0 0 0 4.51 4.246c.973.692 1.801.069 2.347-.526a2.016 2.016 0 0 0 .487-2.542a37.6 37.6 0 0 0-3.945-4.86Zm22.752-4.217a53 53 0 0 0 2.055 2.114a60 60 0 0 0-2.055 2.104a37.6 37.6 0 0 0-3.945 4.87a2.016 2.016 0 0 0 .487 2.541c.546.594 1.412 1.218 2.347.526a36 36 0 0 0 4.51-4.266a54 54 0 0 0 3.535-4.236a2.104 2.104 0 0 0 0-3.098a51 51 0 0 0-3.535-4.236a36 36 0 0 0-4.51-4.266c-.974-.701-1.802-.078-2.347.516a2.016 2.016 0 0 0-.487 2.542a37 37 0 0 0 3.945 4.889Z"/></g></svg>Comment utiliser l'icône Programming Duo
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-stickies-color:programming-duo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-stickies-color:programming-duo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-stickies-color:programming-duo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-stickies-color--programming-duo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-stickies-color -->
<div class="i-streamline-stickies-color:programming-duo"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-stickies-color:programming-duo"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/streamline-stickies-color/programming-duo.svg" alt="Icône Programming Duo" width="24" height="24">Icônes similaires dans Stickies color icons
FAQ : Icône Programming Duo
L'icône Programming Duo est-elle gratuite pour un usage commercial ?
Oui. Les Stickies 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 Programming Duo dans React ?
Installez @iconify/react et affichez <Icon icon="streamline-stickies-color:programming-duo" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Programming Duo à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/streamline-stickies-color/programming-duo.svg" alt="Icône Programming Duo">, ou collez le code SVG directement dans la page pour le styliser en CSS.