أيقونة Treehouse
logos:treehouse
أيقونة Treehouse (logos:treehouse) أيقونة SVG مجانية من مجموعة SVG Logos من تصميم Gil Barbara. مرسومة على شبكة 512 × 119. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- SVG Logos
- المؤلف
- Gil Barbara
- الترخيص
- CC0-1.0
- الحجم
- 512 × 119
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="119" viewBox="0 0 512 119"><path fill="#3e474f" d="M157.652 77.629c-1.474.368-3.315.736-5.157.736c-3.683 0-5.157-2.21-5.157-5.893V55.896h10.314c2.578 0 5.157-1.841 5.157-4.788s-2.21-4.789-5.157-4.789h-10.314v-5.525c0-3.315-2.578-5.525-5.525-5.525s-5.525 2.578-5.525 5.525V72.84c0 9.209 4.42 15.84 14.734 15.84c2.946 0 6.998-.37 9.945-1.843c2.578-1.105 3.315-2.946 3.315-4.788c0-2.578-2.578-5.157-6.63-4.42m36.834-32.783c-1.473-.368-4.42-.737-6.998-.737c-9.209 0-14.366 5.526-14.366 13.997v25.048c0 2.947 2.579 5.525 5.525 5.525s5.526-2.578 5.526-5.525V60.317c0-3.684 1.473-5.157 4.051-5.157s4.052.736 6.262.736c3.315 0 5.157-2.946 5.157-5.156c-.368-2.947-1.842-4.789-5.157-5.894m30.573-.737c-10.314 0-17.68 6.63-18.786 17.313c0 2.578-.368 6.998 0 10.313c.737 10.314 8.104 17.312 19.154 17.312c5.157 0 9.946-1.105 12.892-2.946c2.21-1.474 2.579-2.947 2.579-4.42c0-2.947-2.579-5.894-6.999-4.42c-2.578 1.104-5.525 1.841-8.472 1.841c-5.156 0-9.208-2.578-9.208-7.735v-1.105h20.995c3.684 0 5.526-2.21 5.526-5.525v-1.842c.368-11.419-6.999-18.786-17.681-18.786m6.999 18.786h-15.47c0-5.525 2.577-9.209 8.471-9.209c5.157 0 8.104 3.315 7.735 8.104c0 .737 0 1.105-.736 1.105m37.202-18.786c-10.313 0-17.68 6.63-18.785 17.313c0 2.578-.369 6.998 0 10.313c.737 10.314 8.103 17.312 19.154 17.312c5.157 0 9.945-1.105 12.892-2.946c2.21-1.474 2.578-2.947 2.578-4.42c0-2.947-2.578-5.894-6.998-4.42c-2.579 1.104-5.525 1.841-8.472 1.841c-5.157 0-9.209-2.578-9.209-7.735v-1.105h20.996c3.683 0 5.525-2.21 5.525-5.525v-1.842c.368-11.419-6.999-18.786-17.68-18.786m6.999 18.786h-15.47c0-5.525 2.578-9.209 8.471-9.209c5.157 0 8.104 3.315 7.736 8.104c0 .737 0 1.105-.737 1.105m179.016-.368l-5.894-1.474c-3.683-.736-4.788-1.841-4.788-3.683s1.842-3.315 5.893-3.315c2.21 0 4.789.736 6.999 1.841c2.578 1.474 5.525 1.105 6.998-.736c1.842-1.842 1.842-5.157-.368-7.367c-2.947-2.21-8.103-3.684-13.26-3.684c-9.577 0-16.576 4.789-16.576 13.63c0 6.998 5.157 10.681 11.787 12.523c3.315.737 2.947.737 5.894 1.473c3.315.737 4.788 2.21 4.788 3.684c0 2.21-1.842 3.683-6.262 3.683c-3.683 0-6.998-1.105-9.577-2.578c-2.578-1.842-5.525-1.105-6.998 1.105c-1.474 2.21-1.105 5.157 1.105 6.63c2.947 2.578 7.735 4.788 15.47 4.788c9.577 0 16.944-5.156 16.944-13.997c0-6.63-4.052-10.682-12.155-12.523m51.2 7.735c3.683 0 5.525-2.21 5.525-5.525v-1.842c0-11.419-7.367-18.786-18.049-18.786c-10.314 0-17.68 6.63-18.786 17.313c0 2.578-.368 6.998 0 10.313c.737 10.314 8.104 17.312 19.154 17.312c5.157 0 9.946-1.105 12.893-2.946c2.21-1.474 2.578-2.947 2.578-4.42c0-2.947-2.578-5.894-6.999-4.42c-2.578 1.104-5.525 1.841-8.472 1.841c-5.156 0-9.208-2.578-9.208-7.735v-1.105zM493.95 53.686c5.157 0 8.104 3.315 7.735 8.104c0 .737-.368 1.105-.736 1.105h-15.47c0-5.525 2.946-9.209 8.471-9.209M359.137 44.11c-11.05 0-19.154 6.999-20.26 16.576c-.368 3.315-.368 8.472 0 11.787c.737 9.577 9.21 16.575 20.26 16.575s19.154-6.998 19.89-16.575c.369-3.315.369-8.104 0-11.419c-.736-9.945-8.84-16.944-19.89-16.944m8.84 26.521c-.368 4.789-3.683 7.735-8.84 7.735s-8.472-3.315-8.84-7.735v-8.103c.368-4.789 3.683-7.736 8.84-7.736s8.472 3.315 8.84 7.736c.368 2.21.368 5.893 0 8.103m-52.673-26.52c-4.052 0-8.472 1.473-9.946 3.314V35.637c0-3.315-2.21-5.525-5.157-5.525s-5.156 2.579-5.156 5.525v47.517c0 2.947 2.578 5.525 5.525 5.525s5.157-2.578 5.157-5.525v-24.68c1.841-1.84 4.788-3.314 8.472-3.314c4.42 0 6.998 2.578 6.998 7.735v20.259c0 3.315 2.21 5.893 5.157 5.893c3.315 0 5.525-2.578 5.525-5.893V62.158c-.368-11.787-6.262-18.049-16.575-18.049m103.136.368c-2.946 0-5.525 2.578-5.525 5.525v26.152c-1.842 1.105-4.42 2.21-7.735 2.21c-4.42 0-7.735-2.578-7.735-7.735V50.003c0-3.315-2.579-5.894-5.526-5.894c-3.315 0-5.156 2.579-5.156 5.894v20.996c0 11.418 6.63 17.68 18.049 17.68c8.471 0 14.365-2.947 16.943-4.788c1.474-.737 1.842-1.842 1.842-3.684V50.003c0-2.947-2.21-5.525-5.157-5.525"/><path fill="#5fcf80" d="M95.77 21.64c-4.052-2.21-10.314 1.474-13.997 8.104L74.774 41.53c-2.578 4.788-2.21 10.682 1.105 15.47l.368.369c3.316 4.42 7.367 8.84 8.84 10.313c.737.737 1.474 1.842 1.842 3.316c1.106 4.051-1.105 8.472-5.525 9.577c-4.051 1.105-8.472-1.105-9.577-5.526c-.368-1.105-.368-2.21-.368-2.946c.368-1.842-.368-4.42-2.947-7.367c-2.578-2.579-7.367 2.578-9.208 7.735v.368c-1.474 5.157-2.579 9.946-2.21 10.314c0 .368.368.368.368.737c2.21 4.42.737 9.577-3.684 11.787c-4.42 2.21-9.577.736-11.787-3.684s-.736-9.577 3.684-11.787c.368 0 .368-.368.737-.368c.368 0 1.105-2.21 2.21-5.157c.736-2.578 1.105-3.683 1.473-4.788c.368-1.474 1.105-5.157.737-6.63c-.369-1.842-2.21-1.842-4.052-.737c-1.105.736-3.315 2.578-4.052 3.315c-1.842 1.473-3.315 3.683-4.052 5.525c-.368.737-1.105 1.842-1.841 2.578c-3.316 2.579-8.104 2.21-11.05-1.105c-2.58-3.315-2.21-8.103 1.104-11.05c1.105-.737 2.21-1.473 3.315-1.473c1.842-.369 8.472-4.42 12.524-7.367c.737-.369 1.842-1.474 2.21-1.842c1.105-1.473 0-2.579-1.105-2.579c-3.315.369-6.998.737-7.735 1.842c-.369.369-.737 1.105-1.474 1.474c-2.946 2.21-7.366 1.473-9.577-1.474c-2.21-2.947-1.473-7.367 1.474-9.577c1.105-1.105 2.947-1.473 4.052-1.473c2.578 0 9.208 1.473 14.365.368l1.474-.368c5.525-1.105 12.155-5.894 14.733-10.682c0 0 2.579-4.42 5.526-9.945c3.315-5.526 2.946-11.788-.369-13.63L60.04 1.382c-3.315-1.841-8.103-1.841-11.418 0L5.894 25.692C2.578 27.534 0 31.954 0 35.637v47.149c0 3.683 2.578 8.103 5.894 9.945l42.728 24.31c3.315 1.842 8.472 1.842 11.418 0l42.728-24.31c3.315-1.842 5.894-6.262 5.894-9.945V35.637c0-3.683-2.579-8.103-5.894-9.945c0 0-2.946-1.842-6.998-4.052"/></svg>كيفية استخدام أيقونة Treehouse
React
import { Icon } from "@iconify/react";
<Icon icon="logos:treehouse" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:treehouse" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:treehouse" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--treehouse]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:treehouse"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:treehouse"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/logos/treehouse.svg" alt="أيقونة Treehouse" width="24" height="24">أيقونات ذات صلة في SVG Logos
أيقونة Treehouse في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Treehouse
هل أيقونة Treehouse مجانية للاستخدام التجاري؟
نعم. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Treehouse في React؟
ثبّت @iconify/react واعرض <Icon icon="logos:treehouse" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Treehouse إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/logos/treehouse.svg" alt="أيقونة Treehouse">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.