Unicode 字符代表“全屏”？答案

【问题标题】：Unicode character to represent "fullscreen"?Unicode 字符代表“全屏”？
【发布时间】：2019-03-18 10:45:18
【问题描述】：

鉴于the sheer number Unicode 中有类似箭头的符号，我有点惊讶。我错过了什么吗？或者是否有一个看起来类似于全屏图标的字符？

【问题讨论】：

不要搜索“全屏”，您要“最大化”。 U+1F5D6。 FontAwesome 很受欢迎：fontawesome.com/icons?d=gallery&q=maximize.
符号“最大化”U+1F5D6 甚至在大多数普通字体中都可用，它并非特定于 fontawesome。
U+1F5D6: ?? i.imgur.com/nNc7PtV.png

标签： unicode icons fullscreen symbols

【解决方案1】：

还有U+26F6“四角”⛶，和这张图有点像

您已链接。不知道这个符号最初应该代表什么......我也不确定它实际上是否看起来像所有字体的四个角，也许它只是我特定浏览器的字体。

【讨论】：

在HTML中使用：&#x26F6;
在CSS中使用：SELECTOR::after { content: '\26F6'; padding: 10px; }
不幸的是，Apple MacOS/iOS 尚不支持此 unicode 符号（但已在 Windows、Android、Linux 等中支持）

【解决方案2】：

如果您从 Hans Passant 上面评论的链接中搜索 expand，您将得到以下信息

⛶ 就像 Youtube 使用的那样确实出现在结果中

另一个建议：

U+21F1 ⇱ 西北箭头到拐角
U+21F2 ⇲ 东南箭头转角

不存在 North East 和 South West 版本，但您可以旋转或镜像可用的版本以创建剩余的两个角。但是两个角已经足够代表一个全屏动作了，你不需要把四个角都填满

其他选择

U+2725 ✥ FOUR CLUB-SPOKED ASTERISK
U+21F9 ⇹ LEFT RIGHT ARROW WITH VERTICAL STROKE
U+21FC ⇼ LEFT RIGHT ARROW WITH DOUBLE VERTICAL STROKE
U+2921 ⤡ NORTH WEST AND SOUTH EAST ARROW
U+1F542 ? CROSS POMMEE（需要一些修改或特殊字体以使头部更像箭头）
↔↕（单独使用或相互绘制以获得带箭头的十字架）
⤡⤢
⇳
⤄
????
????
????
????

一些带箭头的例子

这是玩家在vtvgiaitri.vn中使用的另一个变体

我猜它们可以由◣ U+25E3 黑色左下三角形和◥ U+25E5 黑色右上三角形或下面的一些三角形组成

◸ U+25F8 左上三角
◹ U+25F9 右上三角
◺ U+25FA 左下三角形
◿ U+25FF 右下三角
? U+1D14A 音乐符号三角符头左白
? U+1D14B 音乐符号三角符头左黑
? U+1D14C 音乐符号三角符头右白
? U+1D14D 音乐符号三角符头右黑
? U+1D14E 音乐符号三角形音符头向下白色
? U+1D14F 音乐符号三角形音符头向下黑色
? U+1D150 音乐符号三角符头右上白色
? U+1D151 音乐符号三角符头右上黑色

还有⤧⤨⤩⤪⤭⤮⤯⤰，可惜他们没有双头箭头版本，但是像⤪⤭这样的简单解决方案可能会起作用

您可以在shapecatcher 上寻找更多相关解决方案或寻找更多箭头

【讨论】：

【解决方案3】：

FWIW，在撰写本文时，YouTube 正在使用 SVG 作为其“四角形”图标；这是代码：

<svg height="100%" version="1.1" viewBox="0 0 36 36" width="100%">
<path d="m 10,16 2,0 0,-4 4,0 0,-2 L 10,10 l 0,6 0,0 z"></path>
<path d="m 20,10 0,2 4,0 0,4 2,0 L 26,10 l -6,0 0,0 z"></path>
<path d="m 24,24 -4,0 0,2 L 26,26 l 0,-6 -2,0 0,4 0,0 z"></path>
<path d="M 12,20 10,20 10,26 l 6,0 0,-2 -4,0 0,-4 0,0 z"></path>
</svg>

【讨论】：

【解决方案4】：

我目前正在使用⇱︎，这不是很好，但可以理解这个想法。我也玩过这样的“合并”角色：

<div style="position:relative; display:inline-block;">
  <div>↖</div>
  <div style="position:absolute; top:0;">↗</div>
  <div style="position:absolute; top:0;">↘</div>
  <div style="position:absolute; top:0;">↙</div>
</div>

产生这个：

但如果这种形状只有一个字符会更好。

【讨论】：

它看起来更像是一个正方形，里面有 4 个较小的正方形，而不是 4 个箭头
它看起来也有点像 ❖ (U+2756 BLACK DIAMOND MINUS WHITE X) 反色。

【解决方案5】：

您可以使用其中一些 Unicode 字符：

⌈⌊⌊⌋
「」
┘┌└ ┐
╬
⛶
╭ ╮╯╰

与 _{或 ^{+ 重叠}}

或箭头：

⇱⇲
⇳⇖⇗⇘⇙⇕⇔↔↕↖↗↘↙ (and other arrows...)

【讨论】：

【解决方案6】：

这是经典的 Windows“全屏”图标：?

https://www.fileformat.info/info/unicode/char/1f5d6/index.htm

【讨论】：