Opensource icon
logos:opensource
The Opensource icon (logos:opensource) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 248 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 256 × 248
SVG code
<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>How to use the Opensource icon
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 component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:opensource"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/opensource.svg" alt="Opensource icon" width="24" height="24">Opensource icon in other icon sets
Opensource icon FAQ
Is the Opensource icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Opensource icon in React?
Install @iconify/react and render <Icon icon="logos:opensource" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Opensource icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/opensource.svg" alt="Opensource icon">, or paste the SVG code inline to style it with CSS.