Website アイコン
whh:website
Website アイコン(whh:website)は、WebHostingHub Glyphs セットの無料 SVG アイコンです（作者: WebHostingHub）。 1024 × 1023 のグリッドで描かれています。 WebHostingHub Glyphs icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- WebHostingHub Glyphs
- 作者
- WebHostingHub
- ライセンス
- OFL-1.1
- サイズ
- 1024 × 1023
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1023" viewBox="0 0 1024 1023"><path fill="currentColor" d="M881 321q-10-2-15-2q-37 0-64 25q-61-27-114-44q-87-28-182-46q-9-24-27-40Q504 96 546 0q126 9 231.5 73T948 241q-37 40-67 80M417 191q-26 0-49 14q-81-60-163-102Q329 9 483 0q-39 87-63 191zM70 253q34-57 86-108q68 35 141 86q-129-3-227 22m251 40q2 31 21.5 54.5T391 379q-6 70-6 133q0 44 3 101q-22 7-39 24q-54-21-104-48q11-22 11-45q0-40-28-68t-68-28q-44 0-73 34q-42-38-75-79q9-43 27-85q122-34 282-25M65 552q3 37 30.5 62.5T160 640q11 0 24-4q64 37 137 64v4q0 39 26.5 66.5T413 800q25 122 70 223q-100-6-189-48.5T140.5 864T38 704T0 512q0-1 1-27q28 35 64 67m436 197q72 13 145 17q7 20 22 37q-23 105-28 204q-51 13-94 16q-47-107-73-242q18-12 28-32m310 48q13-16 18-34q73-6 141-19q-48 94-132 163q-9-52-27-110m-163-95q-70-4-138-18q-11-50-57-69q-4-59-4-103q0-66 6-137q2 0 5-2t4-2q39 38 68 70q87 96 148 218q-22 17-32 43m89 130q2 0 11-1q17 61 25 121q-29 17-70 34q7-78 24-155q8 1 10 1m-5-239q-1 2-2.5 6t-2.5 6q-63-114-148-207q-31-35-74-76q1 0 1.5-1.5l.5-1.5q84 17 161 42q47 15 103 40q-2 10-2 15q0 30 18 55q-33 63-55 122m47 58q12-35 12-36q20-50 50-107q13 4 25 4q34 0 61-23q49 34 96 76q-6 57-24 110q-82 17-173 24q-13-32-47-48m183-236q0-33-22-60q21-27 42-49q36 82 42 169q-33-25-64-45q2-9 2-15"/></svg>Website アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="whh:website" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:website" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:website" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--website]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:website"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:website"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/whh/website.svg" alt="Website アイコン" width="24" height="24">WebHostingHub Glyphs の関連アイコン
他のアイコンセットの Website アイコン
Website アイコン のよくある質問
Website アイコンは商用利用でも無料ですか?
はい。WebHostingHub Glyphs icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。
React で Website アイコンを使うには?
@iconify/react をインストールして <Icon icon="whh:website" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Website アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/whh/website.svg" alt="Website アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。