Hilton アイコン
simple-icons:hilton
Hilton アイコン(simple-icons:hilton)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M0 7.544v8.912h24V7.544zm23.588 8.503H.406V7.95h23.182zM3.682 14.41h-1.62v-.249l.324-.044V9.873l-.324-.045v-.242h1.62v.242l-.324.045v1.813h2.107V9.873l-.355-.045v-.242h1.647v.242l-.334.045v4.244l.334.044v.25H5.11v-.25l.355-.044v-1.933H3.358v1.933l.324.044zm5.298 0H7.466v-.218l.31-.044V11.24l-.31-.045v-.218h1.203v3.17l.31.045zm2.171.004H9.638v-.215l.303-.041V9.845l-.303-.044V9.59h1.203v4.568l.31.04zm.941-3.116h-.634v-.32h.658v-.717l.88-.262v.978h.807v.32h-.81v2.043c0 .528.108.695.589.695c.177 0 .334 0 .48-.037v.235c-.436.153-.804.218-1.114.218c-.696 0-.856-.314-.856-.914v-2.24zm3.924 3.214c1.139 0 1.861-.715 1.861-1.786c0-1.176-.678-1.844-1.803-1.844c-1.139 0-1.861.74-1.861 1.844c0 1.32.702 1.786 1.803 1.786m.024-3.364c.525 0 .849.474.849 1.558c0 1.111-.304 1.544-.85 1.544c-.51 0-.834-.453-.834-1.544c0-1.105.323-1.558.835-1.558m3.72 3.262h-1.521v-.218l.31-.044v-2.884l-.31-.045v-.242h1.21v.478c.375-.3.74-.543 1.248-.543c.678 0 .981.396.981 1.173v2.066l.31.041v.218h-1.513v-.218l.303-.044v-1.954c0-.542-.2-.784-.613-.784c-.191 0-.495.133-.716.287v2.45l.31.045v.218zM7.738 10.07a.487.487 0 0 1 .975 0a.487.487 0 0 1-.488.485a.485.485 0 0 1-.487-.485"/></svg>Hilton アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:hilton" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:hilton" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:hilton" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--hilton]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:hilton"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:hilton"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/hilton.svg" alt="Hilton アイコン" width="24" height="24">Simple Icons の関連アイコン
他のアイコンセットの Hilton アイコン
Hilton アイコン のよくある質問
Hilton アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Hilton アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:hilton" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hilton アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/hilton.svg" alt="Hilton アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。