ICONYZ
日本語
Arcticons の Downloadnavi アイコン

Downloadnavi アイコン

arcticons:downloadnavi

Downloadnavi アイコン(arcticons:downloadnavi)は、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="M33.35 24h-5.51v-9.58h0a.82.82 0 0 0-.82-.83H21a.83.83 0 0 0-.81.84V24h-5.48a.9.9 0 0 0-.78.32a.91.91 0 0 0 .07 1.27l9.3 9.87h0a.93.93 0 0 0 1.31 0L34 25.59v-.06a.86.86 0 0 0 .25-.6a.89.89 0 0 0-.9-.93"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m45.29 23.68l-2.16-1.2a19.1 19.1 0 0 0-4.79-11.11l.54-2a.22.22 0 0 0 0-.16a.27.27 0 0 0-.33-.17l-2 .53a19.1 19.1 0 0 0-11.13-4.68l-1.2-2.15a.36.36 0 0 0-.63 0l-1.2 2.16a19.1 19.1 0 0 0-11.11 4.79l-2-.54a.22.22 0 0 0-.16 0a.27.27 0 0 0-.12.33l.53 2A19.1 19.1 0 0 0 4.8 22.61l-2.15 1.2a.36.36 0 0 0 0 .63l2.16 1.2A19.1 19.1 0 0 0 9.6 36.75l-.54 2a.22.22 0 0 0 0 .16a.27.27 0 0 0 .33.17l2-.53a19.1 19.1 0 0 0 11.13 4.69l1.2 2.15a.36.36 0 0 0 .63 0l1.2-2.16a19.1 19.1 0 0 0 11.11-4.79l2 .54a.22.22 0 0 0 .16 0a.27.27 0 0 0 .17-.33l-.53-2a19.1 19.1 0 0 0 4.69-11.13l2.15-1.2a.36.36 0 0 0 0-.63ZM24 40.32a16.34 16.34 0 1 1 0-32.67h0a16.34 16.34 0 0 1 0 32.67"/></svg>

Downloadnavi アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

Arcticons をすべて見る →