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 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 コードをページに直接貼り付けます。