ICONYZ
日本語
Arcticons の Dbnavigator Beta アイコン

Dbnavigator Beta アイコン

arcticons:dbnavigator-beta

Dbnavigator Beta アイコン(arcticons:dbnavigator-beta)は、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
タグ
dbnavigatorbeta
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><defs><path id="SVGj66UPdUe" fill="none" stroke="currentColor" d="M11.667 26.982v-15.18h2.466a7.61 7.61 0 0 1 7.59 7.59a7.61 7.61 0 0 1-7.59 7.59zM32.56 19.24a3.57 3.57 0 0 1 .003 7.14H26.67V12.1h5.89a3.57 3.57 0 0 1 0 7.14zm0 0h-5.889"/></defs><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M42.5 30.572V9.162a4 4 0 0 0-4-4h-29a4 4 0 0 0-4 4v21.41a4 4 0 0 0 4 4h29a4 4 0 0 0 4-4"/><use href="#SVGj66UPdUe" stroke-linecap="round" stroke-linejoin="round"/><use href="#SVGj66UPdUe" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M23.96 42.038c-.242.48-.807.8-1.373.8h0c-.888 0-1.615-.72-1.615-1.6v-1.04c0-.88.727-1.6 1.615-1.6h0c.89 0 1.616.72 1.616 1.6v.56h-3.232m5.318-3.76v5.006c0 .5.341.834.854.834h.256m-1.963-4.422h1.792m-11.45 1.669c0-.918.768-1.669 1.707-1.669h0c.94 0 1.707.751 1.707 1.669v1.085c0 .917-.768 1.668-1.707 1.668h0c-.939 0-1.707-.75-1.707-1.668m0 1.668v-6.674m16.444 5.006c0 .917-.769 1.668-1.707 1.668h0c-.94 0-1.708-.75-1.708-1.668v-1.085c0-.918.769-1.669 1.708-1.669h0c.938 0 1.707.751 1.707 1.669m0 2.753v-4.422"/></svg>

Dbnavigator Beta アイコンの使い方

React

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

<Icon icon="arcticons:dbnavigator-beta" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:dbnavigator-beta" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:dbnavigator-beta" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="arcticons:dbnavigator-beta"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/dbnavigator-beta.svg" alt="Dbnavigator Beta アイコン" width="24" height="24">

Arcticons の関連アイコン

Dbnavigator Beta アイコン のよくある質問

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

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

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

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

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

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

Arcticons をすべて見る →