Я бы использовал пару крошечных изображений. Смотрел бы тоже лучше.

Кроме того, вы можете попробовать утилиту Character Map, которая поставляется с Windows, или поискать здесь.

Еще одно решение, которое я видел, - это использование шрифта Wingdings для символов. Там много стрел.

Перевернутый циркумфлекс называется Caron или гачек.

Он имеет объект HTML в расширении TADS Latin-2 для HTML: ˇ и выглядит так: & caron; который, к сожалению, не отображается в том же размере / пропорциях, что и курсор ^.

Или вы можете использовать Unicode U+30C.

Есть ▲: & # 9650; и ▼: & # 9660;

Возможно, вы сможете использовать черные треугольники, значения Unicode U + 25b2 и U + 25bc. Или стрелки U + 2191 и U + 2193.

Всегда есть строчная буква «v». А если серьезно, кроме Unicode, все, что я могу найти, это &darr, который выглядит как ↓.

код C#

int i = 0;
char c = '↑';
i = (int)c;
Console.WriteLine(i); // prints 8593

int j = 0;
char d = '↓';
j = (int)d;
Console.WriteLine(j); // prints 8595

Не забывайте символы ∧ (логическое и) и ∨ (логическое или), это то, что я использую для указания направления сортировки: объекты HTML ∧ и ∨ соответственно.

Мощный вариант, который также повышает креативность, - это создание собственных персонажей с помощью Коробка рисования персонажей.

Хотите, чтобы "каретка" указывала вниз? Вот один: ╲╱

Я недавно обнаружил их - и мне доставляет огромное удовольствие использовать такие специально разработанные символы для обозначения вещей вокруг :).

Я сделал нижний индекс заглавными и выделил жирным шрифтом V. Он работает отлично (хотя это требует некоторых усилий, если это нужно делать повторно)

Синтаксис:

<sub><strong>v</strong></sub>

Выход:
_v

Не могли бы вы просто нарисовать путь svg внутри диапазона с помощью document.write? Диапазон не требуется для работы svg, он просто гарантирует, что svg остается встроенным в любой текст, рядом с которым находится carat. Я использовал margin-bottom, чтобы вертикально центрировать его с текстом, хотя может быть и другой способ сделать это. Это то, что я сделал на боковая навигация моего блога (без js). Если у вас нет текста рядом с ним, вам не понадобится диапазон или смещение нижнего поля.

<div id = "ID"></div>

<script type = "text/javascript">
var x = document.getElementById('ID');

// your "margin-bottom" is the negative of 1/2 of the font size (in this example the font size is 16px)
// change the "stroke = " to whatever color your font is too
x.innerHTML = document.write = '<span><svg style = "margin-bottom: -8px; height: 30px; width: 25px;" viewBox = "0,0,100,50"><path fill = "transparent" stroke-width = "4" stroke = "black" d = "M20 10 L50 40 L80 10"/></svg></span>';
</script>

Вы можете рассмотреть возможность использования Font Awesome вместо использования Unicode или других значков.

Код может быть таким же простым, как (а), включая потрясающий шрифт, например. <link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> (б) изготовление кнопки типа <button><i class = "fa fa-arrow-down"></i></button>

^ (Caret- или Ascii Circumflex), полученный путем прессования shift + 6, по-видимому, не имеет противоположного Ascii, а именно Ascii Inverted Circumflex.

Но для вашей альтернативной пары символов, которая также имеет комбинации клавиш, вы можете использовать:

ˆ (Circumflex) shift + alt + i и
ˇ (Карон) shift + alt + t

Источник: fileformat.info

Если вам нужен отличный шрифт для приложений React, тогда Реагировать иконки - очень хороший ресурс, и его очень легко реализовать. Он включает в себя гораздо больше библиотек, чем просто потрясающий шрифт.

Здесь нет перевернутого символа курсора, но вы можете легко повернуть его с помощью CSS. Это простое решение, которое выглядит идеально. Нажмите "Выполнить фрагмент кода", чтобы увидеть его в действии:

.upsidedown {
transform:rotate(180deg); 
-webkit-transform:rotate(180deg);
-o-transform:rotate(180deg);
-ms-transform:rotate(180deg);
}
.upsidedown.caret {
display: inline-block; 
position:relative; 
bottom: 0.15em;
}

more items <span class = "upsidedown caret">^</span>

Обратите внимание на следующее ...

• Я сделал небольшую поправку для позиционирования каретки, поскольку она обычно высока (т.е. низка в повернутой версии). Вы хотите немного поднять его. Это «маленькое» значение относительно размера шрифта, отсюда и «em». В зависимости от вашего выбора шрифта, вы можете повозиться с ним, чтобы он выглядел хорошо.
• Это решение не работает в IE8. Вам следует использовать фильтр, если вам нужна поддержка IE8. Поддержка IE8 на самом деле не требуется и не распространена в 2018 году.
• Если вы хотите использовать это в сочетании с Twitter Bootstrap, переименуйте класс «caret» во что-нибудь другое, например «caret_down» (поскольку он сталкивается с именем класса из Twitter Bootstrap).

˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅

˅˅˅ Hǝɹǝ, s ɐ ɯɐʇɔɥᴉuƃ sǝʇ˙ ˅˅˅
˄˄˄ Вот подходящий набор. ˄˄˄

˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄

«Фактический размер»: ˅˄˅˄
_{(more info)}

Обновлено: Другой вариант...

⋁⋁⋁⋁⋁⋁⋁⋁⋁⋁ _{^{Unicode #8897 / U+22C1 (info)}} назван N-ARY LOGICAL OR

⋀⋀⋀⋀⋀⋀⋀⋀⋀⋀ _{^{Unicode #8896 / U+22C0 (info)}} назван N-ARY LOGICAL AND

«Фактический размер»: ⋁⋀⋁⋀

U + 2304 СТРЕЛКА ВНИЗ, в HTML как & # 8964;

Итак, я хотел, чтобы курсор был точно таким же, как в OWA, поэтому я скачал office365icons.woff из https://owa.example.com/owa/prem/15.1.1913.10/resources/styles/fonts/office365icons.woff (необходимо войти в систему, чтобы сделать это через браузер), а затем, скопировав урезанный стиль с веб-сайта:

  @font-face {
      font-family: 'Office365Icons';
      src: url('/fonts/office365icons.woff') format('woff');
      font-weight: normal;
      font-style: normal;
  }

  span.o-icon {
      font-family: 'Office365Icons';
      font-size: 14pt;
      line-height: 21px;
      color: #666;
  }

И наконец:

<span class = "o-icon">&#xe088;</span>