Иконка Openjs Foundation Icon
logos:openjs-foundation-icon
Иконка Openjs Foundation Icon (logos:openjs-foundation-icon) — бесплатная SVG-иконка из набора SVG Logos от Gil Barbara. Она нарисована на сетке 256 × 296. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- SVG Logos
- Автор
- Gil Barbara
- Лицензия
- CC0-1.0
- Размер
- 256 × 296
- Теги
- openjsfoundation, foundationicon, openjsfoundationicon, openj
Код 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>Как использовать иконку 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>Веб-компонент
<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
<img src="https://iconyz.com/api/public/svg/logos/openjs-foundation-icon.svg" alt="Иконка Openjs Foundation Icon" width="24" height="24">Похожие иконки в наборе SVG Logos
Вопросы и ответы: Иконка Openjs Foundation Icon
Можно ли бесплатно использовать иконку Openjs Foundation Icon в коммерческих проектах?
Да. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Openjs Foundation Icon в React?
Установите @iconify/react и выведите <Icon icon="logos:openjs-foundation-icon" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Openjs Foundation Icon на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/logos/openjs-foundation-icon.svg" alt="Иконка Openjs Foundation Icon">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.