Open Source Initiative アイコン

Q: Open Source Initiative アイコンは商用利用でも無料ですか?

はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

selfhst:open-source-initiative

Open Source Initiative アイコン(selfhst:open-source-initiative)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: selfh.st/icons
作者: selfh.st
ライセンス: CC-BY-4.0
サイズ: 512 × 512
タグ: opensource、sourceinitiative、opensourceinitiative

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#3da638" d="M285.7 346.8c35.5-13.2 54-38.6 54-82.3s-36.9-82.2-82.9-82.3c-48.6-.1-85.3 38.4-84.6 82.3c.6 43.9 21.5 73 55 83.6l-59.4 146C88.6 473.6 7.8 380 7.8 264.7C7.8 128 117.6 17.3 255.1 17.3S504.2 128 504.2 264.7c0 117.2-80 209.6-161.1 230z"/><path fill="#1c511c" d="M343.1 502.5c-3.1 0-6.1-1.9-7.2-5l-57.4-147.9c-.8-1.9-.7-4.1.2-6s2.4-3.4 4.4-4.1c33.9-12.6 49-35.8 49-75.1c0-40.3-34.4-74.5-75.2-74.6h-.2c-21.3 0-41 8.1-55.5 22.8c-13.9 14.1-21.4 32.4-21.2 51.6c.5 39.3 18.1 66.4 49.5 76.3c2.1.7 3.8 2.1 4.7 4.1s1 4.2.2 6.2L175 497c-1.5 3.6-5.4 5.6-9.1 4.6c-41.6-10.8-83.1-40.7-114-82C18.4 374.7 0 319.7 0 264.7c0-68.3 26.4-132.3 74.4-180.4c48-48.2 112.2-74.8 180.7-74.8c68.6 0 133.1 26.5 181.6 74.7s75.2 112.3 75.2 180.4c0 56-18.4 111.4-51.7 155.9c-30.8 41.2-72.8 70.9-115.3 81.6c-.5.3-1.2.4-1.8.4m-47.4-151.4l52.1 134.2c74.2-22.5 148.7-109.1 148.7-220.6c0-132.1-108.3-239.6-241.3-239.6C123 25.1 15.5 132.6 15.5 264.7c0 51.7 17.3 103.4 48.8 145.6c27.1 36.4 62.9 63.2 98.9 74.4l53.7-132.1c-32.9-13.9-51.9-45.5-52.5-88c-.3-23.4 8.8-45.7 25.7-62.8c17.5-17.7 41.1-27.4 66.6-27.4h.2c24.1.1 47 9.7 64.2 27.1c16.8 16.9 26.4 39.9 26.4 63c.1 42.6-16.9 71-51.8 86.6"/></svg>

Open Source Initiative アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="selfhst:open-source-initiative" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="selfhst:open-source-initiative" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="selfhst:open-source-initiative" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--open-source-initiative]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:open-source-initiative"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="selfhst:open-source-initiative"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/selfhst/open-source-initiative.svg" alt="Open Source Initiative アイコン" width="24" height="24">

selfh.st/icons の関連アイコン

他のアイコンセットの Open Source Initiative アイコン

Open Source Initiative アイコンのよくある質問

Open Source Initiative アイコンは商用利用でも無料ですか?

はい。selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Open Source Initiative アイコンを使うには?

@iconify/react をインストールして <Icon icon="selfhst:open-source-initiative" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Open Source Initiative アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/open-source-initiative.svg" alt="Open Source Initiative アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

selfh.st/icons をすべて見る →