Backblaze アイコン

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

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

selfhst:backblaze

Backblaze アイコン(selfhst:backblaze)は、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"><circle cx="256" cy="256" r="256" fill="#e41e2a"/><path fill="#fff" d="M225.4 102.8s42.7 37.4 37 70.5c-2.6 14.9-22.2 39.1-11.6 62.3c11.4 24.9 17.4 73.1-34.1 60.6c-50.7-12.1-46.8-74.4-9.1-107s25.2-69.8 17.8-86.4M264.3 215c-2.8 25.2 25.1 50.4 2.9 84.6c-15.2 23.7 8.3 57 38.6 50.9c33.2-6.6 41.5-27.6 40.6-52c-1.2-31-13.5-39.6-40.8-62.8c-29.7-25.1-6.8-72.7-6.8-72.7s-31.2 24.2-34.5 52m-89.1 110.7c5.9 16.6 15.1 43.3 51.4 56.9c30.6 11.5 73.4 13.5 98.1-18.1c5.7-7.1-1.8-4.3-9.3-1.5c-19.2 6-40.1 2-55.7-10.7c-21-17.5-12.8-37.1-23.3-37.3c-34.7-.7-52.8-14.3-62.2-25.8c-2.1-2.9-5.4 18.5 1 36.5"/></svg>

Backblaze アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

他のアイコンセットの Backblaze アイコン

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

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

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

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

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

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

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

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