Devices アイコン

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

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

reicon:devices

Devices アイコン(reicon:devices)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Reicon
作者: REICON
ライセンス: MIT
サイズ: 24 × 24
カテゴリ: デバイス
タグ: device

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M13.944 1.25h.112c1.838 0 3.294 0 4.433.153c1.172.158 2.121.49 2.87 1.238c.748.749 1.08 1.698 1.238 2.87c.153 1.14.153 2.595.153 4.433v4.112c0 1.838 0 3.294-.153 4.433c-.158 1.172-.49 2.121-1.238 2.87c-.749.748-1.698 1.08-2.87 1.238c-1.14.153-2.595.153-4.433.153H12a.75.75 0 0 1 0-1.5h2c1.907 0 3.262-.002 4.29-.14c1.005-.135 1.585-.389 2.008-.812s.677-1.003.812-2.009c.139-1.027.14-2.382.14-4.289v-4c0-1.907-.002-3.261-.14-4.29c-.135-1.005-.389-1.585-.812-2.008s-1.003-.677-2.009-.812c-1.027-.138-2.382-.14-4.289-.14s-3.261.002-4.289.14c-1.006.135-1.586.389-2.009.812c-.696.696-.907 1.777-.943 4.309a.75.75 0 1 1-1.5-.022c.035-2.427.192-4.158 1.382-5.348c.749-.748 1.698-1.08 2.87-1.238c1.14-.153 2.595-.153 4.433-.153m-8.482 9h.076c.67 0 1.229 0 1.681.046c.473.048.913.153 1.309.418c.3.2.558.458.759.758c.264.396.369.835.417 1.309c.046.452.046 1.011.046 1.68v4.077c0 .67 0 1.229-.046 1.681c-.048.473-.153.913-.417 1.309a2.8 2.8 0 0 1-.76.759c-.395.264-.835.369-1.308.417c-.452.046-1.011.046-1.68.046h-.077c-.67 0-1.229 0-1.681-.046c-.473-.048-.913-.153-1.309-.418a2.8 2.8 0 0 1-.759-.758c-.264-.396-.369-.835-.417-1.309c-.046-.452-.046-1.011-.046-1.68v-4.077c0-.67 0-1.229.046-1.681c.048-.474.153-.913.417-1.309c.201-.3.459-.558.76-.758c.395-.265.835-.37 1.308-.418c.452-.046 1.011-.046 1.68-.046m-1.53 1.538c-.354.036-.518.1-.626.173a1.3 1.3 0 0 0-.345.345c-.073.108-.137.272-.173.627c-.037.367-.038.85-.038 1.567v4c0 .718 0 1.2.038 1.567c.036.355.1.519.173.628c.09.136.208.253.345.344c.108.073.272.137.627.173c.367.037.85.038 1.567.038c.718 0 1.2 0 1.567-.038c.355-.036.519-.1.627-.173c.137-.09.254-.208.345-.344c.073-.109.137-.273.173-.628c.037-.367.038-.85.038-1.567v-4c0-.718 0-1.2-.038-1.567c-.036-.355-.1-.519-.173-.627a1.3 1.3 0 0 0-.345-.345c-.108-.073-.272-.137-.627-.173c-.367-.037-.85-.038-1.567-.038c-.718 0-1.2 0-1.567.038M11.25 19a.75.75 0 0 1 .75-.75h5a.75.75 0 0 1 0 1.5h-5a.75.75 0 0 1-.75-.75" clip-rule="evenodd"/></svg>

Devices アイコンの使い方

React

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

<Icon icon="reicon:devices" width="24" />

Vue

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

<template>
  <Icon icon="reicon:devices" width="24" />
</template>

Svelte

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

<Icon icon="reicon:devices" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--devices]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:devices"></div>

Web コンポーネント

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

<iconify-icon icon="reicon:devices"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/reicon/devices.svg" alt="Devices アイコン" width="24" height="24">

Reicon の関連アイコン

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

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

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

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

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

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

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

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

Reicon アイコンをすべて見る →