ICONYZ
日本語
Arcticons の Calendarimportexport アイコン

Calendarimportexport アイコン

arcticons:calendarimportexport

Calendarimportexport アイコン(arcticons:calendarimportexport)は、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
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="M37.015 28.585a8.46 8.46 0 1 0 8.46 8.46h0v-.01a8.45 8.45 0 0 0-8.45-8.45zm-2.517 4.234v8.449M31.75 35.7l2.748-2.881m2.739 2.881l-2.739-2.881m5.074 8.449v-8.449m2.748 5.568l-2.748 2.881m-2.739-2.881l2.739 2.881M15.818 8.562a2.514 2.514 0 1 1-2.516 2.516v-.002a2.514 2.514 0 0 1 2.513-2.515zm16.394 0a2.514 2.514 0 0 1 2.515 2.513h0v.001a2.514 2.514 0 0 1-2.515 2.513h0a2.514 2.514 0 0 1 0-5.028z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M42.515 30.615V9.485a4 4 0 0 0-4-4h-29a4 4 0 0 0-4 4v29a4 4 0 0 0 4 4h21.022m-2.769-20.283l4.5-2.45m0 0v10.289"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.089 36.234c1.242 1.041 2.584 1.518 5.597 1.518h.702a4.5 4.5 0 0 0 4.499-4.499h0a4.5 4.5 0 0 0-4.5-4.499m-6.3-7.499c1.245-1.037 2.588-1.51 5.6-1.503l.7.004a4.5 4.5 0 0 1 4.5 4.5h0a4.5 4.5 0 0 1-4.5 4.498m-3.457 0h3.458"/></svg>

Calendarimportexport アイコンの使い方

React

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

<Icon icon="arcticons:calendarimportexport" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:calendarimportexport" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:calendarimportexport" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="arcticons:calendarimportexport"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/calendarimportexport.svg" alt="Calendarimportexport アイコン" width="24" height="24">

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

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

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

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

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

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

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

Arcticons をすべて見る →