# Мы обновляем иконки до Font Awesome 6!

**URL:** https://meta.discourse.org/t/were-upgrading-our-icons-to-font-awesome-6/325349
**Category:** Announcements
**Created:** [09.Сентябрь.2024 13:40:27 UTC](https://meta.discourse.org/t/were-upgrading-our-icons-to-font-awesome-6/325349 "2024-09-09T13:40:27Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [09.Сентябрь.2024 13:40:27 UTC](https://meta.discourse.org/t/were-upgrading-our-icons-to-font-awesome-6/325349/1 "2024-09-09T13:40:27Z")

</div>

## Что такое Font Awesome?

Discourse использует бесплатный набор иконок от [Font Awesome](https://fontawesome.com/) во всём интерфейсе. Вы видите их на панелях инструментов, бейджах, кнопках и т. д. Вот наша панель инструментов редактора:

![image](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/meta/optimized/4X/6/8/6/686f8f2d1030258099437287cc30a367630f10aa_2_345x23.png)

С 2018 года мы используем Font Awesome 5 ([оригинальное объявление](https://meta.discourse.org/t/introducing-font-awesome-5-and-svg-icons/101643)), а тем временем был выпущен Font Awesome 6. В версии 6 появились новые иконки, некоторые общие обновления стиля и переименования.

Начиная с сегодняшнего дня, Discourse также начнёт использовать версию 6! А именно, [версию 6.6.0](https://fontawesome.com/versions). Это не приведёт к радикальным визуальным изменениям, но вы заметите некоторые различия:

![image](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/meta/optimized/4X/b/b/2/bb2ceb38063fed9aeb4a9bc407808fd31fd6642b_2_345x21.png)

## Что включает это обновление?

Это обновление включает [ряд переименований](https://docs.fontawesome.com/web/setup/upgrade/whats-changed#icons-renamed-in-version-6) для повышения согласованности.

Чтобы помочь сообществам Discourse пройти через обновление, изменения будут внедрены в несколько этапов:

* * *

✅ **Сегодня** — Font Awesome обновлён до версии 6, иконки будут автоматически переназначены

✅ **Скоро** — будут включены сообщения об устаревании, чтобы помочь авторам тем и плагинов обновить имена иконок

✅ **1-й квартал 2025 года** — включён административный предупреждающий баннер для всех оставшихся устареваний

✅ **1 апреля 2025 года** — отмена автоматического переназначения и административного предупреждающего баннера

✅ **2 мая 2025 года** — удаление сопоставления старых имён иконок и логирования уровня ошибок

* * *

## Я вижу отсутствующую иконку, как это исправить?

1. Откройте инструменты разработчика браузера и найдите соответствующий элемент с отсутствующей иконкой.

2. Запишите текущее имя затронутой иконки и найдите правильное имя для её обновления. Сопоставление имён иконок можно найти по адресу: [discourse/lib/deprecated\_icon\_handler.rb at fbc2cfb6185c00950da8e915b1a32546e7020913 · discourse/discourse · GitHub](https://github.com/discourse/discourse/blob/fbc2cfb6185c00950da8e915b1a32546e7020913/lib/deprecated_icon_handler.rb#L5-L682).

3. Обновите соответствующую тему или плагин, к которому принадлежит элемент, или уведомите её/его разработчика о необходимости обновления.

Если вам нужна помощь, пожалуйста, создайте тему в канале #Support или обратитесь к вашему хостинг-провайдеру обычным способом.

## Что нужно знать авторам тем и плагинов?

Методы, описанные в [Introducing Font Awesome 5 and SVG icons](https://meta.discourse.org/t/introducing-font-awesome-5-and-svg-icons/101643), по-прежнему работают для добавления новых и пользовательских иконок.

Мы уже удалили переназначение старых имён, и если ваша тема или плагин всё ещё использует старые имена, вы увидите пустые места там, где раньше были некоторые иконки.

## Появилось множество новых иконок!

Обновление с версии 5 до 6 добавляет _сотни_ новых бесплатных иконок, почти 500 в общей сложности!

Вы можете просмотреть полный набор здесь; он отсортирован так, чтобы сначала показывать самые новые дополнения, а поиск очень удобен: [Search Icons & Find the Perfect Design | Font Awesome](https://fontawesome.com/v6/search?o=v&m=free)

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [09.Сентябрь.2024 13:50:32 UTC](https://meta.discourse.org/t/were-upgrading-our-icons-to-font-awesome-6/325349/2 "2024-09-09T13:50:32Z")

</div>

Нужно ли это больше:

`@import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css");`

И нужно ли отредактировать это:

```plaintext
<script type="text/discourse-plugin" version="0.8">
    api.replaceIcon('d-post-share', 'share-alt');
    api.replaceIcon('d-topic-share', 'share-alt');
    api.replaceIcon("far-beer", "beer");
</script>

```

---

<div class="post-metadata">

### Author: ![ondrej](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ondrej/32/198804_2.png) [@ondrej](https://meta.discourse.org/u/ondrej)
#### Post date: [09.Сентябрь.2024 13:56:18 UTC](https://meta.discourse.org/t/were-upgrading-our-icons-to-font-awesome-6/325349/3 "2024-09-09T13:56:18Z")

</div>

Это здорово! Я наконец-то могу использовать иконку, которую хочу, для категории 🎉

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [09.Сентябрь.2024 14:00:17 UTC](https://meta.discourse.org/t/were-upgrading-our-icons-to-font-awesome-6/325349/4 "2024-09-09T14:00:17Z")

</div>

> [@Jagster](#):
>
> Нужно ли это сейчас:
> 
> `@import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css");`

Похоже, это связано с [Making tags look like real world tags - #11 by HeyRR](https://meta.discourse.org/t/making-tags-look-like-real-world-tags/100237/11)… если вы используете CSS вроде `content: "\f02b";`, то да, это всё ещё нужно. Здесь шрифт иконок используется отдельно от нашей реализации (которая использует напрямую SVG-файлы).

> [@Jagster](#):
>
> И нужно ли редактировать это:
> 
> ```plaintext
> <script type="text/discourse-plugin" version="0.8">
> api.replaceIcon('d-post-share', 'share-alt');
> api.replaceIcon('d-topic-share', 'share-alt');
> api.replaceIcon("far-beer", "beer");
> </script>
> 
> ```

Сразу редактировать это не нужно, но исходя из [списка переименований](https://docs.fontawesome.com/web/setup/upgrade/whats-changed#icons-renamed-in-version-6), вам следует заменить `share-alt` на `share-nodes`, а `beer` на `beer-mug-empty` в течение следующих 6 месяцев (полная кружка пива — это про-иконка… кажется, это не «[бесплатно как пиво](https://en.wiktionary.org/wiki/free_as_in_beer)»)"}

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [09.Сентябрь.2024 14:05:27 UTC](https://meta.discourse.org/t/were-upgrading-our-icons-to-font-awesome-6/325349/5 "2024-09-09T14:05:27Z")

</div>

> [@Kris](#):
>
> возможно, это связано с [Сделать теги похожими на реальные теги - #11 от HeyRR](https://meta.discourse.org/t/making-tags-look-like-real-world-tags/100237/11)…

Возможно. Этого советовали более одного раза несколько лет назад. Я никогда толком не понимал почему, но могу скопировать и вставить 😝 Но это связано с возможностью использовать Font Awesome где-то, в любом месте или что-то в этом роде.

Но если я больше не смогу использовать пиво, я начну бунт с армией муми-троллей 🤣

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [09.Сентябрь.2024 14:31:20 UTC](https://meta.discourse.org/t/were-upgrading-our-icons-to-font-awesome-6/325349/6 "2024-09-09T14:31:20Z")

</div>

В данный момент иконки щита отсутствуют здесь, в Meta.

 ![Screenshot_20240909_162435_Chrome](https://global.discourse-cdn.com/meta/original/4X/a/9/7/a97b9546632c2f80562990e7e97e9030fc46e959.jpeg)

 ![Screenshot_20240909_162555_Chrome](https://global.discourse-cdn.com/meta/original/4X/1/7/d/17d688a1a123827bf76de9556abc0fe374cbfdc0.jpeg)

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [09.Сентябрь.2024 15:23:33 UTC](https://meta.discourse.org/t/were-upgrading-our-icons-to-font-awesome-6/325349/7 "2024-09-09T15:23:33Z")

</div>

Исправлено 🎉

 ![Screenshot_20240909_172213_Chrome](https://global.discourse-cdn.com/meta/original/4X/0/a/f/0af99e661dbd1fa6d415e38ab2d7955b92e5fc1e.jpeg)

 ![Screenshot_20240909_172234_Chrome](https://global.discourse-cdn.com/meta/original/4X/7/4/4/744ed222929f682a77348a7043871508758d90f7.jpeg)

---

<div class="post-metadata">

### Author: ![patrickemin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/patrickemin/32/520162_2.png) [@patrickemin](https://meta.discourse.org/u/patrickemin)
#### Post date: [09.Сентябрь.2024 22:44:07 UTC](https://meta.discourse.org/t/were-upgrading-our-icons-to-font-awesome-6/325349/8 "2024-09-09T22:44:07Z")

</div>

Спасибо, но мне неясно, было ли обновление до версии 6 уже выполнено или оно будет выполнено? (Я не смог найти иконку версии 6 «bluesky» 🦋 после обновления своего сайта, поэтому и спрашиваю…)

---

<div class="post-metadata">

### Author: ![ondrej](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ondrej/32/198804_2.png) [@ondrej](https://meta.discourse.org/u/ondrej)
#### Post date: [09.Сентябрь.2024 22:53:13 UTC](https://meta.discourse.org/t/were-upgrading-our-icons-to-font-awesome-6/325349/9 "2024-09-09T22:53:13Z")

</div>

После того как вы [обновите](https://github.com/discourse/discourse/commit/7d8974d02f7360b324b446868463e950fe92883f) свой сайт, ваши иконки станут FA6 и будут автоматически переназначены Discourse.

---

<div class="post-metadata">

### Author: ![patrickemin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/patrickemin/32/520162_2.png) [@patrickemin](https://meta.discourse.org/u/patrickemin)
#### Post date: [09.Сентябрь.2024 22:54:43 UTC](https://meta.discourse.org/t/were-upgrading-our-icons-to-font-awesome-6/325349/10 "2024-09-09T22:54:43Z")

</div>

Да, это именно то, что я ожидал, но этот значок не отображается (я использую его в компоненте ссылок на значки в заголовке)

---

<div class="post-metadata">

### Author: ![ondrej](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ondrej/32/198804_2.png) [@ondrej](https://meta.discourse.org/u/ondrej)
#### Post date: [09.Сентябрь.2024 22:59:14 UTC](https://meta.discourse.org/t/were-upgrading-our-icons-to-font-awesome-6/325349/11 "2024-09-09T22:59:14Z")

</div>

Я нашёл иконку в версии 6.6.0

> **[Font Awesome](https://fontawesome.com/search?q=bluesky&o=r)**
>
> The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.

Так как эта иконка не используется в Discourse, находится ли она в вашем «подмножестве SVG-икон» в настройках сайта?

---

<div class="post-metadata">

### Author: ![patrickemin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/patrickemin/32/520162_2.png) [@patrickemin](https://meta.discourse.org/u/patrickemin)
#### Post date: [09.Сентябрь.2024 23:00:46 UTC](https://meta.discourse.org/t/were-upgrading-our-icons-to-font-awesome-6/325349/12 "2024-09-09T23:00:46Z")

</div>

Нет, я добавляю его с помощью следующего синтаксиса: “fa-bluesky” в ресурсах компонента, но этого недостаточно. Я изучу эту тему с SVG-ресурсами, я не знаком с ней.

(обновление), похоже, мы говорим об одном и том же, да, оно добавлено в ресурсы…

 ![image](https://global.discourse-cdn.com/meta/original/4X/4/5/1/451d1306871130909c1ccfec7746f948d538a3c0.png)

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [09.Сентябрь.2024 23:50:39 UTC](https://meta.discourse.org/t/were-upgrading-our-icons-to-font-awesome-6/325349/13 "2024-09-09T23:50:39Z")

</div>

Возможно, вам потребуется выполнить fab-bluesky, так как это часть набора бренда.

---

<div class="post-metadata">

### Author: ![patrickemin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/patrickemin/32/520162_2.png) [@patrickemin](https://meta.discourse.org/u/patrickemin)
#### Post date: [10.Сентябрь.2024 02:28:13 UTC](https://meta.discourse.org/t/were-upgrading-our-icons-to-font-awesome-6/325349/15 "2024-09-10T02:28:13Z")

</div>

Спасибо, всё работает! Нужно указывать fab-bluesky в ресурсах SVG и в редакторе ссылок пользовательского заголовка, чего мне раньше никогда не приходилось делать. В компоненте ссылок пользовательского заголовка я никогда не указывал префикс “fa”, но для иконки Bluesky пришлось указать “fab-bluesky”. Главное, что всё работает! Спасибо.

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [10.Сентябрь.2024 05:54:50 UTC](https://meta.discourse.org/t/were-upgrading-our-icons-to-font-awesome-6/325349/16 "2024-09-10T05:54:50Z")

</div>

> [@Jakke Flemming](#):
>
> Но если я больше не смогу использовать пиво, я устрою бунт с армией муми-троллей 🤣

Я обновился, и значки изменились. То, что беспокоило меня больше всего, потому что я немного боюсь своих пользователей (эти дамы чудесные, но если они расстроятся…), — это то, что произойдёт с реакциями, но это уже другой мир, верно? В любом случае, всё прошло гладко.

---

<div class="post-metadata">

### Author: ![darkpixlz](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/darkpixlz/32/549896_2.png) [@darkpixlz](https://meta.discourse.org/u/darkpixlz)
#### Post date: [10.Сентябрь.2024 17:37:23 UTC](https://meta.discourse.org/t/were-upgrading-our-icons-to-font-awesome-6/325349/17 "2024-09-10T17:37:23Z")

</div>

Выглядит как крутое обновление! Мне нравится обновленное скругление. Я даже не знал, что это изменение мне нужно.

---

<div class="post-metadata">

### Author: ![mattdm](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mattdm/32/216484_2.png) [@mattdm](https://meta.discourse.org/u/mattdm)
#### Post date: [18.Сентябрь.2024 08:27:32 UTC](https://meta.discourse.org/t/were-upgrading-our-icons-to-font-awesome-6/325349/18 "2024-09-18T08:27:32Z")

</div>

Самое главное, новая версия использует правильный логотип Fedora, а не несанкционированную имитацию, которая вызывала у наших дизайнеров головную боль.

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [23.Сентябрь.2024 11:34:02 UTC](https://meta.discourse.org/t/were-upgrading-our-icons-to-font-awesome-6/325349/19 "2024-09-23T11:34:02Z")

</div>

9 сообщений были перенесены в новую тему: [Некоторые значки не отображаются после обновления](https://meta.discourse.org/t/some-icons-not-showing-up-after-upgrade/327730)

---

<div class="post-metadata">

### Author: ![traceymoko](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/traceymoko/32/483235_2.png) [@traceymoko](https://meta.discourse.org/u/traceymoko)
#### Post date: [25.Сентябрь.2024 12:48:21 UTC](https://meta.discourse.org/t/were-upgrading-our-icons-to-font-awesome-6/325349/24 "2024-09-25T12:48:21Z")

</div>

Будут ли официальные компоненты темы «Иконки категорий» и «Иконки тегов» обновлены для использования новых названий Font Awesome 6?

> [@Category Icons](https://meta.discourse.org/t/category-icons/104683):
>
> warning This theme component is deprecated and should no longer be used. Its features are now in Discourse Core (see: [Bringing popular features to Discourse](https://meta.discourse.org/t/bringing-popular-features-to-discourse-header-search-welcome-banner-and-category-icons-emoji/359169)). For private category icon customization, refer to [this topic](https://meta.discourse.org/t/new-aliases-for-replacing-lock-icons-on-closed-topics-and-restricted-categories/373778). discourse2Summary Category Icons allows category badge links to have icons next to the category name.eyeglassesPreview [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/category-icons)hammer_and_wrenchRepository Link [https://github.com/discourse/discourse-category-icons](https://github.com/discourse/discourse-category-icons) …

> [@Tag Icons](https://meta.discourse.org/t/tag-icons/109757):
>
> discourse2Summary Tag Icons allows tags to have an icon next to the tag label.eyeglassesPreview [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/tag-icons)hammer_and_wrenchRepository Link [https://github.com/discourse/discourse-tag-icons](https://github.com/discourse/discourse-tag-icons)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Install this theme component Features Here is an example of how this would look, with tag style set to the default (simple): Here is how this looks with tag sty…

На данный момент, насколько я знаю, они всё ещё используют FA5.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [25.Сентябрь.2024 13:49:33 UTC](https://meta.discourse.org/t/were-upgrading-our-icons-to-font-awesome-6/325349/25 "2024-09-25T13:49:33Z")

</div>

Эти компоненты темы используют встроенную в Discourse систему иконок, поэтому, полагаю, они не потребуют обновления для совместимости — они автоматически будут использовать новые иконки.

[Next page](https://meta.discourse.org/t/were-upgrading-our-icons-to-font-awesome-6/325349.md?page=2)
