Ícone Openjs Foundation Icon
logos:openjs-foundation-icon
O ícone Openjs Foundation Icon (logos:openjs-foundation-icon) é um ícone SVG gratuito da coleção SVG Logos de Gil Barbara. Ele é desenhado em uma grade de 256 × 296. SVG Logos icons são publicados sob a licença CC0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- SVG Logos
- Autor
- Gil Barbara
- Licença
- CC0-1.0
- Tamanho
- 256 × 296
- Tags
- openjsfoundation, foundationicon, openjsfoundationicon, openj
Código SVG
<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>Como usar o ícone Openjs Foundation 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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/logos/openjs-foundation-icon.svg" alt="Ícone Openjs Foundation Icon" width="24" height="24">Ícones relacionados em SVG Logos
Perguntas frequentes sobre Ícone Openjs Foundation Icon
O ícone Openjs Foundation Icon é grátis para uso comercial?
Sim. SVG Logos icons são publicados sob a licença CC0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Openjs Foundation Icon no React?
Instale @iconify/react e renderize <Icon icon="logos:openjs-foundation-icon" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Openjs Foundation Icon a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/logos/openjs-foundation-icon.svg" alt="Ícone Openjs Foundation Icon">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.