Nextcloud Contacts Light アイコン

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

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

selfhst:nextcloud-contacts-light

Nextcloud Contacts Light アイコン(selfhst:nextcloud-contacts-light)は、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
タグ: nextcloudcontacts、contactslight、nextcloudcontactslight、contact

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" fill-rule="evenodd" d="M432 0H80C35.8 0 0 35.8 0 80v352c0 44.2 35.8 80 80 80h352c44.2 0 80-35.8 80-80V80c0-44.2-35.8-80-80-80M294.4 168.2c-3.5-9.4-8.6-18.2-15.1-25.9q5.1-1.8 10.2-2.4c3.4-.4 6.8-.5 10.2-.5c16 0 29.7 5.7 41.2 17.1c11.4 11.4 17.1 25.1 17.1 41.2s-5.7 29.7-17.1 41.2c-11.4 11.4-25.1 17.1-41.2 17.1q-4.05 0-10.2-.9c-3.4-.5-6.8-1.1-10.2-2c6.5-7.7 11.6-16.4 15.1-25.9c3.5-9.4 5.3-19.4 5.3-29.5c0-10.2-1.8-20-5.3-29.5m-123.3-11.6c11.4-11.4 25.1-17.1 41.2-17.1c16 0 29.7 5.7 41.2 17.1c11.4 11.4 17.1 25.1 17.1 41.2s-5.7 29.7-17.1 41.2s-25.2 17-41.2 17s-29.7-5.7-41.2-17.1s-17.1-25.1-17.1-41.2s5.7-29.7 17.1-41.1m157.7 215.9h-233v-40.8c0-8.3 2.1-15.8 6.4-22.8c4.1-6.7 9.9-12.2 16.9-15.8c14.6-7.4 30-13 45.9-16.9c15.5-3.8 31.4-5.6 47.3-5.6c16 0 31.8 1.9 47.3 5.6c15.5 3.8 30.8 9.4 45.9 16.9c7 3.6 12.7 8.9 16.9 15.8s6.4 14.5 6.4 22.8zm87.4 0H358v-43.7c0-10.7-3-20.9-8.9-30.8c-6-9.8-14.4-18.3-25.3-25.3c22.9 2.6 45.2 9.5 65.6 20.4c8.7 4.9 15.4 10.3 20 16.2q6.9 8.85 6.9 19.5v43.7z"/></svg>

Nextcloud Contacts Light アイコンの使い方

React

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

<Icon icon="selfhst:nextcloud-contacts-light" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:nextcloud-contacts-light" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:nextcloud-contacts-light" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="selfhst:nextcloud-contacts-light"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/selfhst/nextcloud-contacts-light.svg" alt="Nextcloud Contacts Light アイコン" width="24" height="24">

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

Nextcloud Contacts Light アイコンのよくある質問

Nextcloud Contacts Light アイコンは商用利用でも無料ですか?

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

React で Nextcloud Contacts Light アイコンを使うには?

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

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

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

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