Uq Mobile アイコン

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

はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

arcticons:uq-mobile

Uq Mobile アイコン(arcticons:uq-mobile)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Arcticons
作者: Donnnno
ライセンス: CC-BY-SA-4.0
サイズ: 48 × 48
タグ: uqmobile

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M9.5 42.5h29a4 4 0 0 0 4-4v-29a4 4 0 0 0-4-4h-29a4 4 0 0 0-4 4v29a4 4 0 0 0 4 4"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M9.5 27.64a66.6 66.6 0 0 1 29 0"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M13.036 12.702v9.091c0 2.487 1.987 4.504 4.437 4.504s4.437-2.016 4.437-4.504v-9.091m8.62 0a4.44 4.44 0 0 1 4.437 4.447v4.7a4.44 4.44 0 0 1-4.437 4.447h0a4.44 4.44 0 0 1-4.438-4.447v-4.7a4.44 4.44 0 0 1 4.438-4.447m0 11.141l2.985 4.56M11.5 32.68c0-.878.71-1.588 1.587-1.588h0c.877 0 1.588.71 1.588 1.587v2.62M11.5 31.092v4.206m3.175-2.618c0-.878.71-1.588 1.587-1.588h0c.877 0 1.587.71 1.587 1.587v2.62"/><circle cx="29.307" cy="29.147" r=".75" fill="currentColor"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M29.307 31.092v4.206m1.663-6.349v5.556c0 .438.355.793.793.793H32m4.292-.801a1.59 1.59 0 0 1-1.38.801h0c-.876 0-1.587-.71-1.587-1.587v-1.032c0-.876.711-1.587 1.588-1.587h0c.876 0 1.587.71 1.587 1.587v.516h-3.175m-8.833-.515c0-.878.711-1.588 1.588-1.588h0c.876 0 1.587.71 1.587 1.587v1.032c0 .876-.71 1.587-1.587 1.587h0c-.877 0-1.588-.71-1.588-1.587m0 1.587v-6.349m-4.876 3.731a1.587 1.587 0 0 1 3.175 0v1.03a1.587 1.587 0 0 1-3.175 0z"/></svg>

Uq Mobile アイコンの使い方

React

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

<Icon icon="arcticons:uq-mobile" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:uq-mobile" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:uq-mobile" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--uq-mobile]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:uq-mobile"></div>

Web コンポーネント

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

<iconify-icon icon="arcticons:uq-mobile"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/uq-mobile.svg" alt="Uq Mobile アイコン" width="24" height="24">

Uq Mobile アイコンのよくある質問

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

はい。Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Arcticons をすべて見る →