diff --git a/dist/icons.json b/dist/icons.json index f9d305782..e91659ebe 100644 --- a/dist/icons.json +++ b/dist/icons.json @@ -246,6 +246,18 @@ "svg": "svgs/actions/actions-briefcase.svg", "sprite": "sprites/actions.svg#actions-briefcase" }, + "actions-brightness-high": { + "identifier": "actions-brightness-high", + "category": "actions", + "svg": "svgs/actions/actions-brightness-high.svg", + "sprite": "sprites/actions.svg#actions-brightness-high" + }, + "actions-brightness-low": { + "identifier": "actions-brightness-low", + "category": "actions", + "svg": "svgs/actions/actions-brightness-low.svg", + "sprite": "sprites/actions.svg#actions-brightness-low" + }, "actions-browser": { "identifier": "actions-browser", "category": "actions", diff --git a/dist/scss/icons-variables-actions.scss b/dist/scss/icons-variables-actions.scss index 0e93cf9fd..8d676af49 100644 --- a/dist/scss/icons-variables-actions.scss +++ b/dist/scss/icons-variables-actions.scss @@ -39,6 +39,8 @@ $icon-actions-brand-windows: url("data:image/svg+xml,%3csvg xmlns='http://www.w3 $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; +$icon-actions-brightness-high: 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='M4.852 5.559c.206-.265.442-.501.707-.707L3.757 3.05c-.212-.212-.495-.212-.707 0-.212.212-.212.495 0 .707L4.852 5.56zM8 4c.171 0 .334.03.5.05V1.5c0-.3-.2-.5-.5-.5s-.5.2-.5.5v2.55c.166-.02.329-.05.5-.05zM4 8c0-.171.03-.334.05-.5H1.5c-.3 0-.5.2-.5.5s.2.5.5.5h2.55C4.03 8.334 4 8.171 4 8zM11.148 5.559l1.802-1.802c.212-.212.212-.495 0-.707-.212-.212-.495-.212-.707 0L10.44 4.852c.265.206.501.442.707.707zM11.148 10.441a4.006 4.006 0 0 1-.707.707l1.802 1.802c.212.212.495.212.707 0 .212-.212.212-.495 0-.707l-1.802-1.802zM14.5 7.5h-2.55c.02.166.05.329.05.5s-.03.334-.05.5h2.55c.3 0 .5-.2.5-.5s-.2-.5-.5-.5zM4.852 10.441 3.05 12.243c-.212.212-.212.495 0 .707.212.212.495.212.707 0l1.802-1.802a4.006 4.006 0 0 1-.707-.707zM8 12c-.171 0-.334-.03-.5-.05v2.55c0 .3.2.5.5.5s.5-.2.5-.5v-2.55c-.166.02-.329.05-.5.05zM8 6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0-1C6.3 5 5 6.3 5 8s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3z'/%3e%3c/g%3e%3c/svg%3e") !default; +$icon-actions-brightness-low: 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='M8 5a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm0 5c-1.103 0-2-.897-2-2s.897-2 2-2 2 .897 2 2-.897 2-2 2zM4.852 5.559a4 4 0 0 1 .707-.707l-.741-.741a.498.498 0 0 0-.707 0 .5.5 0 0 0 0 .707l.74.741zM8.5 4.05V3a.5.5 0 1 0-1 0v1.05c.166-.02.329-.05.5-.05s.334.03.5.05zM11.89 4.818a.5.5 0 0 0-.708-.707l-.741.74a4 4 0 0 1 .707.708l.741-.741zM4 8c0-.171.03-.334.05-.5H3a.5.5 0 1 0 0 1h1.05C4.03 8.334 4 8.171 4 8zM4.11 11.182a.5.5 0 0 0 .708.707l.741-.74a4.005 4.005 0 0 1-.707-.708l-.741.74zM13 7.5h-1.05c.02.166.05.329.05.5s-.03.334-.05.5H13a.5.5 0 0 0 0-1zM7.5 11.95V13a.5.5 0 0 0 1 0v-1.05c-.166.02-.329.05-.5.05s-.334-.03-.5-.05zM11.148 10.441a4.005 4.005 0 0 1-.707.707l.741.741a.498.498 0 0 0 .707 0 .5.5 0 0 0 0-.707l-.74-.741z'/%3e%3c/g%3e%3c/svg%3e") !default; $icon-actions-browser: 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 2H2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zm0 2H4V3h10v1zM3 3v1H2V3h1zM2 13V5h12v8H2z'/%3e%3c/g%3e%3c/svg%3e") !default; $icon-actions-brush: 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 2h-7a.5.5 0 0 0-.5.5V10a1 1 0 0 0 1 1h2v2a1 1 0 1 0 2 0v-2h2a1 1 0 0 0 1-1V2.5a.5.5 0 0 0-.5-.5zM5 9V3h1v3h1V3h1v2h1V3h2v6H5z'/%3e%3c/g%3e%3c/svg%3e") !default; $icon-actions-building: 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='M4 3h2v1H4zM10 3h2v1h-2zM10 5h2v1h-2zM4 5h2v1H4zM4 7h2v1H4zM7 3h2v1H7zM7 5h2v1H7zM7 7h2v1H7zM10 7h2v1h-2zM4 9h2v1H4zM7 9h2v1H7zM10 9h2v1h-2z'/%3e%3cpath d='M13.75 1H2.25a.25.25 0 0 0-.25.25V14H1v1h14v-1h-1V1.25a.25.25 0 0 0-.25-.25zM3 14V2h10v12H9v-2H7v2H3z'/%3e%3c/g%3e%3c/svg%3e") !default; diff --git a/dist/sprites/actions.svg b/dist/sprites/actions.svg index 19aac848c..4452fde75 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-brightness-high.svg b/dist/svgs/actions/actions-brightness-high.svg new file mode 100644 index 000000000..52f4d7807 --- /dev/null +++ b/dist/svgs/actions/actions-brightness-high.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/dist/svgs/actions/actions-brightness-low.svg b/dist/svgs/actions/actions-brightness-low.svg new file mode 100644 index 000000000..1cff453ea --- /dev/null +++ b/dist/svgs/actions/actions-brightness-low.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/actions.html b/icons/actions.html index f4b6108ec..0861425f6 100644 --- a/icons/actions.html +++ b/icons/actions.html @@ -329,6 +329,16 @@

Actions

+ + + + + + + + + + diff --git a/icons/actions/actions-brightness-high.html b/icons/actions/actions-brightness-high.html new file mode 100644 index 000000000..9a0db63bf --- /dev/null +++ b/icons/actions/actions-brightness-high.html @@ -0,0 +1,283 @@ + + + + + + actions-brightness-high - Actions - @typo3/icons SVG icons for the TYPO3 CMS backend + + + + + + + + + + + +
+
+ + @typo3/icons + + +
+
+ +
+
+ +
+
+ + +
+

actions-brightness-high

+
+
+
+
+
+ + + + +
+
+
+ + + + +
+ + + + +
+ + + + +
+ + + + +
+ + + + +
+ + + + +
+ + + + +
+ + + + +
+ + + + +
+ + + + +
+

Buttons

+

+ + + + + + + + + + + + +

+

+ + + + + +Button Label + + + + + + +Button Label + +

+

+ + + + + +Button Label + + + + + + +Button Label + +

+
+

Usage

+ +

Markup

+ 
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 16 16"><g fill="currentColor"><path d="M4.852 5.559c.206-.265.442-.501.707-.707L3.757 3.05c-.212-.212-.495-.212-.707 0-.212.212-.212.495 0 .707L4.852 5.56zM8 4c.171 0 .334.03.5.05V1.5c0-.3-.2-.5-.5-.5s-.5.2-.5.5v2.55c.166-.02.329-.05.5-.05zM4 8c0-.171.03-.334.05-.5H1.5c-.3 0-.5.2-.5.5s.2.5.5.5h2.55C4.03 8.334 4 8.171 4 8zM11.148 5.559l1.802-1.802c.212-.212.212-.495 0-.707-.212-.212-.495-.212-.707 0L10.44 4.852c.265.206.501.442.707.707zM11.148 10.441a4.006 4.006 0 0 1-.707.707l1.802 1.802c.212.212.495.212.707 0 .212-.212.212-.495 0-.707l-1.802-1.802zM14.5 7.5h-2.55c.02.166.05.329.05.5s-.03.334-.05.5h2.55c.3 0 .5-.2.5-.5s-.2-.5-.5-.5zM4.852 10.441 3.05 12.243c-.212.212-.212.495 0 .707.212.212.495.212.707 0l1.802-1.802a4.006 4.006 0 0 1-.707-.707zM8 12c-.171 0-.334-.03-.5-.05v2.55c0 .3.2.5.5.5s.5-.2.5-.5v-2.55c-.166.02-.329.05-.5.05zM8 6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0-1C6.3 5 5 6.3 5 8s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3z"/></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="M4.852 5.559c.206-.265.442-.501.707-.707L3.757 3.05c-.212-.212-.495-.212-.707 0-.212.212-.212.495 0 .707L4.852 5.56zM8 4c.171 0 .334.03.5.05V1.5c0-.3-.2-.5-.5-.5s-.5.2-.5.5v2.55c.166-.02.329-.05.5-.05zM4 8c0-.171.03-.334.05-.5H1.5c-.3 0-.5.2-.5.5s.2.5.5.5h2.55C4.03 8.334 4 8.171 4 8zM11.148 5.559l1.802-1.802c.212-.212.212-.495 0-.707-.212-.212-.495-.212-.707 0L10.44 4.852c.265.206.501.442.707.707zM11.148 10.441a4.006 4.006 0 0 1-.707.707l1.802 1.802c.212.212.495.212.707 0 .212-.212.212-.495 0-.707l-1.802-1.802zM14.5 7.5h-2.55c.02.166.05.329.05.5s-.03.334-.05.5h2.55c.3 0 .5-.2.5-.5s-.2-.5-.5-.5zM4.852 10.441 3.05 12.243c-.212.212-.212.495 0 .707.212.212.495.212.707 0l1.802-1.802a4.006 4.006 0 0 1-.707-.707zM8 12c-.171 0-.334-.03-.5-.05v2.55c0 .3.2.5.5.5s.5-.2.5-.5v-2.55c-.166.02-.329.05-.5.05zM8 6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0-1C6.3 5 5 6.3 5 8s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3z"/></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-brightness-high" /></svg>
+    </span>
+</span>
+ + +

TYPO3 ViewHelper

<core:icon identifier="actions-brightness-high" 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='M4.852 5.559c.206-.265.442-.501.707-.707L3.757 3.05c-.212-.212-.495-.212-.707 0-.212.212-.212.495 0 .707L4.852 5.56zM8 4c.171 0 .334.03.5.05V1.5c0-.3-.2-.5-.5-.5s-.5.2-.5.5v2.55c.166-.02.329-.05.5-.05zM4 8c0-.171.03-.334.05-.5H1.5c-.3 0-.5.2-.5.5s.2.5.5.5h2.55C4.03 8.334 4 8.171 4 8zM11.148 5.559l1.802-1.802c.212-.212.212-.495 0-.707-.212-.212-.495-.212-.707 0L10.44 4.852c.265.206.501.442.707.707zM11.148 10.441a4.006 4.006 0 0 1-.707.707l1.802 1.802c.212.212.495.212.707 0 .212-.212.212-.495 0-.707l-1.802-1.802zM14.5 7.5h-2.55c.02.166.05.329.05.5s-.03.334-.05.5h2.55c.3 0 .5-.2.5-.5s-.2-.5-.5-.5zM4.852 10.441 3.05 12.243c-.212.212-.212.495 0 .707.212.212.495.212.707 0l1.802-1.802a4.006 4.006 0 0 1-.707-.707zM8 12c-.171 0-.334-.03-.5-.05v2.55c0 .3.2.5.5.5s.5-.2.5-.5v-2.55c-.166.02-.329.05-.5.05zM8 6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0-1C6.3 5 5 6.3 5 8s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3z'/%3e%3c/g%3e%3c/svg%3e");
+}
+ + +

Sass Background Variable

@import "@typo3/icons/dist/icons.scss";
+@import "@typo3/icons/dist/scss/icons-variables-actions.scss";
+
+.myclass {
+    background-size: 1em 1em;
+    background-image: $icon-actions-brightness-high;
+}
+ + +
+

Download

+

+ Download +

+
+ +
+
+
+
+ + + + diff --git a/icons/actions/actions-brightness-low.html b/icons/actions/actions-brightness-low.html new file mode 100644 index 000000000..522ef4daf --- /dev/null +++ b/icons/actions/actions-brightness-low.html @@ -0,0 +1,283 @@ + + + + + + actions-brightness-low - Actions - @typo3/icons SVG icons for the TYPO3 CMS backend + + + + + + + + + + + +
+
+ + @typo3/icons + + +
+
+ +
+
+ +
+
+ + +
+

actions-brightness-low

+
+
+
+
+
+ + + + +
+
+
+ + + + +
+ + + + +
+ + + + +
+ + + + +
+ + + + +
+ + + + +
+ + + + +
+ + + + +
+ + + + +
+ + + + +
+

Buttons

+

+ + + + + + + + + + + + +

+

+ + + + + +Button Label + + + + + + +Button Label + +

+

+ + + + + +Button Label + + + + + + +Button Label + +

+
+

Usage

+ +

Markup

+ 
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 16 16"><g fill="currentColor"><path d="M8 5a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm0 5c-1.103 0-2-.897-2-2s.897-2 2-2 2 .897 2 2-.897 2-2 2zM4.852 5.559a4 4 0 0 1 .707-.707l-.741-.741a.498.498 0 0 0-.707 0 .5.5 0 0 0 0 .707l.74.741zM8.5 4.05V3a.5.5 0 1 0-1 0v1.05c.166-.02.329-.05.5-.05s.334.03.5.05zM11.89 4.818a.5.5 0 0 0-.708-.707l-.741.74a4 4 0 0 1 .707.708l.741-.741zM4 8c0-.171.03-.334.05-.5H3a.5.5 0 1 0 0 1h1.05C4.03 8.334 4 8.171 4 8zM4.11 11.182a.5.5 0 0 0 .708.707l.741-.74a4.005 4.005 0 0 1-.707-.708l-.741.74zM13 7.5h-1.05c.02.166.05.329.05.5s-.03.334-.05.5H13a.5.5 0 0 0 0-1zM7.5 11.95V13a.5.5 0 0 0 1 0v-1.05c-.166.02-.329.05-.5.05s-.334-.03-.5-.05zM11.148 10.441a4.005 4.005 0 0 1-.707.707l.741.741a.498.498 0 0 0 .707 0 .5.5 0 0 0 0-.707l-.74-.741z"/></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="M8 5a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm0 5c-1.103 0-2-.897-2-2s.897-2 2-2 2 .897 2 2-.897 2-2 2zM4.852 5.559a4 4 0 0 1 .707-.707l-.741-.741a.498.498 0 0 0-.707 0 .5.5 0 0 0 0 .707l.74.741zM8.5 4.05V3a.5.5 0 1 0-1 0v1.05c.166-.02.329-.05.5-.05s.334.03.5.05zM11.89 4.818a.5.5 0 0 0-.708-.707l-.741.74a4 4 0 0 1 .707.708l.741-.741zM4 8c0-.171.03-.334.05-.5H3a.5.5 0 1 0 0 1h1.05C4.03 8.334 4 8.171 4 8zM4.11 11.182a.5.5 0 0 0 .708.707l.741-.74a4.005 4.005 0 0 1-.707-.708l-.741.74zM13 7.5h-1.05c.02.166.05.329.05.5s-.03.334-.05.5H13a.5.5 0 0 0 0-1zM7.5 11.95V13a.5.5 0 0 0 1 0v-1.05c-.166.02-.329.05-.5.05s-.334-.03-.5-.05zM11.148 10.441a4.005 4.005 0 0 1-.707.707l.741.741a.498.498 0 0 0 .707 0 .5.5 0 0 0 0-.707l-.74-.741z"/></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-brightness-low" /></svg>
+    </span>
+</span>
+ + +

TYPO3 ViewHelper

<core:icon identifier="actions-brightness-low" 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='M8 5a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm0 5c-1.103 0-2-.897-2-2s.897-2 2-2 2 .897 2 2-.897 2-2 2zM4.852 5.559a4 4 0 0 1 .707-.707l-.741-.741a.498.498 0 0 0-.707 0 .5.5 0 0 0 0 .707l.74.741zM8.5 4.05V3a.5.5 0 1 0-1 0v1.05c.166-.02.329-.05.5-.05s.334.03.5.05zM11.89 4.818a.5.5 0 0 0-.708-.707l-.741.74a4 4 0 0 1 .707.708l.741-.741zM4 8c0-.171.03-.334.05-.5H3a.5.5 0 1 0 0 1h1.05C4.03 8.334 4 8.171 4 8zM4.11 11.182a.5.5 0 0 0 .708.707l.741-.74a4.005 4.005 0 0 1-.707-.708l-.741.74zM13 7.5h-1.05c.02.166.05.329.05.5s-.03.334-.05.5H13a.5.5 0 0 0 0-1zM7.5 11.95V13a.5.5 0 0 0 1 0v-1.05c-.166.02-.329.05-.5.05s-.334-.03-.5-.05zM11.148 10.441a4.005 4.005 0 0 1-.707.707l.741.741a.498.498 0 0 0 .707 0 .5.5 0 0 0 0-.707l-.74-.741z'/%3e%3c/g%3e%3c/svg%3e");
+}
+ + +

Sass Background Variable

@import "@typo3/icons/dist/icons.scss";
+@import "@typo3/icons/dist/scss/icons-variables-actions.scss";
+
+.myclass {
+    background-size: 1em 1em;
+    background-image: $icon-actions-brightness-low;
+}
+ + +
+

Download

+

+ Download +

+
+ +
+
+
+
+ + + + diff --git a/index.html b/index.html index 98d58699a..f9896089c 100644 --- a/index.html +++ b/index.html @@ -329,6 +329,16 @@

Icons

+ + + + + + + + + +