Icono Coding Duo
streamline-stickies-color:coding-duo
El icono Coding Duo (streamline-stickies-color:coding-duo) es un icono SVG gratuito de la colección Stickies color icons de Streamline. Está dibujado en una cuadrícula de 40 × 40. Stickies color icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Stickies color icons
- Autor
- Streamline
- Licencia
- CC-BY-4.0
- Tamaño
- 40 × 40
- Categoría
- Tecnología e informática
- Etiquetas
- codingduo
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><g fill="none"><g stroke="#00034a" stroke-miterlimit="10" clip-path="url(#SVGw9scfcdR)"><path fill="#00034a" d="M33.874 15.37c0-1.17-1.558-2.036-2.63-2.036c-.9 0-1.628.729-1.628 1.628c0 1.17 1.559 2.035 2.63 2.035c.9 0 1.628-.728 1.628-1.627Zm.934-4.723c0-.899.729-1.628 1.627-1.628c1.073 0 2.63.866 2.63 2.035c0 .9-.728 1.628-1.627 1.628c-1.072 0-2.63-.866-2.63-2.035Zm-6.945-4.093c.135.289.26.539.376.77c-.183.173-.385.366-.607.597l-.01.01c-.173.169-2.505 2.444-1.473 3.438c.355.382 1.255.729 1.757.825c.289.055.588.017.854-.11a6.9 6.9 0 0 0 1.869-1.53a6.8 6.8 0 0 0 1.473-1.927c.13-.256.18-.544.145-.828a7.1 7.1 0 0 0-.752-2.292a7.3 7.3 0 0 0-1.242-2.071c-.354-.344-1.3-.72-1.778-.79a1.4 1.4 0 0 0-.852.142c-1.333.623.187 3.659.24 3.764zM25.06.784a1.406 1.406 0 0 0-1.704.347a44 44 0 0 0-2.581 4.594a46 46 0 0 0-2.09 4.816a1.416 1.416 0 0 0 .708 1.745c.342.168.66.24 1.003.407a1.415 1.415 0 0 0 1.815-.502q1.424-2.221 2.58-4.594a47 47 0 0 0 2.043-4.845a1.425 1.425 0 0 0-.77-1.56c-.338-.17-.664-.242-1.003-.408zm-7.774 9.641c.29.045.59-.004.85-.141c1.33-.67-.181-3.687-.24-3.803v-.002a8 8 0 0 0-.376-.77c.193-.174.395-.366.617-.597l.008-.009c.168-.164 2.499-2.443 1.475-3.44c-.355-.36-1.28-.723-1.768-.804a1.4 1.4 0 0 0-.853.128a7.1 7.1 0 0 0-1.868 1.531a7 7 0 0 0-1.474 1.926a1.5 1.5 0 0 0-.145.829c.118.801.372 1.576.752 2.292c.29.756.715 1.454 1.252 2.061c.35.353 1.29.724 1.77.799Z"/><path fill="#9bff00" d="M25.83 2.345a1.425 1.425 0 0 0-.77-1.56a1.406 1.406 0 0 0-1.704.346a44 44 0 0 0-2.581 4.594a46 46 0 0 0-2.09 4.816a1.415 1.415 0 0 0 2.523 1.242a46.7 46.7 0 0 0 4.623-9.438Zm-8.937 3.727a8 8 0 0 0-.376-.77c.193-.174.395-.366.617-.598c.058-.057 2.533-2.427 1.483-3.448A1.4 1.4 0 0 0 17 .986c-.706.4-1.338.918-1.868 1.532a7 7 0 0 0-1.474 1.926a1.5 1.5 0 0 0-.145.829a7.1 7.1 0 0 0 .752 2.292a6.8 6.8 0 0 0 1.252 2.061a1.38 1.38 0 0 0 1.618.25c1.339-.674-.202-3.727-.24-3.804zm10.97.482c.135.289.26.539.376.77c-.183.173-.385.366-.607.597c-.058.058-2.543 2.427-1.483 3.448a1.39 1.39 0 0 0 1.608.309a6.9 6.9 0 0 0 1.869-1.532A6.8 6.8 0 0 0 31.1 8.22c.129-.256.18-.544.144-.828a7.1 7.1 0 0 0-.751-2.293a7.3 7.3 0 0 0-1.243-2.07a1.41 1.41 0 0 0-1.627-.241c-1.34.626.202 3.689.24 3.766Z"/><path fill="#00034a" d="M11.027 15.328c2.95-.448 6.398-.68 8.342-.535c1.96.146 3.259 1.463 4.152 3.184c.717 1.38 1.069 3.461 1.329 5.177c.404 2.667 1.01 7.108-.655 8.07c-.424.473-2.158 1.07-4.276 1.619l.413 1.372c.37.193 1.662 1.911 1.696 2.21c.077.675-.25 1.041-.963 1.282c-.366.125-10.797 1.685-11.067 1.685c-.785 0-2.36-1.664-2.476-2.403c-.116-.732.23-1.02.963-1.329V34.4c-1.628.036-2.9-.056-3.36-.305c-.91-.205-2.055-1.8-2.533-2.607c-.944-1.594-1.415-4.43-1.707-6.346c-.404-2.658-.866-6.212.8-7.165c.78-.829 5.413-2.052 9.342-2.649Z"/><path fill="#9bff00" d="M20.736 15.068c-.963-.55-5.78-.337-9.71.26s-8.561 1.82-9.341 2.649c-1.666.953-1.204 4.507-.8 7.165c.405 2.659 1.156 7.09 3.034 7.513c.569.308 2.38.376 4.566.26v2.745c-.732.308-1.08.597-.963 1.33c.115.731.49.962 1.27.962c.27 0 10.702-1.56 11.068-1.685c.712-.24 1.04-.607.963-1.281s-.53-.905-1.32-.963l-.79-2.62c2.12-.549 3.853-1.146 4.277-1.618c1.666-.963 1.06-5.403.655-8.071s-1.03-6.222-2.91-6.646Z"/><path fill="#fff" d="M20.245 27.618c1.252-.684.963-3.188.645-5.057c-.318-1.868-.722-4.353-2.128-4.642c-.732-.376-4.335-.193-7.272.25s-6.425 1.349-7.022 1.927c-1.252.683-.963 3.178-.645 5.056s.722 4.354 2.129 4.633c.74.385 4.334.202 7.27-.25c2.939-.453 6.406-1.33 7.023-1.917Z"/><path stroke-linecap="round" d="M10.825 35.005a12.8 12.8 0 0 1 3.092-.713a12.5 12.5 0 0 1 3.169-.24"/><path fill="#00034a" d="M33.633 20.991c-1.686-1.03-3.612-1.608-4.72-1.088a13.01 13.01 0 0 0-6.395 10.45c.076 1.947 2.96 4.368 4.47 5.291c1.687 1.03 3.613 1.609 4.72 1.089a13.01 13.01 0 0 0 6.396-10.45c-.077-1.947-2.961-4.369-4.471-5.292Z"/><path fill="#fff" d="M28.913 19.903c1.108-.52 3.034.058 4.72 1.088s3.072 2.485 3.12 3.709a13.01 13.01 0 0 1-6.395 10.45c-1.108.52-3.034-.058-4.72-1.089s-3.072-2.485-3.12-3.708a13.01 13.01 0 0 1 6.395-10.45Z"/><path stroke-linecap="round" d="M33.893 27.868a9.95 9.95 0 0 1-6.53-3.997m4.864-.616l-2.004 3.265"/><path fill="#9bff00" stroke-linecap="round" d="M30.223 27.791a1.27 1.27 0 1 0 0-2.54a1.27 1.27 0 0 0 0 2.54Z"/><path fill="#9bff00" d="M31.244 16.59a1.628 1.628 0 1 0 0-3.256a1.628 1.628 0 0 0 0 3.256Zm5.191-4.315a1.628 1.628 0 1 0 0-3.256a1.628 1.628 0 0 0 0 3.256Z"/></g><defs><clipPath id="SVGw9scfcdR"><path fill="#fff" d="M0 0h40v40H0z"/></clipPath></defs></g></svg>Cómo usar el icono Coding Duo
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-stickies-color:coding-duo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-stickies-color:coding-duo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-stickies-color:coding-duo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-stickies-color--coding-duo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-stickies-color -->
<div class="i-streamline-stickies-color:coding-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:coding-duo"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/streamline-stickies-color/coding-duo.svg" alt="Icono Coding Duo" width="24" height="24">Iconos relacionados en Stickies color icons
Preguntas frecuentes sobre Icono Coding Duo
¿El icono Coding Duo es gratis para uso comercial?
Sí. Stickies color icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Coding Duo en React?
Instala @iconify/react y renderiza <Icon icon="streamline-stickies-color:coding-duo" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Coding Duo a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/streamline-stickies-color/coding-duo.svg" alt="Icono Coding Duo">, o pega el código SVG en línea para darle estilo con CSS.