Openjs Foundation Icon アイコン
logos:openjs-foundation-icon
Openjs Foundation Icon アイコン(logos:openjs-foundation-icon)は、SVG Logos セットの無料 SVG アイコンです（作者: 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>Web コンポーネント
<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 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Openjs Foundation Icon アイコンを使うには?
@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。