Cube Acr アイコン

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

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

arcticons:cube-acr

Cube Acr アイコン(arcticons:cube-acr)は、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
タグ: cubeacr

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="M7.03 14.23L24 24.03l16.86-9.73l-16.97-9.8Z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M7.03 33.7L24 43.5V24.03l-16.97-9.8ZM24 43.5l16.86-9.73V14.3L24 24.03Z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M11.347 27.33c.433-.194 2.06-.92 2.211-.979c.198-.12.26-.404.162-.75q-.201-.989-.31-1.941a1.2 1.2 0 0 0-.624-.858l-.019-.009l-2.374-1.37c-.205-.1-.365-.027-.379.17a14.7 14.7 0 0 0 1.287 5.63h0l.01.023zh.002a22.6 22.6 0 0 0 3.634 5.723l-.004.001l.122.139l.004.004h0a19.6 19.6 0 0 0 4.837 4.056c.205.104.37.039.389-.155v-2.376a1.1 1.1 0 0 0-.476-.916l-.019-.013q-.888-.621-1.76-1.326a.99.99 0 0 0-.844-.325c-.146.068-1.808.734-2.253.913m17.849-9.458c1.064-.28 1.961.538 2.004 1.826h0l.094 2.883a2.86 2.86 0 0 1-1.85 2.84h0c-1.064.28-1.96-.539-2.003-1.827v0l-.095-2.883a2.86 2.86 0 0 1 1.85-2.839"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M29.765 30.522a2.853 2.853 0 0 0 4.166 2.047a4.74 4.74 0 0 0 2.42-3.806m-2.854 3.987v2.605m-3.625 1.95l7.007-3.768"/></svg>

Cube Acr アイコンの使い方

React

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

<Icon icon="arcticons:cube-acr" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:cube-acr" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:cube-acr" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="arcticons:cube-acr"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/cube-acr.svg" alt="Cube Acr アイコン" width="24" height="24">

Arcticons の関連アイコン

Cube Acr アイコンのよくある質問

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

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

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

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

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

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

Arcticons をすべて見る →