Orange Isp アイコン

Q: Orange Isp アイコンは商用利用でも無料ですか?

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

selfhst:orange-isp

Orange Isp アイコン(selfhst:orange-isp)は、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
タグ: orangeisp

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#ff7900" d="M0 0h512v512H0z"/><path fill="#fff" d="M200.9 462.4c-6.9 4.6-15.1 7.1-23.5 7.1c-13.3 0-21.2-8.9-21.2-20.7c0-15.9 14.7-24.4 44.9-27.8v-4c0-5.2-3.9-8.2-11.2-8.2c-3.3-.1-6.6.6-9.7 2c-3 1.4-5.7 3.5-7.7 6.2l-12.6-7.2c6.6-9.3 16.8-13.9 30.4-13.9c18.6 0 28.9 8 28.9 21.1v51.7h-16.6zm-26.3-15c0 4.8 3 9.3 8.5 9.3c5.9 0 11.6-2.5 17.4-7.5v-16.9c-17.6 2.2-25.9 6.7-25.9 15.1m59.4-48.1l15.5-2.1l1.7 8.5c8.8-6.4 15.7-9.8 24.5-9.8c14.7 0 22.2 7.8 22.2 23.2v49.6h-18.7v-46.3c0-8.7-2.3-12.6-9-12.6c-5.6 0-11.2 2.6-17.5 7.9v51.1H234zM422.1 470c-21 0-33.5-13.5-33.5-36.9s12.6-37.2 33.2-37.2s32.8 13.1 32.8 36.3c0 1.2-.1 2.5-.1 3.6H407c.1 13.5 5.7 20.3 16.8 20.3c7.1 0 11.8-2.9 16.2-9l13.7 7.6c-6.1 9.9-16.9 15.3-31.6 15.3m14.1-46.4c0-9.5-5.4-15.1-14.4-15.1c-8.5 0-13.7 5.4-14.5 15.1zM63 470.7c-18.6 0-35.3-11.8-35.3-37.6s16.7-37.6 35.3-37.6s35.3 11.8 35.3 37.6c0 25.9-16.7 37.6-35.3 37.6m0-59.3c-14 0-16.6 12.6-16.6 21.7S49 454.8 63 454.8s16.6-12.6 16.6-21.8S77 411.4 63 411.4m48.1-14H129v8.4c2.4-2.9 5.4-5.3 8.8-7s7.1-2.7 10.8-2.9c.8 0 1.6 0 2.4.1v17.6h-.9c-8.2 0-17.1 1.3-19.9 7.6v47.4h-19.1zm232.7 56c14.2-.1 15.4-14.6 15.4-24c0-11.1-5.4-20.2-15.6-20.2c-6.7 0-14.3 4.9-14.3 21c.1 8.7.7 23.3 14.5 23.2m33.5-56.2v67.5c0 11.9-.9 31.5-34.9 31.7c-14 0-27-5.5-29.6-17.8l18.5-3c.8 3.5 2.9 7 13.4 7c9.7 0 14.5-4.7 14.5-15.8v-8.3l-.3-.3c-3 5.3-7.5 10.4-18.4 10.4c-16.6 0-29.7-11.5-29.7-35.6c0-23.8 13.5-37.2 28.6-37.2c14.2 0 19.5 6.4 20.7 9.9h-.2l1.5-8.5zm84.6-23.7h-7.4v20.4h-3.9v-20.4h-7.4v-3.1h18.6v3.1zm30.8 20.4h-3.9v-19.7h-.1l-7.7 19.7h-2.5l-7.7-19.7h-.1v19.7h-3.9v-23.5h6l7 17.9l6.9-17.9h5.9v23.5z"/></svg>

Orange Isp アイコンの使い方

React

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

<Icon icon="selfhst:orange-isp" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:orange-isp" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:orange-isp" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--orange-isp]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:orange-isp"></div>

Web コンポーネント

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

<iconify-icon icon="selfhst:orange-isp"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/selfhst/orange-isp.svg" alt="Orange Isp アイコン" width="24" height="24">

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

Orange Isp アイコンのよくある質問

Orange Isp アイコンは商用利用でも無料ですか?

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

React で Orange Isp アイコンを使うには?

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

Orange Isp アイコンをウェブページに追加するには?

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

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