Honor アイコン
simple-icons:honor
Honor アイコン(simple-icons:honor)は、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="M2.601 9.753v1.823H.807V9.753H0v4.498h.807v-1.874h1.794v1.874h.807V9.753zm18.671.801h.898c.369 0 .667.297.667.662a.665.665 0 0 1-.667.663h-.898zm-.806-.801v4.498h.806v-2.002l1.68 2.002H24l-1.376-1.64a1.462 1.462 0 0 0-.444-2.858h-1.716zm-7.63-.014v2.807l-1.959-2.807h-.644v4.498h.807v-2.82l1.968 2.82h.633V9.739zm-7.532 2.26c0-.832.68-1.506 1.517-1.506A1.51 1.51 0 0 1 8.337 12c0 .832-.679 1.506-1.516 1.506c-.403 0-.789-.159-1.073-.441A1.5 1.5 0 0 1 5.304 12zM4.497 12c0 .933.566 1.774 1.434 2.132c.869.357 1.868.16 2.533-.5s.863-1.653.503-2.515a2.32 2.32 0 0 0-2.146-1.425a2.316 2.316 0 0 0-2.323 2.307zm11.04-.001a1.513 1.513 0 0 1 1.518-1.506c.838 0 1.516.675 1.516 1.507a1.513 1.513 0 0 1-1.518 1.506c-.402 0-.788-.159-1.072-.441a1.5 1.5 0 0 1-.444-1.066M14.73 12c0 .933.566 1.774 1.434 2.132c.868.357 1.868.16 2.532-.5c.665-.66.864-1.653.504-2.515a2.325 2.325 0 0 0-2.147-1.425a2.316 2.316 0 0 0-2.323 2.307z"/></svg>Honor アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:honor" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:honor" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:honor" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--honor]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:honor"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:honor"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/honor.svg" alt="Honor アイコン" width="24" height="24">他のアイコンセットの Honor アイコン
Honor アイコン のよくある質問
Honor アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Honor アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:honor" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Honor アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/honor.svg" alt="Honor アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。