Onshape アイコン

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

はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

thesvg-color:onshape

Onshape アイコン(thesvg-color:onshape)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 220 × 62 のグリッドで描かれています。 theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: theSVG Color
作者: thesvg.org
ライセンス: MIT
サイズ: 220 × 62

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="220" height="62" viewBox="0 0 220 62"><path fill="#1b5faa" d="M19.81 38.563c-4.933 0-7.038-2.433-7.038-13.285s2.105-13.35 7.037-13.35c4.867 0 7.037 2.433 7.037 13.35s-2.17 13.285-7.037 13.285m0-36.17C6.13 2.392 1 9.625 1 25.277s5.13 22.82 18.81 22.82c13.614 0 18.678-7.168 18.678-22.82S33.423 2.392 19.809 2.392m96.706 12.166c-2.303 0-4.736.593-6.38 1.513h-.066V1.076H99.547v46.365h10.522v-22.36c1.448-1.053 3.289-1.776 4.736-1.776c1.315 0 1.841.527 1.841 1.841v22.295h10.523V23.24c0-6.708-5.394-8.68-10.654-8.68m93.081 12.888h-6.972c.132-3.025.592-5.392 3.815-5.392c2.696 0 3.157 2.433 3.157 4.8zm9.404 1.25c0-8.024-3.354-14.14-12.626-14.14c-11.115 0-14.601 6.314-14.601 17.363c0 10.061 4.012 16.178 16.244 16.178c2.236 0 7.234-.395 9.734-1.25l-.395-8.417c-1.842.525-5.327 1.118-7.629 1.118c-6.445 0-7.037-1.908-7.037-5.46H219zm-126.856.329l-6.709-3.157c-.986-.46-1.578-.724-1.578-1.644c0-.986.723-1.316 3.223-1.316c.855 0 5.261.132 7.958.593l.394-8.352c-2.696-.46-6.84-.593-8.616-.593c-7.957 0-13.678 2.631-13.678 9.865c0 4.933 2.696 7.892 6.05 9.339l6.05 2.696c1.184.527 1.71 1.052 1.71 1.71c0 1.053-.655 1.006-3.022 1.006c-1.778 0-5.447 0-9.02.003v-.003h-5.519V23.24c0-6.709-5.392-8.682-10.653-8.682c-3.42 0-6.511 1.184-8.616 2.697h-.066l-.591-2.039h-7.695v32.225h10.522v-22.36c1.447-1.053 3.29-1.776 4.736-1.776c1.315 0 1.841.527 1.841 1.841v22.295h7.848l22.087.015c5.182-.924 8.737-3.812 8.737-9.748c0-4.538-2.302-7.234-5.393-8.681m82.528 10.433c-.916.08-2.301.008-3.09-.255V24.49c.855-.658 2.302-1.316 3.946-1.316c2.5 0 3.748 1.448 3.748 8.287c0 5.524-1.144 7.695-4.604 8m-29.134-.569c-.79.724-2.302 1.184-3.288 1.184c-1.974 0-2.894-1.052-2.894-3.156c0-.33.065-1.316.657-1.908c.921-.92 3.026-.986 5.525-.986zm32.95-24.333c-2.96 0-6.577.658-9.076 2.697h-.066l-.592-2.039h-7.695v23.962h-5.262V23.371c0-6.577-6.05-8.813-13.087-8.813c-2.829 0-7.497.395-11.378 1.316l.395 8.483c4.406-.92 8.945-1.25 10.523-1.25c2.038 0 3.157.527 3.157 2.434v1.775c-4.867 0-11.181.658-13.877 3.355c-1.908 1.907-2.566 4.538-2.566 7.037c0 6.708 4.474 9.843 10.128 9.957c1.64.032 4.578-.052 7.656-.226l14.311.003v13.48h10.523V47.704c1.314.197 3.354.263 4.669.263c9.537 0 13.943-5.59 13.943-16.968c0-8.878-2.302-16.442-11.707-16.442"/></svg>

Onshape アイコンの使い方

React

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

<Icon icon="thesvg-color:onshape" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:onshape" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:onshape" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--onshape]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:onshape"></div>

Web コンポーネント

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

<iconify-icon icon="thesvg-color:onshape"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/onshape.svg" alt="Onshape アイコン" width="24" height="24">

他のアイコンセットの Onshape アイコン

Onshape アイコンのよくある質問

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

はい。theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

theSVG Color アイコンをすべて見る →