Project

General

Profile

Patch #23980 » 0001-Replace-icon-images-with-inline-SVG-icons.patch

Marius BĂLTEANU, 2021-10-10 20:16

View differences:

app/controllers/application_controller.rb
28 28
  include Redmine::Hook::Helper
29 29
  include RoutesHelper
30 30
  include AvatarsHelper
31
  include IconsHelper
31 32

  
32 33
  helper :routes
33 34
  helper :avatars
35
  helper :icons
34 36

  
35 37
  class_attribute :accept_api_auth_actions
36 38
  class_attribute :accept_rss_auth_actions
app/helpers/application_helper.rb
126 126
  # * :download - Force download (default: false)
127 127
  def link_to_attachment(attachment, options={})
128 128
    text = options.delete(:text) || attachment.filename
129
    icon = 'paperclip'
130
    icon_only = false
131

  
129 132
    if options.delete(:download)
130 133
      route_method = :download_named_attachment_url
131 134
      options[:filename] = attachment.filename
135
      icon = 'download'
136
      icon_only = true
132 137
    else
133 138
      route_method = :attachment_url
134 139
      # make sure we don't have an extraneous :filename in the options
......
137 142
    html_options = options.slice!(:only_path, :filename)
138 143
    options[:only_path] = true unless options.key?(:only_path)
139 144
    url = send(route_method, attachment, options)
140
    link_to text, url, html_options
145
    link_to labeled_icon(text, icon, icon_only: icon_only, size: 12), url, html_options
141 146
  end
142 147

  
143 148
  # Generates a link to a SCM revision
......
797 802
    content = capture(&block)
798 803
    if content.present?
799 804
      trigger =
800
        content_tag('span', l(:button_actions), :class => 'icon-only icon-actions',
805
        content_tag('span', labeled_icon(l(:button_actions), 'ellipsis-h', icon_only: true), :class => 'icon icon-actions icon-svg',
801 806
                    :title => l(:button_actions))
802 807
      trigger = content_tag('span', trigger, :class => 'drdn-trigger')
803 808
      content = content_tag('div', content, :class => 'drdn-items')
......
1832 1837

  
1833 1838
  def copy_object_url_link(url)
1834 1839
    link_to_function(
1835
      l(:button_copy_link), 'copyTextToClipboard(this);',
1836
      class: 'icon icon-copy-link',
1840
      labeled_icon(l(:button_copy_link), 'link'), 'copyTextToClipboard(this);',
1841
      class: 'icon icon-copy-link icon-svg',
1837 1842
      data: {'clipboard-text' => url}
1838 1843
    )
1839 1844
  end
app/helpers/icons_helper.rb
1
# frozen_string_literal: true
2

  
3
module IconsHelper
4
  DEFAULT_ICON_SIZE = 14
5
  DEFAULT_ICON_PATH = 'public/svgs'
6

  
7
  def labeled_icon(label, icon_name = nil, size: DEFAULT_ICON_SIZE, css_class: nil, icon_only: false, path: DEFAULT_ICON_PATH)
8
    css_classes = []
9
    css_classes << "s#{size}" if size
10
    css_classes << "#{css_class}" unless css_class.blank?
11

  
12
    svg = svg_file(icon_name, css_classes, path)
13

  
14
    if icon_only
15
      svg
16
    else
17
      svg + label
18
    end
19
  end
20

  
21
  private
22

  
23
  def svg_file(icon, css_class, path)
24
    file_path = "#{Rails.root}/#{path}/#{icon}.svg"
25

  
26
    if File.exists?(file_path)
27
      # cache { File.read(file_path).html_safe }
28
      file = File.read(file_path)
29

  
30
      doc = Nokogiri::HTML::DocumentFragment.parse file
31
      svg = doc.at_css 'svg'
32
      svg["class"] = css_class.join(' ')
33
    else
34
      doc = "<!-- SVG #{icon} not found -->"
35
    end
36

  
37
    raw doc
38
  end
39
end
app/helpers/journals_helper.rb
34 34
    dropbown_links << copy_object_url_link(issue_url(issue, anchor: "note-#{indice}", only_path: false))
35 35
    if journal.notes.present?
36 36
      if options[:reply_links]
37
        links << link_to(l(:button_quote),
37
        links << link_to(labeled_icon(l(:button_quote), 'quote-left', icon_only: true),
38 38
                         quoted_issue_path(issue, :journal_id => journal, :journal_indice => indice),
39 39
                         :remote => true,
40 40
                         :method => 'post',
41 41
                         :title => l(:button_quote),
42
                         :class => 'icon-only icon-comment'
42
                         :class => 'icon-only icon-comment icon-svg'
43 43
                        )
44 44
      end
45 45
      if journal.editable_by?(User.current)
46
        links << link_to(l(:button_edit),
46
        links << link_to(labeled_icon(l(:button_edit), 'pen-alt', icon_only: true),
47 47
                         edit_journal_path(journal),
48 48
                         :remote => true,
49 49
                         :method => 'get',
50 50
                         :title => l(:button_edit),
51
                         :class => 'icon-only icon-edit'
51
                         :class => 'icon-only icon-edit icon-svg'
52 52
                        )
53
        dropbown_links << link_to(l(:button_delete),
53
        dropbown_links << link_to(labeled_icon(l(:button_delete), 'trash-alt'),
54 54
                                  journal_path(journal, :journal => {:notes => ""}),
55 55
                                  :remote => true,
56 56
                                  :method => 'put', :data => {:confirm => l(:text_are_you_sure)},
57
                                  :class => 'icon icon-del'
57
                                  :class => 'icon icon-del icon-svg'
58 58
                                 )
59 59
      end
60 60
    end
app/helpers/watchers_helper.rb
26 26
    return '' unless objects.any?
27 27

  
28 28
    watched = Watcher.any_watched?(objects, user)
29
    css = [watcher_css(objects), watched ? 'icon icon-fav' : 'icon icon-fav-off'].join(' ')
29
    css = [watcher_css(objects), watched ? 'icon icon-fav' : 'icon icon-fav-off icon-svg'].join(' ')
30 30
    text = watched ? l(:button_unwatch) : l(:button_watch)
31 31
    url = watch_path(
32 32
      :object_type => objects.first.class.to_s.underscore,
33 33
      :object_id => (objects.size == 1 ? objects.first.id : objects.map(&:id).sort)
34 34
    )
35 35
    method = watched ? 'delete' : 'post'
36
    icon = watched ? 'star' : 'star-off'
36 37

  
37
    link_to text, url, :remote => true, :method => method, :class => css
38
    link_to labeled_icon(text, icon), url, :remote => true, :method => method, :class => css
38 39
  end
39 40

  
40 41
  # Returns the css class used to identify watch links for a given +object+
app/views/attachments/_links.html.erb
1 1
<div class="attachments">
2 2
<div class="contextual">
3
  <%= link_to(l(:label_edit_attachments),
3
  <%= link_to(labeled_icon(l(:label_edit_attachments), 'pen-alt', icon_only: true),
4 4
              container_attachments_edit_path(container),
5 5
              :title => l(:label_edit_attachments),
6
              :class => 'icon-only icon-edit'
6
              :class => 'icon-only icon-edit icon-svg'
7 7
             ) if options[:editable] %>
8
  <%= link_to(l(:label_download_all_attachments),
8
  <%= link_to(labeled_icon(l(:label_download_all_attachments), 'download', icon_only: true),
9 9
              container_attachments_download_path(container),
10 10
              :title => l(:label_download_all_attachments),
11
              :class => 'icon-only icon-download'
11
              :class => 'icon-only icon-download icon-svg'
12 12
             ) if attachments.size > 1 %>
13 13
</div>
14 14
<table>
15 15
<% for attachment in attachments %>
16 16
<tr>
17 17
  <td>
18
    <%= link_to_attachment attachment, class: 'icon icon-attachment' -%>
18
    <%= link_to_attachment attachment, class: 'icon icon-attachment icon-svg' -%>
19 19
    <span class="size">(<%= number_to_human_size attachment.filesize %>)</span>
20
    <%= link_to_attachment attachment, class: 'icon-only icon-download', title: l(:button_download), download: true -%>
20
    <%= link_to_attachment attachment, class: 'icon-only icon-download icon-svg', title: l(:button_download), download: true -%>
21 21
  </td>
22 22
  <td><%= attachment.description unless attachment.description.blank? %></td>
23 23
  <td>
......
27 27
  </td>
28 28
  <td>
29 29
    <% if options[:deletable] %>
30
      <%= link_to l(:button_delete), attachment_path(attachment),
30
      <%= link_to labeled_icon(l(:button_delete), 'trash-alt', icon_only: true, size: 12), attachment_path(attachment),
31 31
                  :data => {:confirm => l(:text_are_you_sure)},
32 32
                  :method => :delete,
33
                  :class => 'delete icon-only icon-del',
33
                  :class => 'delete icon-only icon-del icon-svg',
34 34
                  :title => l(:button_delete) %>
35 35
    <% end %>
36 36
  </td>
app/views/issues/_action_menu.html.erb
1 1
<div class="contextual">
2
<%= link_to l(:button_edit), edit_issue_path(@issue),
2
<%= link_to labeled_icon(l(:button_edit), 'pen-alt'), edit_issue_path(@issue),
3 3
            :onclick => 'showAndScrollTo("update", "issue_notes"); return false;',
4
            :class => 'icon icon-edit', :accesskey => accesskey(:edit) if @issue.editable? %>
5
<%= link_to l(:button_log_time), new_issue_time_entry_path(@issue),
6
            :class => 'icon icon-time-add' if User.current.allowed_to?(:log_time, @project) %>
4
            :class => 'icon icon-edit icon-svg', :accesskey => accesskey(:edit) if @issue.editable? %>
5
<%= link_to labeled_icon(l(:button_log_time), 'time-add'), new_issue_time_entry_path(@issue),
6
            :class => 'icon icon-time-add icon-svg' if User.current.allowed_to?(:log_time, @project) %>
7 7
<%= watcher_link(@issue, User.current) %>
8
<%= link_to l(:button_copy), project_copy_issue_path(@project, @issue),
9
            :class => 'icon icon-copy' if User.current.allowed_to?(:copy_issues, @project) && Issue.allowed_target_projects.any? %>
8
<%= link_to labeled_icon(l(:button_copy), 'copy'), project_copy_issue_path(@project, @issue),
9
            :class => 'icon icon-copy icon-svg' if User.current.allowed_to?(:copy_issues, @project) && Issue.allowed_target_projects.any? %>
10 10
<%= actions_dropdown do %>
11 11
  <%= copy_object_url_link(issue_url(@issue, only_path: false)) %>
12
  <%= link_to l(:button_delete), issue_path(@issue),
12
  <%= link_to labeled_icon(l(:button_delete), 'trash-alt'), issue_path(@issue),
13 13
              :data => {:confirm => issues_destroy_confirmation_message(@issue)},
14
              :method => :delete, :class => 'icon icon-del' if @issue.deletable? %>
14
              :method => :delete, :class => 'icon icon-del icon-svg' if @issue.deletable? %>
15 15
<% end %>
16 16
</div>
app/views/issues/index.html.erb
1 1
<div class="contextual">
2 2
  <% if User.current.allowed_to?(:add_issues, @project, :global => true) && (@project.nil? || Issue.allowed_target_trackers(@project).any?) %>
3
    <%= link_to l(:label_issue_new), _new_project_issue_path(@project), :class => 'icon icon-add new-issue' %>
3
    <%= link_to labeled_icon(l(:label_issue_new), 'plus-circle'), _new_project_issue_path(@project), :class => 'icon icon-svg icon-add new-issue' %>
4 4
  <% end %>
5 5
  <%= actions_dropdown do %>
6 6
    <% if @project %>
app/views/issues/show.html.erb
83 83
<hr />
84 84
<div class="description">
85 85
  <div class="contextual">
86
  <%= link_to l(:button_quote), quoted_issue_path(@issue), :remote => true, :method => 'post', :class => 'icon icon-comment' if @issue.notes_addable? %>
86
  <%= link_to labeled_icon(l(:button_quote), 'quote-left'), quoted_issue_path(@issue), :remote => true, :method => 'post', :class => 'icon icon-comment icon-svg' if @issue.notes_addable? %>
87 87
  </div>
88 88

  
89 89
  <p><strong><%=l(:field_description)%></strong></p>
public/stylesheets/application.css
223 223

  
224 224
.contextual .drdn-content {top:18px;}
225 225
.contextual .drdn-items {padding:2px; min-width: 160px;}
226
.contextual .drdn-items>a {padding: 5px 8px;}
227
.contextual .drdn-items>a.icon {padding-left: 24px; background-position-x: 4px;}
226
.contextual .drdn-items>a {display: flex; padding: 5px 8px;}
227
.contextual .drdn-items>a.icon:not(.icon-svg) {padding-left: 24px; background-position-x: 4px;}
228 228
.contextual .drdn-items>a:hover {color:#2A5685; border:1px solid #628db6; background-color:#eef5fd; border-radius:3px;}
229 229

  
230 230
#project-jump.drdn {width:200px;display:inline-block;}
......
464 464
  width: .6em; height: .6em;
465 465
}
466 466
.contextual {float:right; white-space: nowrap; line-height:1.4em;margin:5px 0px; padding-left: 10px; font-size:0.9em;}
467
.contextual .icon {padding-top: 2px; padding-bottom: 3px;}
467
.contextual .icon:not(.icon-svg) {padding-top: 2px; padding-bottom: 3px;}
468 468
.contextual input, .contextual select {font-size:0.9em;}
469 469
.message .contextual { margin-top: 0; }
470 470

  
......
1497 1497
  white-space: pre-wrap;
1498 1498
}
1499 1499

  
1500
/***** SVGs ******/
1501
.s16 {
1502
  width: 16px;
1503
  height: 16px;
1504
}
1505

  
1506
.s14 {
1507
  width: 14px;
1508
  height: 14px;
1509
}
1510

  
1511
.s12 {
1512
  width: 12px;
1513
  height: 12px;
1514
}
1515

  
1500 1516
/***** Icons *****/
1501
.icon {
1517
.icon:not(.icon-svg) {
1502 1518
  background-position: 0% 50%;
1503 1519
  background-repeat: no-repeat;
1504 1520
  padding-left: 20px;
1505 1521
}
1506
.icon-only {
1507
  background-position: 0% 50%;
1508
  background-repeat: no-repeat;
1509
  padding-left: 16px;
1510
  display: inline-block;
1511
  width: 0;
1512
  height: 16px;
1513
  overflow: hidden;
1514
  padding-top: 0;
1515
  padding-bottom: 0;
1516
  font-size: 8px;
1517
  vertical-align: middle;
1522
.icon.icon-svg {
1523
  display: inline-flex;
1518 1524
}
1519
.icon-only::after {
1520
  content: "\a0";
1525

  
1526
a svg, .icon svg {
1527
  fill: #169;
1528
  margin-right: 4px;
1521 1529
}
1522 1530

  
1523
.icon-add { background-image: url(../images/add.png); }
1524
.icon-edit { background-image: url(../images/edit.png); }
1525
.icon-copy { background-image: url(../images/copy.png); }
1531

  
1532
/*.icon-fav svg { fill: #fc8c12; }*/
1533

  
1534
.icon-add:not(.icon-svg) { background-image: url(../images/add.png); }
1535
.icon-edit:not(.icon-svg) { background-image: url(../images/edit.png); }
1536
.icon-copy:not(.icon-svg) { background-image: url(../images/copy.png); }
1526 1537
.icon-duplicate { background-image: url(../images/duplicate.png); }
1527
.icon-del { background-image: url(../images/delete.png); }
1538
.icon-del:not(.icon-svg) { background-image: url(../images/delete.png); }
1528 1539
.icon-move { background-image: url(../images/move.png); }
1529 1540
.icon-save { background-image: url(../images/save.png); }
1530
.icon-download { background-image: url(../images/download.png); }
1541
.icon-download:not(.icon-svg) { background-image: url(../images/download.png); }
1531 1542
.icon-cancel { background-image: url(../images/cancel.png); }
1532 1543
.icon-multiple { background-image: url(../images/table_multiple.png); }
1533 1544
.icon-folder { background-image: url(../images/folder.png); }
......
1536 1547
.icon-user { background-image: url(../images/user.png); }
1537 1548
.icon-project, .icon-projects { background-image: url(../images/projects.png); }
1538 1549
.icon-help { background-image: url(../images/help.png); }
1539
.icon-attachment  { background-image: url(../images/attachment.png); }
1550
.icon-attachment:not(.icon-svg)  { background-image: url(../images/attachment.png); }
1540 1551
.icon-history  { background-image: url(../images/history.png); }
1541 1552
.icon-time-entry, .icon-time  { background-image: url(../images/time.png); }
1542
.icon-time-add  { background-image: url(../images/time_add.png); }
1553
.icon-time-add:not(.icon-svg)  { background-image: url(../images/time_add.png); }
1543 1554
.icon-stats  { background-image: url(../images/stats.png); }
1544 1555
.icon-warning  { background-image: url(../images/warning.png); }
1545 1556
.icon-error { background-image: url(../images/exclamation.png); }
1546
.icon-fav  { background-image: url(../images/fav.png); }
1547
.icon-fav-off  { background-image: url(../images/fav_off.png); }
1557
.icon-fav:not(.icon-svg)  { background-image: url(../images/fav.png); }
1558
.icon-fav-off:not(.icon-svg)  { background-image: url(../images/fav_off.png); }
1548 1559
.icon-reload  { background-image: url(../images/reload.png); }
1549 1560
.icon-lock, .icon-locked  { background-image: url(../images/locked.png); }
1550 1561
.icon-unlock  { background-image: url(../images/unlock.png); }
1551 1562
.icon-checked  { background-image: url(../images/toggle_check.png); }
1552 1563
.icon-report  { background-image: url(../images/report.png); }
1553
.icon-comment, .icon-comments  { background-image: url(../images/comment.png); }
1564
.icon-comment:not(.icon-svg), .icon-comments  { background-image: url(../images/comment.png); }
1554 1565
.icon-summary  { background-image: url(../images/lightning.png); }
1555 1566
.icon-server-authentication { background-image: url(../images/server_key.png); }
1556 1567
.icon-issue { background-image: url(../images/ticket.png); }
......
1586 1597
.icon-project { background-image: url(../images/projects.png); }
1587 1598
.icon-add-bullet { background-image: url(../images/bullet_add.png); }
1588 1599
.icon-shared { background-image: url(../images/link.png); }
1589
.icon-actions { background-image: url(../images/3_bullets.png); }
1600
.icon-actions:not(.icon-svg) { background-image: url(../images/3_bullets.png); }
1590 1601
.icon-sort-handle { background-image: url(../images/reorder.png); }
1591 1602
.icon-expended { background-image: url(../images/arrow_down.png); }
1592 1603
.icon-collapsed { background-image: url(../images/arrow_right.png); }
......
1618 1629
.icon-file.application-pdf { background-image: url(../images/files/pdf.png); }
1619 1630
.icon-file.application-zip { background-image: url(../images/files/zip.png); }
1620 1631
.icon-file.application-gzip { background-image: url(../images/files/zip.png); }
1621
.icon-copy-link { background-image: url(../images/copy_link.png); }
1632
.icon-copy-link:not(.icon-svg) { background-image: url(../images/copy_link.png); }
1622 1633

  
1623 1634
.sort-handle.ajax-loading { background-image: url(../images/loading.gif); }
1624 1635
tr.ui-sortable-helper { border:1px solid #e4e4e4; }
public/svgs/copy.svg
1
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M433.941 65.941l-51.882-51.882A48 48 0 0 0 348.118 0H176c-26.51 0-48 21.49-48 48v48H48c-26.51 0-48 21.49-48 48v320c0 26.51 21.49 48 48 48h224c26.51 0 48-21.49 48-48v-48h80c26.51 0 48-21.49 48-48V99.882a48 48 0 0 0-14.059-33.941zM266 464H54a6 6 0 0 1-6-6V150a6 6 0 0 1 6-6h74v224c0 26.51 21.49 48 48 48h96v42a6 6 0 0 1-6 6zm128-96H182a6 6 0 0 1-6-6V54a6 6 0 0 1 6-6h106v88c0 13.255 10.745 24 24 24h88v202a6 6 0 0 1-6 6zm6-256h-64V48h9.632c1.591 0 3.117.632 4.243 1.757l48.368 48.368a6 6 0 0 1 1.757 4.243V112z"/></svg>
public/svgs/download.svg
1
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M216 0h80c13.3 0 24 10.7 24 24v168h87.7c17.8 0 26.7 21.5 14.1 34.1L269.7 378.3c-7.5 7.5-19.8 7.5-27.3 0L90.1 226.1c-12.6-12.6-3.7-34.1 14.1-34.1H192V24c0-13.3 10.7-24 24-24zm296 376v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h146.7l49 49c20.1 20.1 52.5 20.1 72.6 0l49-49H488c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"/></svg>
public/svgs/ellipsis-h.svg
1
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M328 256c0 39.8-32.2 72-72 72s-72-32.2-72-72 32.2-72 72-72 72 32.2 72 72zm104-72c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72zm-352 0c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72z"/></svg>
public/svgs/link.svg
1
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg>
public/svgs/paperclip.svg
1
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M43.246 466.142c-58.43-60.289-57.341-157.511 1.386-217.581L254.392 34c44.316-45.332 116.351-45.336 160.671 0 43.89 44.894 43.943 117.329 0 162.276L232.214 383.128c-29.855 30.537-78.633 30.111-107.982-.998-28.275-29.97-27.368-77.473 1.452-106.953l143.743-146.835c6.182-6.314 16.312-6.422 22.626-.241l22.861 22.379c6.315 6.182 6.422 16.312.241 22.626L171.427 319.927c-4.932 5.045-5.236 13.428-.648 18.292 4.372 4.634 11.245 4.711 15.688.165l182.849-186.851c19.613-20.062 19.613-52.725-.011-72.798-19.189-19.627-49.957-19.637-69.154 0L90.39 293.295c-34.763 35.56-35.299 93.12-1.191 128.313 34.01 35.093 88.985 35.137 123.058.286l172.06-175.999c6.177-6.319 16.307-6.433 22.626-.256l22.877 22.364c6.319 6.177 6.434 16.307.256 22.626l-172.06 175.998c-59.576 60.938-155.943 60.216-214.77-.485z"/></svg>
public/svgs/pen-alt.svg
1
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"/></svg>
public/svgs/plus-circle.svg
1
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"/></svg>
public/svgs/quote-left.svg
1
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M464 256h-80v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8c-88.4 0-160 71.6-160 160v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48zm-288 0H96v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8C71.6 32 0 103.6 0 192v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48z"/></svg>
public/svgs/star-off.svg
1
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z"/></svg>
public/svgs/star.svg
1
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"/></svg>
public/svgs/time-add.svg
1
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z"/></svg>
public/svgs/trash-alt.svg
1
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M268 416h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12zM432 80h-82.41l-34-56.7A48 48 0 0 0 274.41 0H173.59a48 48 0 0 0-41.16 23.3L98.41 80H16A16 16 0 0 0 0 96v16a16 16 0 0 0 16 16h16v336a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128h16a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16zM171.84 50.91A6 6 0 0 1 177 48h94a6 6 0 0 1 5.15 2.91L293.61 80H154.39zM368 464H80V128h288zm-212-48h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12z"/></svg>
(20-20/27)