Cru App アイコン

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

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

arcticons:cru-app

Cru App アイコン(arcticons:cru-app)は、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
タグ: cruapp

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="M18.238 19.36a3.15 3.15 0 0 1-3.148 3.148h0a3.15 3.15 0 0 1-3.148-3.148v-3.605m7.555 6.753a1.26 1.26 0 0 1-1.259-1.259v-5.494"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M16.979 14.496a1.26 1.26 0 0 1 1.259 1.26m0-.001a1.26 1.26 0 0 1 1.26-1.259"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M18.238 15.755a1.26 1.26 0 0 1 1.26-1.259M38.74 19.36a3.15 3.15 0 0 1-3.147 3.148h0a3.15 3.15 0 0 1-3.148-3.148v-3.605M40 22.508a1.26 1.26 0 0 1-1.26-1.259v-5.494m-1.258-1.259a1.26 1.26 0 0 1 1.259 1.26"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M38.74 15.755A1.26 1.26 0 0 1 40 14.496"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M38.74 15.755A1.26 1.26 0 0 1 40 14.496m-28.058 1.259c0-.695-.567-1.27-1.277-1.453c-.796-.204-1.704.357-1.704 1.176c0 .747.517 1.269 1.225 1.058m1.756-.781a1.26 1.26 0 0 1 1.259-1.259"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M11.942 15.755a1.26 1.26 0 0 1 1.259-1.259m19.244 1.259c0-.695-.567-1.27-1.277-1.453c-.796-.204-1.705.357-1.705 1.176c0 .747.517 1.269 1.226 1.058m1.756-.781c0-.695.563-1.259 1.259-1.259"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M32.445 15.755c0-.695.563-1.259 1.259-1.259M10.072 20.52c0-.667-.36-1.182-.969-1.182s-1.075.54-1.103 1.206c0 1.297.592 2.04 2.195 1.805c1.942-.284 1.747-2.989 1.747-2.989m26.798-1.05a.89.89 0 0 1 1.26 0m-1.26 0a.89.89 0 0 1-1.258 0m-6.297 4.198a1.26 1.26 0 0 0 1.26-1.259V19.36m-4.687 3.148a1.26 1.26 0 0 1-1.26-1.259"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M26.499 21.249a1.26 1.26 0 0 1-1.26 1.26"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M26.499 21.249a1.26 1.26 0 0 1-1.26 1.26m1.26-7.502v6.242m0-6.242c0-1.516-.976-2.558-2.892-2.856c-2.852-.444-3.626 1.187-3.626 1.187m6.518 1.669c0-.81.656-1.466 1.466-1.466m-1.466 5.185c0-.73-.548-1.443-1.43-1.615c-1.18-.231-1.934.494-1.934 1.353c0 .784.608 1.27 1.418.874"/><rect width="37" height="37" x="5.5" y="5.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="4" ry="4"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M16.248 31.756h3.388m.409 3.876l2.617-7.751l2.615 7.751m-.872-2.616h-3.489M9.5 27.88v5.137c0 1.453 1.163 2.616 2.52 2.616s2.519-1.163 2.519-2.616V27.88m18.825 7.752V27.88h2.52a2.606 2.606 0 0 1 2.616 2.595v.022a2.606 2.606 0 0 1-2.595 2.617h-2.542m-6.61 2.519V27.88h2.519a2.606 2.606 0 0 1 2.617 2.595v.022a2.606 2.606 0 0 1-2.595 2.617h-2.542"/></svg>

Cru App アイコンの使い方

React

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

<Icon icon="arcticons:cru-app" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:cru-app" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:cru-app" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="arcticons:cru-app"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/cru-app.svg" alt="Cru App アイコン" width="24" height="24">

Arcticons の関連アイコン

Cru App アイコンのよくある質問

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

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

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

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

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

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

Arcticons をすべて見る →