{"id":2184,"date":"2026-09-16T06:59:34","date_gmt":"2026-09-16T06:59:34","guid":{"rendered":"https:\/\/appliedartand.design\/lj\/?p=2184"},"modified":"2026-09-16T07:06:15","modified_gmt":"2026-09-16T07:06:15","slug":"svg-icons-img-interlinks","status":"publish","type":"post","link":"https:\/\/appliedartand.design\/lj\/2026\/09\/16\/svg-icons-img-interlinks\/","title":{"rendered":"SVG, Icons, Img &amp; Interlinks"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\" id=\"https:\/\/www.w3schools.com\/tags\/tag_i.asp\">In the most recent lesson, we explored the usage of the Icons for the typical link-tree footers using Font Awesome and an &lt;i&gt; tag. After viewing the W3C Schools description for the &lt;i&gt; tags, it is defined for an alternate voice or mood. <\/p>\n\n\n\n<!--more-->\n\n\n\n<p class=\"wp-block-paragraph\" id=\"https:\/\/www.w3schools.com\/tags\/tag_i.asp\">Typically, italicizing words within a text document can be quickly achieved with a (ctrl+i), to indicate a change in emphasis of a particular word. However, for the purposes of the icons, we are acquiring a &#8216;phrase&#8217; from another language, namely symbolic representation. Symbols.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"https:\/\/www.w3schools.com\/tags\/tag_i.asp\">From an interactive standpoint, this symbol-language interaction ought to be given more agency with possibly more meaning.  The  <a href=\"https:\/\/en.wikipedia.org\/wiki\/Logogram\">Logogram<\/a>, a character that represents a semantic component, can encapsulate a particular aspect or concept beyond a translation.  It visually states more than words.  If we use this structure and each individual concept, we compound the uniqueness of the language. These multi-faceted compounds become more abstract and thus produce a set of ideograms that provide the foundation for the next step of abstraction. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"https:\/\/www.w3schools.com\/tags\/tag_i.asp\">&lt;aside&gt; Often I think about the possibilities of importing this language concept into the context of games. As a MMO toolbar button clicker I can attest to the fact whenever pressing a new button symbol with an unknown ideogram or logogram the associative result is paramount.  Could we change a symbol stylistically to offer a new augmentation or selection.  <a href=\"https:\/\/www.wowhead.com\/icons?filter=2;1;0\">Spell Icons<\/a> is a collection of the classic icons used. Do you offer players an additional choice? Can we instruct quick  responses, precise timing, or effect-based reactions with symbolic ques? For a simple example, when you see an augmented version of an Icon with directional reference symbol, can you respond to its indicating direction. &lt;\/aside&gt;<a href=\"\"><\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For my initial Future Resume, I attempted to link the logos from the prior companies and schools by exploring their websites.  What I found was an amalgamation of strategies to produce a scalable vector graphic asset approved by those organizations. What I these posts included were 1) set resizable img tags with interval graphic sizes,  2) resizable svg assets, 3) un-referenceable html.  The takeaway is there isn&#8217;t a true standard when approaching iconography using html. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>In the most recent lesson, we explored the usage of the Icons for the typical link-tree footers using Font Awesome and an &lt;i&gt; tag. After viewing the W3C Schools description for the &lt;i&gt; tags, it is defined for an alternate voice or mood.<\/p>\n","protected":false},"author":122,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[283],"tags":[],"class_list":["post-2184","post","type-post","status-publish","format-standard","hentry","category-aad-086-fa26"],"_links":{"self":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/2184","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/users\/122"}],"replies":[{"embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/comments?post=2184"}],"version-history":[{"count":3,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/2184\/revisions"}],"predecessor-version":[{"id":2194,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/2184\/revisions\/2194"}],"wp:attachment":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/media?parent=2184"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/categories?post=2184"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/tags?post=2184"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}