Ikon Sourcetree
devicon:sourcetree
Ikon Sourcetree (devicon:sourcetree) adalah ikon SVG gratis dari set Devicon karya konpa. Ikon ini digambar pada grid 128 × 128. Devicon icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Devicon
- Pembuat
- konpa
- Lisensi
- MIT
- Ukuran
- 128 × 128
Kode 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>
Cara memakai ikon 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>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/devicon/sourcetree.svg" alt="Ikon Sourcetree" width="24" height="24">
Ikon Sourcetree di set ikon lain
FAQ Ikon Sourcetree
Apakah ikon Sourcetree gratis untuk penggunaan komersial?
Ya. Devicon icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Sourcetree di React?
Pasang @iconify/react lalu render <Icon icon="devicon:sourcetree" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Sourcetree ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/devicon/sourcetree.svg" alt="Ikon Sourcetree">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Devicon →
ICONYZ
