ICONYZ
Türkçe
SVG Logos setinden Opensource ikonu

Opensource ikonu

logos:opensource

Opensource ikonu (logos:opensource), SVG Logos setinden ücretsiz bir SVG ikondur (yapımcı: Gil Barbara). 256 × 248 ızgara üzerinde çizilmiştir. SVG Logos icons, CC0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti
SVG Logos
Yazar
Gil Barbara
Lisans
CC0-1.0
Boyut
256 × 248
SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="248" viewBox="0 0 256 248"><path fill="#3da639" d="M143.337 167.832c22.063-8.473 33.082-33.231 24.612-55.301s-33.222-33.092-55.284-24.62c-22.063 8.473-33.081 33.232-24.612 55.302a42.8 42.8 0 0 0 24.612 24.619l-28.823 75.13C20.3 218.564-11.44 147.26 12.949 83.698s95.67-95.311 159.212-70.915s95.281 95.7 70.892 159.262a123.25 123.25 0 0 1-70.892 70.915z"/><path fill="#1d531d" d="M172.16 247.369a4.4 4.4 0 0 1-4.113-2.828l-28.824-75.13a4.41 4.41 0 0 1 2.535-5.694c9.571-3.675 17.14-10.86 21.31-20.23c4.17-9.369 4.442-19.802.767-29.376c-7.585-19.766-29.831-29.673-49.59-22.085c-19.76 7.589-29.664 29.842-22.078 49.607a38.45 38.45 0 0 0 22.077 22.084a4.41 4.41 0 0 1 2.535 5.694l-28.824 75.13a4.406 4.406 0 0 1-5.692 2.535c-31.83-12.22-56.998-36.11-70.867-67.266c-13.868-31.156-14.778-65.85-2.56-97.69C21.051 50.28 44.933 25.104 76.08 11.23s65.829-14.783 97.66-2.562c31.83 12.221 56.998 36.11 70.866 67.266s14.778 65.85 2.56 97.69c-12.942 33.732-39.706 60.504-73.427 73.451a4.4 4.4 0 0 1-1.578.293M127.959 8.94c-16.433 0-32.83 3.456-48.294 10.343C50.67 32.2 28.436 55.637 17.063 85.28c-11.374 29.642-10.527 61.94 2.384 90.945c12.312 27.66 34.188 49.166 61.888 60.969l25.712-67.02a47.3 47.3 0 0 1-23.107-25.38c-9.327-24.304 2.85-51.666 27.146-60.996c24.297-9.33 51.649 2.852 60.976 27.154c4.519 11.773 4.183 24.602-.944 36.122c-4.525 10.168-12.305 18.243-22.16 23.106l25.708 67.011c29.465-12.59 52.751-36.694 64.274-66.724c11.373-29.641 10.527-61.94-2.385-90.945c-12.91-29.005-36.34-51.245-65.973-62.622c-13.831-5.31-28.241-7.958-42.624-7.958m109.783 220.633q-2.395 2.45-2.395 5.812q0 3.483 2.436 5.92q2.423 2.436 5.853 2.436q3.416 0 5.839-2.45q2.422-2.463 2.422-5.906q0-3.35-2.409-5.812q-2.436-2.505-5.852-2.505q-3.458 0-5.894 2.505m12.917 13.012q-2.926 2.83-7.023 2.83q-4.233 0-7.132-2.898q-2.9-2.9-2.9-7.132q0-4.397 3.131-7.31q2.94-2.722 6.9-2.722q4.152 0 7.092 2.94t2.94 7.092q0 4.274-3.008 7.2m-6.111-10.549q-.6-.231-1.688-.231h-.708v3.226h1.13q1.02 0 1.592-.409q.572-.408.572-1.32t-.898-1.266m-5.309 8.929v-11.12q1.035 0 3.097.007q2.063.006 2.293.02q1.32.095 2.192.572q1.483.816 1.483 2.654q0 1.402-.782 2.028q-.783.626-1.926.749q1.048.217 1.579.64q.98.788.98 2.49v.994q0 .162.02.326t.075.327l.095.313h-2.777q-.136-.531-.176-1.538q-.042-1.007-.177-1.361a1.35 1.35 0 0 0-.817-.817q-.327-.136-.994-.177l-.64-.04h-.612v3.933z"/></svg>

Opensource ikonu nasıl kullanılır

React

import { Icon } from "@iconify/react";

<Icon icon="logos:opensource" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:opensource" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:opensource" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--opensource]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:opensource"></div>

Web bileşeni

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:opensource"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/logos/opensource.svg" alt="Opensource ikonu" width="24" height="24">

Diğer ikon setlerinde Opensource ikonu

Opensource ikonu: sık sorulan sorular

Opensource ikonu ticari kullanım için ücretsiz mi?

Evet. SVG Logos icons, CC0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Opensource ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="logos:opensource" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Opensource ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/logos/opensource.svg" alt="Opensource ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: SVG Logos ikonları →