Icono Sourcetree
devicon:sourcetree
El icono Sourcetree (devicon:sourcetree) es un icono SVG gratuito de la colección Devicon de konpa. Está dibujado en una cuadrícula de 128 × 128. Devicon icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#205081" d="M64 .73C29.114.73.73 29.113.73 64S29.114 127.27 64 127.27c34.888 0 63.27-28.384 63.27-63.27S98.887.73 64 .73m3.335 120.17v-10.988l27.44-13.9a1.96 1.96 0 0 0 1.073-1.747v-6.29a5.98 5.98 0 0 0 3.99-6.258a5.978 5.978 0 1 0-11.892 1.225a5.97 5.97 0 0 0 3.99 5.03v5.09l-24.6 12.46v-10.22l10.843-5.017a1.96 1.96 0 0 0 1.135-1.773l.02-17.026l20.07-11.276c.617-.346 1-1 1-1.706V53.76a5.974 5.974 0 0 0-2.57-11.59a5.975 5.975 0 0 0-1.344 11.59v3.606l-20.07 11.27c-.617.35-1 1-1 1.706l-.02 16.92l-8.068 3.73V54.2l16.884-8.257a1.95 1.95 0 0 0 1.097-1.755v-6.29a5.98 5.98 0 0 0 3.99-6.26a5.976 5.976 0 0 0-6.56-5.33a5.975 5.975 0 0 0-5.332 6.56a5.96 5.96 0 0 0 3.99 5.027v5.07l-14.068 6.877V28.598a5.977 5.977 0 1 0-7.902-5.03a5.97 5.97 0 0 0 3.988 5.028V63.24l-9.943-5.224V42.28a1.95 1.95 0 0 0-.767-1.552l-6.802-5.21a5.978 5.978 0 1 0-2.61 2.928l6.265 4.802V59.2c0 .728.404 1.395 1.048 1.733l12.81 6.73v12.724l-21.37-9.884l.292-7.742a1.96 1.96 0 0 0-1.063-1.815l-9.797-5.025c.147-.63.2-1.292.13-1.97a5.978 5.978 0 0 0-11.892 1.227a5.977 5.977 0 0 0 6.56 5.33a5.9 5.9 0 0 0 3.1-1.268l9.004 4.616l-.295 7.8c-.03.79.417 1.52 1.133 1.85L63.42 84.7v9.084a2 2 0 0 0 0 .516v26.693a58 58 0 0 1-6.093-.387V97.66c0-.766-.445-1.46-1.14-1.778l-15.182-6.987a5.974 5.974 0 0 0-6.563-6.527a5.976 5.976 0 1 0 4.924 10.08l14.047 6.463v21.092C27.022 115.028 6.992 91.815 6.992 64c0-31.434 25.574-57.01 57.01-57.01c31.433 0 57.006 25.576 57.006 57.01c0 30.315-23.787 55.17-53.674 56.902z"/></svg>Cómo usar el icono Sourcetree
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:sourcetree" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:sourcetree" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:sourcetree" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--sourcetree]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:sourcetree"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:sourcetree"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/devicon/sourcetree.svg" alt="Icono Sourcetree" width="24" height="24">Iconos relacionados en Devicon
El icono Sourcetree en otras colecciones
Preguntas frecuentes sobre Icono Sourcetree
¿El icono Sourcetree es gratis para uso comercial?
Sí. Devicon icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Sourcetree en React?
Instala @iconify/react y renderiza <Icon icon="devicon:sourcetree" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Sourcetree a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/devicon/sourcetree.svg" alt="Icono Sourcetree">, o pega el código SVG en línea para darle estilo con CSS.