Localsend アイコン

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

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

selfhst:localsend

Localsend アイコン(selfhst:localsend)は、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="#018080" d="M256.1 118.2c76.2 0 137.8 61.9 137.7 138.3c-.1 75.9-61.9 137.4-137.9 137.4c-76.2 0-137.8-61.9-137.7-138.3c.1-75.9 61.9-137.5 137.9-137.4m-71.6-108c47.5-13.6 94.9-13.5 143.3 0c-2.8 13.3-10.5 22.2-22.2 27.9c-9.1 4.4-18.6 2.8-28.3 2.6c-17-.4-34-.3-51 .9c-19.4 1.5-38.1-11.7-41.8-31.4M10.2 327.5C-3.4 280-3.3 232.5 10 185c13.7.4 28.2 14 30.6 29.6c1 6.8-.1 13.9 0 20.8c.2 16.6-.3 33.2 1 49.7c1.6 19.8-11.6 38.9-31.4 42.4m491.6-143c13.6 47.5 13.5 95 .2 142.5c-13.8-.5-28.2-14-30.6-29.7c-1-6.8.1-13.9 0-20.8c-.2-16.8.1-33.6-1.1-50.3c-1.4-19.3 12-38.3 31.5-41.7M327.7 501.8c-48 13.6-95.5 13.6-143 .1c2.5-18.8 21.6-33.6 40.7-31.4c20.5 2.4 40.9 2.4 61.4-.1c18.8-2.1 36.5 11.7 40.9 31.4m-194.6-470c10.7 16.3 7.8 38.7-7.1 50.7c-16.1 13-30.5 27.4-43.5 43.5c-12 14.9-32.7 17.6-50.4 7.4c16.4-35.6 58.6-80.2 101-101.6m245.6-.1c37.5 17.9 83.4 63.7 101.3 101c-13.2 11.2-37.8 8.7-50.1-6.2c-13.4-16.3-28-31.1-44.4-44.4c-14.6-11.9-16.9-32.4-6.8-50.4M31.6 379.2c16.1-11.1 39-8.1 51.3 7.2c12.8 15.9 27.1 30.2 43 43c15.2 12.3 18 34 7.1 51.2c-43.5-24.3-77.2-58.1-101.4-101.4M379 480.5c-10.8-16.8-8-39 7-51.1c16.1-13 30.5-27.4 43.5-43.5c12.1-14.9 32.8-17.5 51-7c-24.1 43.5-57.8 77.2-101.5 101.6"/></svg>

Localsend アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

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

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