Openjs Foundation Icon icon
logos:openjs-foundation-icon
The Openjs Foundation Icon icon (logos:openjs-foundation-icon) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 296 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 × 296
- Tags
- openjsfoundation, foundationicon, openjsfoundationicon, openj
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="296" viewBox="0 0 256 296"><defs><linearGradient id="SVG9lZJOeza" x1="20.394%" x2="79.571%" y1="15.849%" y2="84.151%"><stop offset="21.45%" stop-color="#0075c9"/><stop offset="70.67%" stop-color="#80bc00"/><stop offset="100%" stop-color="#fde021"/></linearGradient></defs><path fill="url(#SVG9lZJOeza)" fill-rule="evenodd" d="M255.06 73.398L128.752.47l-.846-.47l-.846.47L1.504 73.022l-.658.376l-.846.47v147.736l.846.47L127.154 295l.846.47l.846-.47l124.617-71.894l1.691-.94l.846-.47V73.868zM115.313 18.89l-30.92 53.474H22.65zM79.319 81.198l-14.473 25.093l-43.419-25.093zM68.04 118.226l51.031 29.51l-51.03 29.51l-17.011-29.51zm-7.518-4.323L46.05 138.996L17.01 88.81zM10.056 94.261l30.919 53.475l-30.92 53.474zm35.9 62.309l14.473 25.092l-43.419 25.093zm18.89 32.61l14.473 25.093H21.427zm-42.197 33.927h61.745l30.919 53.474zm100.934 50.185l-28.946-50.185h28.946zm0-59.019H89.468l-17.01-29.51l51.031-29.509v59.02zm0-74.15l-51.03-29.51l17.01-29.509h34.02zm0-67.759H94.637l28.946-50.185zm71.8 41.54l43.419-25.093l-28.946 50.185zm9.398 33.832l-17.01 29.51l-51.03-29.51l51.03-29.51zm-13.815-41.445l-14.473-25.093h57.892zm42.197-33.927h-61.744L140.593 18.89zM132.323 22.18l28.946 50.185h-28.946zm0 59.02h34.02l17.01 29.509l-51.03 29.51zm0 74.149l51.03 29.51l-17.01 29.415h-34.02zm0 67.76h28.946l-28.946 50.184zm8.27 53.473l30.826-53.474h61.744zm35.9-62.308l14.473-25.092l43.419 25.092zm18.89-32.705l14.473-25.092l28.946 50.185zm50.467 19.642l-30.919-53.474l30.92-53.475z"/></svg>How to use the Openjs Foundation Icon icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:openjs-foundation-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:openjs-foundation-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:openjs-foundation-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--openjs-foundation-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:openjs-foundation-icon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:openjs-foundation-icon"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/openjs-foundation-icon.svg" alt="Openjs Foundation Icon icon" width="24" height="24">Related icons in SVG Logos
Openjs Foundation Icon icon FAQ
Is the Openjs Foundation Icon 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 Openjs Foundation Icon icon in React?
Install @iconify/react and render <Icon icon="logos:openjs-foundation-icon" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Openjs Foundation Icon icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/openjs-foundation-icon.svg" alt="Openjs Foundation Icon icon">, or paste the SVG code inline to style it with CSS.