Character Map 16 アイコン
qlementine-icons:character-map-16
Character Map 16 アイコン(qlementine-icons:character-map-16)は、Qlementine Icons セットの無料 SVG アイコンです（作者: Olivier Cléro）。 24 × 24 のグリッドで描かれています。 Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Qlementine Icons
- 作者
- Olivier Cléro
- ライセンス
- MIT
- サイズ
- 24 × 24
- カテゴリ
- ソフトウェア
- タグ
- charactermap
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5.5 3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 1 0v-.25A.25.25 0 0 1 6.25 4H7v4h-.5a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1H9V4h.75a.25.25 0 0 1 .25.25v.25a.5.5 0 0 0 1 0v-1a.5.5 0 0 0-.5-.5z"/><path fill="currentColor" fill-rule="evenodd" d="M1.17 3.36c.672-1.23 1.08-1.83 1.55-2.31c.248-.289.551-.53.893-.708c.65-.338 1.5-.338 3.21-.338h2.34c1.71 0 2.56 0 3.21.338c.362.188.68.447.936.759c.458.494.842 1.03 1.51 2.26l.383.702c.296.543.444.814.548 1.1q.133.367.192.754c.046.302.046.611.046 1.23v2.42c0 2.28 0 3.42-.45 4.28c-.38.73-.975 1.33-1.71 1.71c-.867.45-2.01.45-4.28.45h-3.12c-2.28 0-3.42 0-4.28-.45a4 4 0 0 1-1.71-1.71c-.45-.867-.45-2.01-.45-4.28v-2.42c0-.618 0-.927.047-1.23a4 4 0 0 1 .192-.754c.104-.287.252-.558.548-1.1l.383-.702zm8-2.36H6.83c-.871 0-1.46 0-1.92.039c-.445.037-.673.104-.831.186c-.365.19-.663.488-.853.853c-.082.159-.149.386-.186.83c-.038.458-.039 1.05-.039 1.92v2.34c0 .872.001 1.46.039 1.92c.037.446.104.674.186.832c.19.365.488.663.853.853c.159.082.386.149.831.186c.457.038 1.05.039 1.92.039h2.34c.871 0 1.46-.001 1.92-.04c.446-.036.673-.103.831-.185c.365-.19.663-.488.853-.853c.082-.16.149-.386.186-.831c.038-.457.039-1.05.039-1.92v-2.34c0-.871-.001-1.46-.039-1.92c-.037-.445-.104-.673-.186-.831a2 2 0 0 0-.853-.853c-.158-.083-.386-.15-.831-.186C10.633 1 10.04 1 9.17 1M1.66 4.54l.338-.62q-.004.41-.003.913v2.34c0 1.71 0 2.56.338 3.21c.285.548.731.995 1.28 1.28c.65.338 1.5.338 3.21.338h2.34c1.71 0 2.56 0 3.21-.338a3 3 0 0 0 1.28-1.28c.338-.65.338-1.5.338-3.21v-2.34q0-.502-.002-.913l.338.62c.31.569.413.764.485.962q.1.276.144.565c.032.209.035.43.035 1.08v2.42c0 1.16-.001 1.96-.053 2.59c-.051.615-.146.968-.285 1.23a3 3 0 0 1-1.28 1.28c-.267.139-.62.234-1.23.285c-.627.052-1.43.053-2.59.053h-3.12c-1.16 0-1.96 0-2.59-.053c-.615-.051-.968-.146-1.23-.285a3 3 0 0 1-1.28-1.28c-.14-.267-.234-.62-.285-1.23c-.052-.627-.053-1.43-.053-2.59v-2.42c0-.648.002-.868.034-1.08q.045-.29.144-.565c.072-.199.175-.394.485-.962z" clip-rule="evenodd"/></svg>Character Map 16 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="qlementine-icons:character-map-16" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="qlementine-icons:character-map-16" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="qlementine-icons:character-map-16" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--character-map-16]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:character-map-16"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="qlementine-icons:character-map-16"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/qlementine-icons/character-map-16.svg" alt="Character Map 16 アイコン" width="24" height="24">Character Map 16 アイコン のよくある質問
Character Map 16 アイコンは商用利用でも無料ですか?
はい。Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Character Map 16 アイコンを使うには?
@iconify/react をインストールして <Icon icon="qlementine-icons:character-map-16" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Character Map 16 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/qlementine-icons/character-map-16.svg" alt="Character Map 16 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。