Hedgedoc Light アイコン
selfhst:hedgedoc-light
Hedgedoc Light アイコン(selfhst:hedgedoc-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
- タグ
- hedgedoclight
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M205.8 309.5c-10.9 0-19.8 8.8-19.8 19.8c0 10.9 8.9 19.8 19.8 19.8s19.8-8.8 19.8-19.8s-8.9-19.8-19.8-19.8m7.5 22.3c-3 0-5.5-2.5-5.5-5.5s2.5-5.5 5.5-5.5c3.1 0 5.5 2.5 5.5 5.5s-2.5 5.5-5.5 5.5M486.1 282l25.9-25.9l-25.9-25.9l19.5-31l-31-19.5l12.1-34.6l-34.7-12.2l4.1-36.4l-36.4-4.1l-4.1-36.4l-36.4 4l-12.1-34.6l-34.6 12.1l-19.5-31L282 26L256 .1L230.1 26L199 6.5l-19.5 31l-34.6-12.1L132.8 60l-36.4-4.1l-4.1 36.4l-36.4 4.1l4.1 36.4L25.4 145l12.1 34.6l-31 19.5l19.5 31l-26 26L25.9 282L6.4 313l31 19.5l-12.1 34.6L60 379.3l-4.1 36.4l36.4 4.1l4.1 36.4l36.4-4.1l12.1 34.6l34.6-12.1l19.5 31l31-19.5c.1 14.2 11.7 25.8 25.9 25.8c14.3 0 25.9-11.5 26-25.7l30.9 19.4l19.5-31l34.6 12.1l12.1-34.6l36.4 4.1l4.1-36.4l36.4-4.1l-4.1-36.4l34.6-12.1l-12.1-34.6l31-19.5zm-84.3 84l-120 120c-6.9-6.8-16.1-10.7-25.8-10.7c-9.6 0-19 3.9-25.9 10.7L106.9 362.8c-17.7-16.5-28.8-40.1-28.8-66.3c0-50.1 40.6-90.7 90.7-90.7c27.2 0 51.6 12 68.2 31l19 19l23.1-23.1c16.4-16.3 38.9-26.3 63.8-26.3c50.1 0 90.7 40.6 90.7 90.7c0 27.6-13.6 51.8-31.8 68.9m-95.4-56.5c-10.9 0-19.8 8.9-19.8 19.8s8.8 19.8 19.8 19.8c10.9 0 19.8-8.8 19.8-19.8s-8.9-19.9-19.8-19.8m7.5 22.3c-3 0-5.5-2.5-5.5-5.5s2.5-5.5 5.5-5.5c3.1 0 5.5 2.5 5.5 5.5s-2.5 5.5-5.5 5.5"/></svg>Hedgedoc Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:hedgedoc-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:hedgedoc-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:hedgedoc-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--hedgedoc-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:hedgedoc-light"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:hedgedoc-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/hedgedoc-light.svg" alt="Hedgedoc Light アイコン" width="24" height="24">selfh.st/icons の関連アイコン
Hedgedoc Light アイコン のよくある質問
Hedgedoc Light アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Hedgedoc Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:hedgedoc-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hedgedoc Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/hedgedoc-light.svg" alt="Hedgedoc Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。