Nextcloud Contacts アイコン

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

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

selfhst:nextcloud-contacts

Nextcloud Contacts アイコン(selfhst:nextcloud-contacts)は、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、contact

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#0082c9" fill-rule="evenodd" d="M512 80v352c0 44.2-35.8 80-80 80H80c-44.2 0-80-35.8-80-80V80C0 35.8 35.8 0 80 0h352c44.2 0 80 35.8 80 80"/><path fill="#fff" d="M95.8 372.5v-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.8v40.8zm262.2 0v-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.7zM212.3 256c-16 0-29.7-5.7-41.2-17.1c-11.4-11.4-17.1-25.1-17.1-41.2s5.7-29.7 17.1-41.2c11.4-11.4 25.1-17.1 41.2-17.1s29.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.2C242 250.3 228.3 256 212.3 256M358 197.7c0 16-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.5c-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.5 17.1 25.2 17.1 41.2"/></svg>

Nextcloud Contacts アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

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