Photoprism アイコン
selfhst:photoprism
Photoprism アイコン(selfhst:photoprism)は、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 xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><linearGradient id="SVGq2TPJcdC" x1="80.361" x2="442.399" y1="-452.399" y2="-90.361" gradientTransform="matrix(1 0 0 -1 -5.38 -15.38)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="0" stop-color="#b8edff"/><stop offset="1" stop-color="#d4b8ff"/></linearGradient><circle cx="256" cy="256" r="256" fill="url(#SVGq2TPJcdC)"/><path fill="#1d1d1b" d="M424.9 393.3h-.3l-316.8-18.2H102v-3.3l-26.8-25.3c-.5-.5-1.9-1.9-1.9-4.5v-1.8L250.9 73.1l.5-.6c1.8-1.7 4.3-2.2 6.5-1.3l.9.4v-.1l.3.2l2.4 1v.6l35.7 24l-.1.2c1.1.7 1.9 1.7 2.3 2.9l45 97.7l94.4 140.3v1.8c0 .9-.2 1.8-.5 2.6l-7.5 45.1c-.3 3.1-2.8 5.4-5.9 5.4M118.4 364L416 381.1l-15.9-34.4l-270.4 1.2zm294.5-17.3l9.6 20.8l3.5-20.9zm-319 1.4l13 12.3l8.6-12.4zM255.6 87L89.8 336.4l33.8-.1l152.6-218.8zm27.5 40.9L137.8 336.2l256.9-1.1L334.3 204zM375 264.5l32.5 70.6l14.9-.1zm-84.7-146.9l13.5 20.1l-11-23.8zm-13.4-19.9l6.4 9.6l2.5-3.6z"/></svg>Photoprism アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:photoprism" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:photoprism" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:photoprism" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--photoprism]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:photoprism"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:photoprism"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/photoprism.svg" alt="Photoprism アイコン" width="24" height="24">selfh.st/icons の関連アイコン
他のアイコンセットの Photoprism アイコン
Photoprism アイコン のよくある質問
Photoprism アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Photoprism アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:photoprism" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Photoprism アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/photoprism.svg" alt="Photoprism アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。