Dbackup アイコン

Q: Dbackup アイコンは商用利用でも無料ですか?

はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

selfhst:dbackup

Dbackup アイコン(selfhst:dbackup)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: selfh.st/icons
作者: selfh.st
ライセンス: CC-BY-4.0
サイズ: 512 × 512

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#435e88" d="M404 348v82c0 14.1-11.4 25.5-25.5 25.5h-353C11.4 455.5 0 444.1 0 430v-82c0-14.1 11.4-25.5 25.5-25.5h353c14.1 0 25.5 11.4 25.5 25.5m0-133v82c0 14.1-11.4 25.5-25.5 25.5h-353C11.4 322.5 0 311.1 0 297v-82c0-14.1 11.4-25.5 25.5-25.5h353c14.1 0 25.5 11.4 25.5 25.5m0-133v82c0 14.1-11.4 25.5-25.5 25.5h-353C11.4 189.5 0 178.1 0 164V82c0-14.1 11.4-25.5 25.5-25.5h353c14.1 0 25.5 11.4 25.5 25.5"/><path fill="#33527d" d="M404 348v82c0 14.1-11.4 25.5-25.5 25.5h-353l353-133c14.1 0 25.5 11.4 25.5 25.5m0-133v82c0 14.1-11.4 25.5-25.5 25.5h-353l353-133c14.1 0 25.5 11.4 25.5 25.5m0-133v82c0 14.1-11.4 25.5-25.5 25.5h-353l353-133c14.1 0 25.5 11.4 25.5 25.5"/><path fill="#e5e8ef" d="M90.8 389c0 13.6-11 24.6-24.6 24.6s-24.7-11-24.7-24.6s11.1-24.7 24.7-24.7s24.6 11.1 24.6 24.7m0-133c0 13.6-11 24.6-24.6 24.6s-24.7-11-24.7-24.6s11.1-24.7 24.7-24.7s24.6 11 24.6 24.7m0-133c0 13.6-11 24.6-24.6 24.6s-24.7-11-24.7-24.6s11.1-24.7 24.7-24.7s24.6 11.1 24.6 24.7"/><path fill="#cdd4df" d="M83.6 406.5c-9.7 9.6-25.2 9.6-34.9 0l34.9-34.9c9.7 9.6 9.6 25.3 0 34.9m0-133.1c-9.7 9.6-25.2 9.6-34.9 0l34.9-34.9c9.7 9.6 9.6 25.3 0 34.9m0-132.9c-9.7 9.6-25.2 9.6-34.9 0l34.9-34.9c9.7 9.6 9.6 25.3 0 34.9"/><path fill="#4cc66e" d="M145.6 389c0 7.8-6.3 14.1-14.1 14.1s-14.2-6.3-14.2-14.1s6.3-14.2 14.2-14.2c7.8.1 14.1 6.4 14.1 14.2m0-133c0 7.8-6.3 14.1-14.1 14.1s-14.2-6.3-14.2-14.1s6.3-14.2 14.2-14.2c7.8 0 14.1 6.3 14.1 14.2m0-133c0 7.8-6.3 14.1-14.1 14.1s-14.2-6.3-14.2-14.1s6.3-14.2 14.2-14.2c7.8.1 14.1 6.4 14.1 14.2"/><path fill="#14a142" d="M141.4 399c-5.5 5.5-14.5 5.5-20 0l20-20c5.6 5.5 5.6 14.5 0 20m0-133c-5.5 5.5-14.5 5.5-20 0l20-20c5.6 5.5 5.6 14.4 0 20m0-133c-5.5 5.5-14.5 5.5-20 0l20-20c5.6 5.5 5.6 14.5 0 20"/><path fill="#c175ff" d="M189.3 389c0 7.8-6.3 14.1-14.1 14.1S161 396.8 161 389s6.3-14.2 14.2-14.2c7.8.1 14.1 6.4 14.1 14.2m0-266c0 7.8-6.3 14.1-14.1 14.1S161 130.8 161 123s6.3-14.2 14.2-14.2c7.8.1 14.1 6.4 14.1 14.2m0 133c0 7.8-6.3 14.1-14.1 14.1S161 263.8 161 256s6.3-14.2 14.2-14.2c7.8 0 14.1 6.3 14.1 14.2"/><path fill="#b244f1" d="M185.1 399c-5.5 5.5-14.5 5.5-20 0l20-20c5.6 5.5 5.6 14.5 0 20m0-133c-5.5 5.5-14.5 5.5-20 0l20-20c5.6 5.5 5.6 14.4 0 20m0-133c-5.5 5.5-14.5 5.5-20 0l20-20c5.6 5.5 5.6 14.5 0 20"/><path fill="#fff" d="M363.4 389c0 3-1.2 5.6-3.1 7.6c-1.9 1.9-4.6 3.1-7.6 3.1H233.8c-5.9 0-10.7-4.8-10.7-10.7c0-3 1.2-5.6 3.1-7.6c1.9-1.9 4.6-3.1 7.6-3.1h118.9c5.9 0 10.7 4.8 10.7 10.7m0-133.1c0 3-1.2 5.6-3.1 7.6c-1.9 1.9-4.6 3.1-7.6 3.1H233.8c-5.9 0-10.7-4.8-10.7-10.7c0-3 1.2-5.6 3.1-7.6c1.9-1.9 4.6-3.1 7.6-3.1h118.9c5.9 0 10.7 4.8 10.7 10.7m0-132.9c0 3-1.2 5.6-3.1 7.6c-1.9 1.9-4.6 3.1-7.6 3.1H233.8c-5.9 0-10.7-4.8-10.7-10.7c0-3 1.2-5.6 3.1-7.6c1.9-1.9 4.6-3.1 7.6-3.1h118.9c5.9 0 10.7 4.8 10.7 10.7"/><path fill="#cdd4df" d="M285.1 399.7h-51.3c-5.9 0-10.6-4.8-10.6-10.7c0-2.9 1.2-5.6 3.1-7.6c1.9-1.9 4.5-3.1 7.5-3.1h51.3c-2.9 0-5.6 1.3-7.6 3.1c-1.9 1.9-3.1 4.6-3.1 7.6c0 5.9 4.8 10.7 10.7 10.7m0-133.1h-51.3c-5.9 0-10.6-4.8-10.6-10.7c0-2.9 1.2-5.6 3.1-7.6c1.9-1.9 4.5-3.1 7.5-3.1h51.3c-2.9 0-5.6 1.3-7.6 3.1c-1.9 1.9-3.1 4.6-3.1 7.6c0 5.9 4.8 10.7 10.7 10.7m0-132.9h-51.3c-5.9 0-10.6-4.8-10.6-10.7c0-2.9 1.2-5.6 3.1-7.6c1.9-1.9 4.5-3.1 7.5-3.1h51.3c-2.9 0-5.6 1.3-7.6 3.1c-1.9 1.9-3.1 4.6-3.1 7.6c0 5.9 4.8 10.7 10.7 10.7"/><path fill="#5cbeff" d="M511.8 327.7c0 70.9-56.8 127.7-126.7 127.7c-70.9 0-127.7-56.7-127.7-127.7c0-70 56.8-126.7 127.7-126.7c69.9 0 126.7 56.7 126.7 126.7"/><path fill="#079cff" d="M474.8 417.8c-50.2 50.2-130.4 50.2-179.9.6l179.9-179.9c49.6 49.6 49.6 129.8 0 179.3"/><path fill="#e5e8ef" d="M476 327.8c0 51-40.8 91.8-91.1 91.8c-51 0-91.8-40.8-91.8-91.8c0-50.3 40.8-91.1 91.8-91.1c50.3 0 91.1 40.8 91.1 91.1"/><path fill="#cdd4df" d="M476.1 327.8c0 51-40.9 91.8-91.2 91.8c-29.9 0-56.3-14-73-36c15.5 11.8 34.8 18.8 56 18.8c50.3 0 91.1-40.8 91.1-91.8c0-20.8-6.9-40-18.7-55.3c21.7 16.7 35.8 43 35.8 72.5"/><path fill="#435e88" d="M384.5 250.5c4.7 0 8.4 3.8 8.4 8.4v60c0 4.6-3.7 8.4-8.4 8.4h-.1c-4.7 0-8.4-3.8-8.4-8.4v-60c.2-4.6 3.9-8.4 8.5-8.4m66.8 77.6c0 4.7-3.8 8.4-8.4 8.4h-40.2c-4.6 0-8.4-3.7-8.4-8.4v-.1c0-4.7 3.8-8.4 8.4-8.4h40.2c4.6.2 8.4 3.9 8.4 8.5"/><path fill="#33527d" d="M405.2 328.1c0 11.5-9.2 20.6-20.5 20.6c-11.5 0-20.7-9.2-20.7-20.6c0-11.3 9.2-20.5 20.7-20.5c11.3 0 20.5 9.2 20.5 20.5"/><path fill="#ffd80c" d="M384.6 319.7c-4.7 0-8.5 3.8-8.5 8.4c0 .4.2.8.2 1.1L336.7 369c-2 2-2 5.1 0 7.1c1 1 2.3 1.5 3.5 1.5c1.3 0 2.6-.5 3.5-1.5l39.7-39.7c.4.1.7.2 1.1.2c4.6 0 8.4-3.8 8.4-8.5c.1-4.6-3.6-8.4-8.3-8.4"/></svg>

Dbackup アイコンの使い方

React

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

<Icon icon="selfhst:dbackup" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:dbackup" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:dbackup" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="selfhst:dbackup"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/selfhst/dbackup.svg" alt="Dbackup アイコン" width="24" height="24">

selfh.st/icons の関連アイコン

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

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

はい。selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

selfh.st/icons をすべて見る →