Compreface Light アイコン

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

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

selfhst:compreface-light

Compreface Light アイコン(selfhst:compreface-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
タグ: comprefacelight

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="M256 470.1c-73.5 0-114.2-52.4-144.3-103.8c-.3-.5-8.4-15.6-11.8-23.4c-10.1-24.5-15.2-50.3-15.2-76.8v-79.2c0-69.6 45.1-95.1 76.9-100.7c7-16.9 28.5-42.6 94-44.3c50.7-1.5 99.9 16.4 131.8 47.5c26.1 25.4 39.9 59 39.9 97.2v79.2c0 26.4-5.1 52.3-15.2 76.8c-3.9 8.9-12.2 23.7-13.1 25.4c-32.1 53.3-71.4 102.1-143 102.1m.4-396.1h4.3c40.1 0 79.7 14.5 104.2 38.5c20 19.5 30.2 44.5 30.2 74.2V214s-25.2-.3-30.9 0c-2.4.1-4.8.2-10.5.2c-15.7 0-39.8-30.9-51.2-51.9c-3.3-6-10.2-9.4-16.9-8.1c-6.8 1.2-12.1 6.6-13.1 13.4c-.2 1.3-3.6 24.7 4.6 51.1c-49.5-15.4-70.7-68.7-71.7-71.3c-2.8-7.2-10.3-11.5-17.9-10.1s-13.1 8.1-13.1 15.8c0 40.4-47 62.3-47.5 62.5l-10.2 4.8V187c0-66 51.9-69.6 57.8-69.8c8.2-.2 15-7.3 15.7-15.4c.9-9.1 15.7-26.4 66.2-27.8M129.6 330.5c-8.5-20.5-12.8-42.1-12.8-64.4v-10.8l23.3-10.5c2-.9 37.2-17 55.6-50c19.6 27.3 54.5 60 109.2 60c6 0 11.5-3.4 14.3-8.7c2.1-4 2.3-8.5.9-12.6c10.3 7.6 21.7 12.7 33.8 12.7c6.4 0 9.2-.1 11.9-.3h.1c4.8-.3 29.4.1 29.4.1v19.7c0 22.2-4.3 44-12.7 64.4c-3.2 7.5-11.2 21.6-11.2 21.6C339.2 405 308.7 438 256 438c-54 0-85.7-35.1-116.3-87.4c0 0-7.3-13.3-10.1-20.1M256 394.2c-21.2 0-41.1-8.5-56-23.9c-5.8-6-5.6-15.5.4-21.3s15.5-5.6 21.3.3c18.4 19 50.3 19 68.7 0c5.8-6 15.4-6.1 21.3-.3c6 5.8 6.2 15.3.4 21.3c-15 15.4-34.9 23.9-56.1 23.9M29.1 28.2h-1v49.2c0 7.8-6.3 14.1-14.1 14.1c-7.7-.1-14-6.4-14-14.2V14.1C0 6.3 6.3 0 14.1 0h63.2c7.8 0 14.1 6.3 14.1 14.1s-6.3 14.1-14.1 14.1zm453.8 455.6h1v-49.2c0-7.8 6.3-14.1 14.1-14.1s14.1 6.3 14.1 14.1v63.2c0 7.8-6.3 14.1-14.1 14.1h-63.2c-7.8 0-14.1-6.3-14.1-14.1s6.3-14.1 14.1-14.1h48.1zm-454.7-.9v1h49.2c7.8 0 14.1 6.3 14.1 14.1s-6.4 14-14.2 14H14.1C6.3 512 0 505.7 0 497.9v-63.2c0-7.8 6.3-14.1 14.1-14.1s14.1 6.3 14.1 14.1zM483.8 29.1v-1h-49.2c-7.8 0-14.1-6.3-14.1-14.1S426.8-.1 434.6-.1h63.2c7.8 0 14.1 6.3 14.1 14.1v63.2c0 7.8-6.3 14.1-14.1 14.1s-14.1-6.3-14.1-14.1V29.1z"/></svg>

Compreface Light アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="selfhst:compreface-light"></iconify-icon>

HTML 画像

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

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

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

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

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

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

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

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

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

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