From 803f71c1bf590da7504b86c1fb3b7fa7601ab24d Mon Sep 17 00:00:00 2001 From: benjaminkott Date: Wed, 20 Sep 2023 12:41:15 +0000 Subject: [PATCH] deploy: f9b5b4a4b0357091712d968f0c7af22e96c1b4eb --- dist/icons.json | 13 ++-- dist/scss/icons-variables-actions.scss | 2 +- dist/sprites/actions.svg | 2 +- dist/svgs/actions/actions-brand-twitter.svg | 1 - dist/svgs/actions/actions-brand-x.svg | 1 + icons/actions.html | 10 +-- ...rand-twitter.html => actions-brand-x.html} | 61 ++++++++++--------- index.html | 10 +-- 8 files changed, 51 insertions(+), 49 deletions(-) delete mode 100644 dist/svgs/actions/actions-brand-twitter.svg create mode 100644 dist/svgs/actions/actions-brand-x.svg rename icons/actions/{actions-brand-twitter.html => actions-brand-x.html} (83%) diff --git a/dist/icons.json b/dist/icons.json index c5eeda8ab..fb043c9cb 100644 --- a/dist/icons.json +++ b/dist/icons.json @@ -210,12 +210,6 @@ "svg": "svgs/actions/actions-brand-slack.svg", "sprite": "sprites/actions.svg#actions-brand-slack" }, - "actions-brand-twitter": { - "identifier": "actions-brand-twitter", - "category": "actions", - "svg": "svgs/actions/actions-brand-twitter.svg", - "sprite": "sprites/actions.svg#actions-brand-twitter" - }, "actions-brand-typo3": { "identifier": "actions-brand-typo3", "category": "actions", @@ -228,6 +222,12 @@ "svg": "svgs/actions/actions-brand-windows.svg", "sprite": "sprites/actions.svg#actions-brand-windows" }, + "actions-brand-x": { + "identifier": "actions-brand-x", + "category": "actions", + "svg": "svgs/actions/actions-brand-x.svg", + "sprite": "sprites/actions.svg#actions-brand-x" + }, "actions-brand-xing": { "identifier": "actions-brand-xing", "category": "actions", @@ -4544,6 +4544,7 @@ "actions-slack": "actions-brand-slack", "actions-typo3": "actions-brand-typo3", "information-os-windows": "actions-brand-windows", + "actions-brand-twitter": "actions-brand-x", "actions-edit-pick-date": "actions-calendar-alternative", "actions-move-to-bottom": "actions-caret-bar-bottom", "actions-move-to-top": "actions-caret-bar-top", diff --git a/dist/scss/icons-variables-actions.scss b/dist/scss/icons-variables-actions.scss index 45a9ef387..f1618b527 100644 --- a/dist/scss/icons-variables-actions.scss +++ b/dist/scss/icons-variables-actions.scss @@ -33,9 +33,9 @@ $icon-actions-brand-linkedin: url("data:image/svg+xml,%3csvg xmlns='http://www.w $icon-actions-brand-linux: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 16 16'%3e%3cg fill='currentColor'%3e%3cpath d='M13.746 12.334c-.001 0-.001-.001 0 0-.106-.12-.157-.342-.211-.579-.054-.236-.115-.491-.309-.657l-.001-.001a.769.769 0 0 0-.239-.144c.27-.8.164-1.597-.108-2.317-.334-.884-.918-1.654-1.363-2.18-.499-.629-.987-1.227-.977-2.109C10.553 3 10.686.503 8.316.5c-.096 0-.197.004-.302.012C5.365.725 6.068 3.523 6.028 4.46c-.048.685-.187 1.225-.658 1.895-.554.658-1.333 1.723-1.702 2.833-.174.523-.257 1.057-.181 1.562a1.461 1.461 0 0 0-.069.067c-.162.173-.282.383-.416.525-.125.125-.303.172-.499.242s-.411.174-.541.424l-.001.001a.763.763 0 0 0-.081.364c0 .116.017.233.034.347.036.235.073.458.024.609-.155.424-.175.717-.066.929.109.213.334.307.588.36.508.106 1.196.08 1.738.367l.047-.088-.045.088c.581.304 1.169.411 1.639.304.341-.078.617-.28.759-.592.367-.002.77-.157 1.416-.193.438-.035.985.156 1.615.121.016.068.04.134.073.196l.001.002c.244.488.697.711 1.18.673.484-.038.998-.323 1.414-.818l-.076-.064.077.063c.396-.481 1.054-.68 1.49-.943.218-.132.395-.296.409-.535.012-.239-.129-.507-.451-.865zM7.894 3.54a1.105 1.105 0 0 1 .095-.48.843.843 0 0 1 .269-.353.59.59 0 0 1 .371-.132h.006c.134 0 .249.039.367.125a.84.84 0 0 1 .276.348 1.1 1.1 0 0 1 .106.478 1.135 1.135 0 0 1-.23.704c-.018-.008-.037-.017-.056-.024a3.53 3.53 0 0 0-.178-.072l-.137-.049c.031-.037.091-.081.114-.136a.72.72 0 0 0 .054-.261l.001-.012a.721.721 0 0 0-.037-.253.465.465 0 0 0-.116-.197.239.239 0 0 0-.167-.076h-.009a.24.24 0 0 0-.163.065.46.46 0 0 0-.13.188.715.715 0 0 0-.054.261l-.001.011a.73.73 0 0 0 .011.15 1.863 1.863 0 0 0-.381-.129 1.296 1.296 0 0 1-.011-.143V3.54zm-1.611.039a1.153 1.153 0 0 1 .049-.418.727.727 0 0 1 .179-.314.383.383 0 0 1 .262-.126l.023-.001a.39.39 0 0 1 .252.096c.09.072.157.163.214.292.057.129.087.258.095.41v.001a1.37 1.37 0 0 1-.002.182l-.052.017a1.06 1.06 0 0 0-.246.118.714.714 0 0 0 .003-.161l-.001-.008a.707.707 0 0 0-.051-.206.408.408 0 0 0-.104-.153.173.173 0 0 0-.115-.048l-.012.001c-.046.004-.083.026-.119.069a.404.404 0 0 0-.075.167.665.665 0 0 0-.014.22l.001.009a.676.676 0 0 0 .05.207.412.412 0 0 0 .104.152l.021.017c-.044.034-.073.058-.11.084l-.083.061a.753.753 0 0 1-.173-.257 1.185 1.185 0 0 1-.096-.41v-.001zm.117.923.302-.224c.064-.047.091-.065.112-.085.105-.1.273-.281.525-.368a.917.917 0 0 1 .293-.05c.208 0 .457.068.759.262.186.121.33.131.662.273h.001c.16.066.254.151.3.241.046.09.047.188.009.29-.077.206-.322.423-.666.53-.168.055-.315.175-.487.274a1.088 1.088 0 0 1-.633.162.828.828 0 0 1-.28-.062.844.844 0 0 1-.203-.125c-.122-.098-.228-.222-.384-.313h-.001c-.25-.143-.387-.307-.43-.449-.043-.142-.003-.263.121-.356zm.099 9.777v.001c-.036.468-.299.722-.704.815-.405.092-.954 0-1.502-.286h-.001c-.606-.321-1.328-.289-1.791-.386-.231-.048-.382-.121-.452-.256-.069-.135-.071-.371.076-.772l.001-.002.001-.002c.073-.225.019-.471-.016-.701-.035-.231-.053-.441.026-.587l.001-.001c.101-.194.249-.264.432-.33.184-.066.402-.118.573-.29l.001-.001.001-.001c.159-.168.278-.378.418-.527.118-.126.236-.209.414-.211h.006c.031 0 .064.003.099.008.236.036.442.201.64.47l.572 1.043v.001c.152.318.474.668.747 1.025.273.357.484.715.456.989l.002.001zm-.048-.758a4.727 4.727 0 0 0-.25-.352 18.704 18.704 0 0 0-.173-.221.71.71 0 0 0 .289-.054.365.365 0 0 0 .199-.206c.067-.182 0-.438-.217-.731-.216-.293-.583-.623-1.121-.953-.396-.246-.617-.547-.72-.875-.103-.327-.089-.682-.009-1.031.153-.671.547-1.324.798-1.733.067-.05.024.092-.254.609-.249.473-.716 1.563-.077 2.414a5.053 5.053 0 0 1 .404-1.801c.354-.802 1.094-2.192 1.152-3.301.03.022.135.092.181.119.136.08.238.197.37.303a.915.915 0 0 0 .548.212l.07.002c.257 0 .458-.084.625-.18.182-.104.327-.219.464-.264h.001c.291-.09.522-.251.653-.438.226.89.751 2.177 1.089 2.804.18.333.537 1.04.691 1.893.098-.003.205.011.321.041.403-1.046-.342-2.172-.683-2.486-.138-.134-.144-.193-.076-.191.37.327.855.985 1.032 1.727a2.2 2.2 0 0 1 .011 1.046c.042.017.085.037.129.057.647.315.887.589.772.964a2.09 2.09 0 0 0-.112 0h-.01c.094-.297-.114-.515-.667-.766-.574-.252-1.031-.228-1.109.285a1.078 1.078 0 0 0-.012.082.814.814 0 0 0-.129.058c-.269.148-.417.415-.499.744-.082.328-.105.724-.128 1.17-.014.224-.106.527-.2.848-.94.671-2.245.961-3.353.205zm7.233.043c-.395.238-1.094.445-1.54.986-.388.461-.861.715-1.277.748-.416.033-.776-.14-.987-.565v-.001l-.002-.002c-.132-.25-.077-.644.034-1.061.111-.416.27-.843.291-1.19v-.001c.022-.445.047-.833.122-1.133.075-.3.193-.503.401-.617l.029-.015c.024.385.214.778.552.863.369.097.901-.219 1.125-.478l.131-.005c.197-.005.362.007.531.154h.002c.13.11.191.318.245.55.054.233.096.486.257.667.308.342.408.573.399.721-.009.15-.116.26-.313.379z'/%3e%3cpath d='M8.482 5.059c-.274.142-.593.315-.933.315-.34 0-.608-.157-.801-.31-.097-.076-.175-.152-.234-.207-.103-.081-.09-.194-.048-.191.071.009.081.102.126.143.06.056.136.129.227.202.183.145.426.285.731.285.304 0 .659-.179.876-.3.122-.069.278-.193.406-.286.098-.072.094-.158.175-.148.08.008.02.095-.092.193-.113.098-.29.229-.433.304zM7.803 4.065c.011.036.07.03.104.048.03.015.054.049.087.05.032.001.081-.011.085-.043.005-.042-.055-.068-.095-.084-.05-.02-.115-.03-.162-.003-.011.006-.022.02-.019.032zM7.458 4.065c-.011.036-.07.03-.104.048-.03.015-.054.049-.087.05-.032.001-.081-.011-.085-.043-.006-.042.055-.068.094-.083.05-.02.115-.03.162-.003.012.005.023.019.02.031z'/%3e%3c/g%3e%3c/svg%3e") !default; $icon-actions-brand-php: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 16 16'%3e%3cg fill='currentColor'%3e%3cpath d='M2.1 6h2.1c.6 0 1.1.2 1.3.5.3.3.4.8.3 1.4 0 .3-.1.5-.2.8-.2.3-.3.5-.6.7-.2.3-.5.5-.8.5s-.6.1-.9.1h-.9l-.3 1.5H1L2.1 6m.9.8-.5 2.4h.2c.5 0 .9 0 1.2-.1.3-.1.6-.5.7-1.1.1-.6.1-1-.2-1-.3-.1-.6-.1-1-.1h-.2c-.1 0-.1 0-.2-.1M7 4.5h1.1L7.8 6h1c.5 0 .9.1 1.2.3.3.2.3.6.2 1.2L9.6 10H8.5L9 7.6c.1-.3 0-.4 0-.6-.1-.1-.3-.1-.5-.1h-.9L7 10H5.9L7 4.5M11.3 6h2.1c.6 0 1.1.2 1.3.5.3.3.4.8.3 1.4 0 .3-.1.5-.2.8-.1.3-.3.5-.5.7-.3.3-.5.4-.8.5s-.7.1-1 .1h-.9l-.3 1.5h-1.1L11.3 6m.9.8-.5 2.3h.2c.5 0 .9 0 1.2-.1.3-.1.6-.5.7-1.1.1-.5 0-.9-.3-.9-.3-.1-.6-.1-1-.1h-.2s-.1 0-.1-.1'/%3e%3c/g%3e%3c/svg%3e") !default; $icon-actions-brand-slack: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 16 16'%3e%3cg fill='currentColor'%3e%3cpath d='M6.1 1c-.7 0-1.4.6-1.4 1.4s.6 1.4 1.4 1.4h1.4V2.4c0-.8-.6-1.4-1.4-1.4m0 3.7H2.4c-.8 0-1.4.7-1.4 1.4 0 .8.6 1.4 1.4 1.4h3.7c.8 0 1.4-.6 1.4-1.4 0-.7-.6-1.4-1.4-1.4M15 6.1c0-.8-.6-1.4-1.4-1.4s-1.4.6-1.4 1.4v1.4h1.4c.8 0 1.4-.6 1.4-1.4m-3.7 0V2.4c0-.8-.6-1.4-1.4-1.4-.8 0-1.4.6-1.4 1.4v3.7c0 .8.6 1.4 1.4 1.4.7 0 1.4-.6 1.4-1.4M9.9 15c.8 0 1.4-.6 1.4-1.4 0-.8-.6-1.4-1.4-1.4H8.5v1.4c0 .8.6 1.4 1.4 1.4m0-3.7h3.7c.8 0 1.4-.6 1.4-1.4 0-.8-.6-1.4-1.4-1.4H9.9c-.8 0-1.4.6-1.4 1.4 0 .7.6 1.4 1.4 1.4M1 9.9c0 .8.6 1.4 1.4 1.4.8 0 1.4-.6 1.4-1.4V8.5H2.4c-.8 0-1.4.6-1.4 1.4m3.7 0v3.7c0 .8.6 1.4 1.4 1.4s1.4-.6 1.4-1.4V9.9c0-.8-.6-1.4-1.4-1.4-.7 0-1.4.6-1.4 1.4'/%3e%3c/g%3e%3c/svg%3e") !default; -$icon-actions-brand-twitter: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 16 16'%3e%3cg fill='currentColor'%3e%3cpath d='M5.4 13.7c5.3 0 8.2-4.4 8.2-8.2v-.4c.6-.4 1-.9 1.4-1.5-.5.2-1.1.4-1.6.5.6-.4 1-.9 1.3-1.6-.6.3-1.2.6-1.8.7-.5-.6-1.3-.9-2.1-.9-1.6 0-2.9 1.3-2.9 2.9 0 .2 0 .4.1.7-2.5-.2-4.6-1.3-6-3.1-.3.5-.4 1-.4 1.5 0 1 .5 1.9 1.3 2.4-.5 0-.9-.1-1.3-.4 0 1.4 1 2.6 2.3 2.8-.3.1-.5.2-.8.2-.2 0-.4 0-.5-.1.4 1.1 1.4 2 2.7 2-1 .8-2.2 1.2-3.6 1.2H1c1.3.8 2.8 1.3 4.4 1.3'/%3e%3c/g%3e%3c/svg%3e") !default; $icon-actions-brand-typo3: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 16 16'%3e%3cg fill='currentColor'%3e%3cpath d='M11.5 10.6c-.2.1-.4.1-.6.1-1.8 0-4.4-6.2-4.4-8.3 0-.8.2-1 .4-1.2-2.1.3-4.7 1.1-5.5 2.1-.2.2-.3.6-.3 1.1C1.1 7.7 4.5 15 7 15c1.1 0 3-1.8 4.5-4.4M10.4 1c2.2 0 4.5.4 4.5 1.6 0 2.6-1.6 5.7-2.5 5.7-1.5 0-3.3-4.1-3.3-6.2 0-.9.4-1.1 1.3-1.1'/%3e%3c/g%3e%3c/svg%3e") !default; $icon-actions-brand-windows: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 16 16'%3e%3cg fill='currentColor'%3e%3cpath d='M2 3.7 6.9 3v4.7L2 7.8V3.7zm4.9 4.6V13L2 12.4V8.3h4.9zm.6-5.4L14 2v5.7H7.5V2.9zM14 8.3V14l-6.5-.9V8.3H14z'/%3e%3c/g%3e%3c/svg%3e") !default; +$icon-actions-brand-x: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 16 16'%3e%3cg fill='currentColor'%3e%3cpath d='M9.303 6.928 14.403 1h-1.208L8.766 6.147 5.23 1H1.15L6.5 8.784 1.15 15h1.208l4.676-5.436L10.77 15h4.08L9.302 6.928zM7.648 8.852l-.542-.775L2.795 1.91H4.65l3.48 4.977.541.775 4.523 6.47H11.34l-3.691-5.28z'/%3e%3c/g%3e%3c/svg%3e") !default; $icon-actions-brand-xing: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 16 16'%3e%3cg fill='currentColor'%3e%3cpath d='M7.084 6.561c-.056.103-.787 1.387-2.19 3.859-.153.259-.337.391-.553.391H2.307c-.241 0-.378-.234-.266-.45l2.156-3.79c.006 0 .006-.003 0-.009L2.826 4.199c-.135-.243.009-.44.265-.44h2.034c.228 0 .416.128.562.381l1.397 2.421zm6.871-5.12L9.456 9.345v.009l2.862 5.205c.121.222.006.441-.266.441h-2.037c-.237 0-.425-.125-.562-.381L6.566 9.354l4.524-7.973c.143-.253.324-.381.546-.381h2.053c.25 0 .384.209.266.441z'/%3e%3c/g%3e%3c/svg%3e") !default; $icon-actions-brand-youtube: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 16 16'%3e%3cg fill='currentColor'%3e%3cpath d='M14.7 4.6c-.2-.6-.6-1.1-1.2-1.2-1.1-.3-5.5-.3-5.5-.3s-4.4 0-5.5.3c-.6.2-1 .6-1.2 1.2C1 5.7 1 8 1 8s0 2.3.3 3.4c.2.6.6 1.1 1.2 1.2 1.1.3 5.5.3 5.5.3s4.4 0 5.5-.3c.6-.2 1.1-.6 1.2-1.2.3-1.1.3-3.4.3-3.4s0-2.3-.3-3.4zm-8.1 5.5V5.9L10.2 8l-3.6 2.1z'/%3e%3c/g%3e%3c/svg%3e") !default; $icon-actions-briefcase: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 16 16'%3e%3cg fill='currentColor'%3e%3cpath d='M12 4c0-1.1-.9-2-2-2H6c-1.1 0-2 .9-2 2H1v10h14V4h-3zM6 3h4c.6 0 1 .4 1 1H5c0-.6.4-1 1-1zm6.9 2-2.4 3h-5L3.1 5h9.8zm1.1 8H2V5.25L5 9h1v1h1V9h2v1h1V9h1l3-3.75V13z'/%3e%3c/g%3e%3c/svg%3e") !default; diff --git a/dist/sprites/actions.svg b/dist/sprites/actions.svg index 151ccf028..25058dcec 100644 --- a/dist/sprites/actions.svg +++ b/dist/sprites/actions.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/dist/svgs/actions/actions-brand-twitter.svg b/dist/svgs/actions/actions-brand-twitter.svg deleted file mode 100644 index 35f7bccf9..000000000 --- a/dist/svgs/actions/actions-brand-twitter.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/dist/svgs/actions/actions-brand-x.svg b/dist/svgs/actions/actions-brand-x.svg new file mode 100644 index 000000000..77532dd70 --- /dev/null +++ b/dist/svgs/actions/actions-brand-x.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/actions.html b/icons/actions.html index c898656a9..72a08847f 100644 --- a/icons/actions.html +++ b/icons/actions.html @@ -299,11 +299,6 @@

Actions

- - - - - @@ -314,6 +309,11 @@

Actions

 + + + + + diff --git a/icons/actions/actions-brand-twitter.html b/icons/actions/actions-brand-x.html similarity index 83% rename from icons/actions/actions-brand-twitter.html rename to icons/actions/actions-brand-x.html index 6b2be524d..02732d5a8 100644 --- a/icons/actions/actions-brand-twitter.html +++ b/icons/actions/actions-brand-x.html @@ -3,7 +3,7 @@ - actions-brand-twitter - Actions - @typo3/icons SVG icons for the TYPO3 CMS backend + actions-brand-x - Actions - @typo3/icons SVG icons for the TYPO3 CMS backend @@ -114,21 +114,19 @@
-

actions-brand-twitter

+

actions-brand-x

-
Tags: social, brand
Introduced in v2.1.0
- Available in TYPO3 - 11.5 12.4 13.x
+
Tags: social, brand
- +
@@ -140,52 +138,52 @@

actions-brand-twitter

- +
- +
- +
- +
- +
- +
- +
- +
- +
- +
@@ -193,13 +191,13 @@

Buttons

- + - + @@ -207,14 +205,14 @@

Buttons

- + Button Label - + Button Label @@ -223,14 +221,14 @@

Buttons

- + Button Label - + Button Label @@ -240,27 +238,27 @@

Buttons

Usage

Markup

- 
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 16 16"><g fill="currentColor"><path d="M5.4 13.7c5.3 0 8.2-4.4 8.2-8.2v-.4c.6-.4 1-.9 1.4-1.5-.5.2-1.1.4-1.6.5.6-.4 1-.9 1.3-1.6-.6.3-1.2.6-1.8.7-.5-.6-1.3-.9-2.1-.9-1.6 0-2.9 1.3-2.9 2.9 0 .2 0 .4.1.7-2.5-.2-4.6-1.3-6-3.1-.3.5-.4 1-.4 1.5 0 1 .5 1.9 1.3 2.4-.5 0-.9-.1-1.3-.4 0 1.4 1 2.6 2.3 2.8-.3.1-.5.2-.8.2-.2 0-.4 0-.5-.1.4 1.1 1.4 2 2.7 2-1 .8-2.2 1.2-3.6 1.2H1c1.3.8 2.8 1.3 4.4 1.3"/></g></svg>
+ 
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 16 16"><g fill="currentColor"><path d="M9.303 6.928 14.403 1h-1.208L8.766 6.147 5.23 1H1.15L6.5 8.784 1.15 15h1.208l4.676-5.436L10.77 15h4.08L9.302 6.928zM7.648 8.852l-.542-.775L2.795 1.91H4.65l3.48 4.977.541.775 4.523 6.47H11.34l-3.691-5.28z"/></g></svg>

Inline

<span class="icon icon-size-small icon-state-default">
     <span class="icon-markup">
-        <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 16 16"><g fill="currentColor"><path d="M5.4 13.7c5.3 0 8.2-4.4 8.2-8.2v-.4c.6-.4 1-.9 1.4-1.5-.5.2-1.1.4-1.6.5.6-.4 1-.9 1.3-1.6-.6.3-1.2.6-1.8.7-.5-.6-1.3-.9-2.1-.9-1.6 0-2.9 1.3-2.9 2.9 0 .2 0 .4.1.7-2.5-.2-4.6-1.3-6-3.1-.3.5-.4 1-.4 1.5 0 1 .5 1.9 1.3 2.4-.5 0-.9-.1-1.3-.4 0 1.4 1 2.6 2.3 2.8-.3.1-.5.2-.8.2-.2 0-.4 0-.5-.1.4 1.1 1.4 2 2.7 2-1 .8-2.2 1.2-3.6 1.2H1c1.3.8 2.8 1.3 4.4 1.3"/></g></svg>
+        <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 16 16"><g fill="currentColor"><path d="M9.303 6.928 14.403 1h-1.208L8.766 6.147 5.23 1H1.15L6.5 8.784 1.15 15h1.208l4.676-5.436L10.77 15h4.08L9.302 6.928zM7.648 8.852l-.542-.775L2.795 1.91H4.65l3.48 4.977.541.775 4.523 6.47H11.34l-3.691-5.28z"/></g></svg>
     </span>
 </span>

Sprite

<span class="icon icon-size-small icon-state-default">
     <span class="icon-markup">
-        <svg role="img"><use xlink:href="dist/sprites/actions.svg#actions-brand-twitter" /></svg>
+        <svg role="img"><use xlink:href="dist/sprites/actions.svg#actions-brand-x" /></svg>
     </span>
 </span>
-

TYPO3 ViewHelper

<core:icon identifier="actions-brand-twitter" size="small" />
+

TYPO3 ViewHelper

<core:icon identifier="actions-brand-x" size="small" />

CSS Background Image

.myclass {
     background-size: 1em 1em;
-    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 16 16'%3e%3cg fill='%23fff'%3e%3cpath d='M5.4 13.7c5.3 0 8.2-4.4 8.2-8.2v-.4c.6-.4 1-.9 1.4-1.5-.5.2-1.1.4-1.6.5.6-.4 1-.9 1.3-1.6-.6.3-1.2.6-1.8.7-.5-.6-1.3-.9-2.1-.9-1.6 0-2.9 1.3-2.9 2.9 0 .2 0 .4.1.7-2.5-.2-4.6-1.3-6-3.1-.3.5-.4 1-.4 1.5 0 1 .5 1.9 1.3 2.4-.5 0-.9-.1-1.3-.4 0 1.4 1 2.6 2.3 2.8-.3.1-.5.2-.8.2-.2 0-.4 0-.5-.1.4 1.1 1.4 2 2.7 2-1 .8-2.2 1.2-3.6 1.2H1c1.3.8 2.8 1.3 4.4 1.3'/%3e%3c/g%3e%3c/svg%3e");
+    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 16 16'%3e%3cg fill='%23fff'%3e%3cpath d='M9.303 6.928 14.403 1h-1.208L8.766 6.147 5.23 1H1.15L6.5 8.784 1.15 15h1.208l4.676-5.436L10.77 15h4.08L9.302 6.928zM7.648 8.852l-.542-.775L2.795 1.91H4.65l3.48 4.977.541.775 4.523 6.47H11.34l-3.691-5.28z'/%3e%3c/g%3e%3c/svg%3e");
 }
@@ -269,14 +267,17 @@

Sass Background Variable

+            
Alias

+            
  • actions-brand-twitter

+

Download

- Download + Download

diff --git a/index.html b/index.html index 3a5139630..109402866 100644 --- a/index.html +++ b/index.html @@ -299,11 +299,6 @@

Icons

- - - - - @@ -314,6 +309,11 @@

Icons

 + + + + +