Database Off Outline Rounded アイコン
material-symbols-light:database-off-outline-rounded
Database Off Outline Rounded アイコン(material-symbols-light:database-off-outline-rounded)は、Material Symbols Light セットの無料 SVG アイコンです（作者: Google）。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols Light
- 作者
- Google
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- ビジネス
- タグ
- databaseoff、offoutline、outlinerounded、databaseoffoutlinerounded
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.017 20.439L3.562 4.983q-.14-.14-.15-.342q-.01-.2.145-.366q.17-.166.361-.166t.357.166l15.456 15.456q.146.146.153.344t-.159.368q-.165.155-.354.158t-.354-.162M12 20q-3.506 0-5.753-.893T4 16.807V7q0-.458.36-.872q.361-.415.988-.78l4.339 4.338q-1.435-.17-2.633-.527Q5.856 8.805 5 8.276v4.096q1.179.725 3.009 1.138q1.83.414 3.991.414q.48 0 .936-.013t.912-.062l.885.885q-.658.098-1.343.144t-1.39.046q-2.16 0-3.991-.414q-1.83-.413-3.009-1.138V17q.514.898 2.457 1.449T12 19q1.85 0 3.395-.296q1.546-.296 2.519-.79l.738.738q-1.052.621-2.763.984Q14.18 20 12 20m8-13v9.175q0 .213-.144.356t-.357.144t-.356-.144t-.143-.356v-2.804q-.41.246-.896.458t-1.056.394q-.177.068-.36-.028t-.25-.272t.028-.36t.273-.25q.653-.188 1.219-.423q.565-.236 1.042-.519V8.275q-1.121.69-2.792 1.089q-1.671.397-3.573.445q-.194.012-.34-.128t-.158-.335t.126-.34t.331-.158q.777-.048 1.77-.19t1.924-.374t1.667-.556t.987-.742q-.41-.744-2.57-1.365T12 5q-.925 0-1.888.125t-1.837.325q-.213.062-.4-.064t-.248-.34t.064-.4q.126-.186.34-.248q.892-.206 1.887-.302Q10.914 4 12 4q3.321 0 5.66.881Q20 5.763 20 7"/></svg>
Database Off Outline Rounded アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:database-off-outline-rounded" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:database-off-outline-rounded" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:database-off-outline-rounded" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--database-off-outline-rounded]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:database-off-outline-rounded"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:database-off-outline-rounded"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/database-off-outline-rounded.svg" alt="Database Off Outline Rounded アイコン" width="24" height="24">
Material Symbols Light の関連アイコン
他のアイコンセットの Database Off Outline Rounded アイコン
Database Off Outline Rounded アイコン のよくある質問
Database Off Outline Rounded アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Database Off Outline Rounded アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:database-off-outline-rounded" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Database Off Outline Rounded アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/database-off-outline-rounded.svg" alt="Database Off Outline Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Material Symbols Light アイコン をすべて見る →
ICONYZ
