@ivds/core 0.1.1 → 1.1.0

package/src/icons/plus-circle-fill.scss

@@ -0,0 +1,12 @@
+.ivds-icon--plus-circle-fill {
+  --mask-image-plus-circle-fill: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12%203C7.02944%203%203%207.02944%203%2012C3%2016.9706%207.02944%2021%2012%2021C16.9706%2021%2021%2016.9706%2021%2012C21%207.02944%2016.9706%203%2012%203ZM13%207V11H17V13H13V17H11V13H7V11H11V7H13Z'%20fill='black'/%3E%3C/svg%3E");
+  --mask-image: var(--mask-image-plus-circle-fill);
+}
+
+.ivds-icon-start--plus-circle-fill {
+  --mask-image-before: var(--mask-image-plus-circle-fill);
+}
+
+.ivds-icon-end--plus-circle-fill {
+  --mask-image-after: var(--mask-image-plus-circle-fill);
+}

package/src/icons/plus-circle.scss

@@ -0,0 +1,12 @@
+.ivds-icon--plus-circle {
+  --mask-image-plus-circle: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012C2%206.47715%206.47715%202%2012%202ZM12%204C7.58172%204%204%207.58172%204%2012C4%2016.4183%207.58172%2020%2012%2020C16.4183%2020%2020%2016.4183%2020%2012C20%207.58172%2016.4183%204%2012%204ZM13%207V11H17V13H13V17H11V13H7V11H11V7H13Z'%20fill='black'/%3E%3C/svg%3E");
+  --mask-image: var(--mask-image-plus-circle);
+}
+
+.ivds-icon-start--plus-circle {
+  --mask-image-before: var(--mask-image-plus-circle);
+}
+
+.ivds-icon-end--plus-circle {
+  --mask-image-after: var(--mask-image-plus-circle);
+}

package/src/icons/plus.scss

@@ -0,0 +1,12 @@
+.ivds-icon--plus {
+  --mask-image-plus: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M13%206V11H18V13H13V18H11V13H6V11H11V6H13Z'%20fill='black'/%3E%3C/svg%3E");
+  --mask-image: var(--mask-image-plus);
+}
+
+.ivds-icon-start--plus {
+  --mask-image-before: var(--mask-image-plus);
+}
+
+.ivds-icon-end--plus {
+  --mask-image-after: var(--mask-image-plus);
+}

package/src/icons/podcast.scss

@@ -0,0 +1,12 @@
+.ivds-icon--podcast {
+  --mask-image-podcast: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9.00001%2024V22H10.999L10.9992%2019.9169C8.23377%2019.4526%206.10998%2017.0965%206.00415%2014.2249L6.00001%2014H8.00001C8.00001%2016.2091%209.79087%2018%2012%2018C14.1422%2018%2015.8911%2016.316%2015.9951%2014.1996L16%2014H18C18%2016.9731%2015.8376%2019.4411%2012.9998%2019.9171L12.999%2022H15V24H9.00001ZM16.0596%204.58174L16.2427%204.75736L14.8284%206.17157C13.3184%204.66155%2010.9014%204.61121%209.33095%206.02057L9.17158%206.17157L7.75737%204.75736C10.0404%202.47429%2013.7056%202.41575%2016.0596%204.58174ZM12%207C13.1046%207%2014%207.89543%2014%209V14C14%2015.1046%2013.1046%2016%2012%2016C10.8954%2016%2010%2015.1046%2010%2014V9C10%207.89543%2010.8954%207%2012%207ZM18.1547%202.43334L18.364%202.63604L16.9498%204.05025C14.2782%201.37871%209.98452%201.31799%207.23924%203.8681L7.05026%204.05025L5.63605%202.63604C9.08185%20-0.809764%2014.6266%20-0.877328%2018.1547%202.43334Z'%20fill='black'/%3E%3C/svg%3E");
+  --mask-image: var(--mask-image-podcast);
+}
+
+.ivds-icon-start--podcast {
+  --mask-image-before: var(--mask-image-podcast);
+}
+
+.ivds-icon-end--podcast {
+  --mask-image-after: var(--mask-image-podcast);
+}

package/src/icons/printer.scss

@@ -0,0 +1,12 @@
+.ivds-icon--printer {
+  --mask-image-printer: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M18%203V8H18.5C20.5%208%2022%209.50002%2022%2011.5V19L18%2019V22H6V19L2%2019V11.5C2%209.50002%203.5%208%205.5%208H6V3H18ZM16%2016H8V20H16V16ZM18.5%2010H5.5C4.5%2010%204%2010.5%204%2011.5V17H6V14H18V17H20V11.5C20%2010.5%2019.5%2010%2018.5%2010ZM6%2011C6.55228%2011%207%2011.4477%207%2012C7%2012.5523%206.55228%2013%206%2013C5.44772%2013%205%2012.5523%205%2012C5%2011.4477%205.44772%2011%206%2011ZM16%205H8V8H16V5Z'%20fill='black'/%3E%3C/svg%3E");
+  --mask-image: var(--mask-image-printer);
+}
+
+.ivds-icon-start--printer {
+  --mask-image-before: var(--mask-image-printer);
+}
+
+.ivds-icon-end--printer {
+  --mask-image-after: var(--mask-image-printer);
+}

package/src/icons/question-circle-fill.scss

@@ -0,0 +1,12 @@
+.ivds-icon--question-circle-fill {
+  --mask-image-question-circle-fill: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12%203C7.02944%203%203%207.02944%203%2012C3%2016.9706%207.02944%2021%2012%2021C16.9706%2021%2021%2016.9706%2021%2012C21%207.02944%2016.9706%203%2012%203ZM13%2016V18H11V16H13ZM12.0437%205.75C14.0343%205.75%2015.7173%207.29464%2015.7173%209.42361C15.7173%2010.7806%2015.2461%2011.489%2014.161%2012.306L13.9187%2012.4844C13.1753%2013.0295%2012.9556%2013.3359%2012.9386%2014.142L12.9375%2014.25H10.9375C10.9375%2012.6746%2011.4591%2011.8378%2012.6143%2010.9622L12.8618%2010.7796C13.5685%2010.2628%2013.7173%2010.0539%2013.7173%209.42361C13.7173%208.43934%2012.9662%207.75%2012.0437%207.75C11.1907%207.75%2010.4785%208.34077%2010.3816%209.20835L10.3734%209.30587L8.37663%209.19182C8.49191%207.17347%2010.1344%205.75%2012.0437%205.75Z'%20fill='black'/%3E%3C/svg%3E");
+  --mask-image: var(--mask-image-question-circle-fill);
+}
+
+.ivds-icon-start--question-circle-fill {
+  --mask-image-before: var(--mask-image-question-circle-fill);
+}
+
+.ivds-icon-end--question-circle-fill {
+  --mask-image-after: var(--mask-image-question-circle-fill);
+}

package/src/icons/question-circle.scss

@@ -0,0 +1,12 @@
+.ivds-icon--question-circle {
+  --mask-image-question-circle: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012C2%206.47715%206.47715%202%2012%202ZM12%204C7.58172%204%204%207.58172%204%2012C4%2016.4183%207.58172%2020%2012%2020C16.4183%2020%2020%2016.4183%2020%2012C20%207.58172%2016.4183%204%2012%204ZM13%2016V18H11V16H13ZM12.0437%205.75C14.0343%205.75%2015.7173%207.29464%2015.7173%209.42361C15.7173%2010.7806%2015.2461%2011.489%2014.161%2012.306L13.9187%2012.4844C13.1753%2013.0295%2012.9556%2013.3359%2012.9386%2014.142L12.9375%2014.25H10.9375C10.9375%2012.6746%2011.4591%2011.8378%2012.6143%2010.9622L12.8618%2010.7796C13.5685%2010.2628%2013.7173%2010.0539%2013.7173%209.42361C13.7173%208.43934%2012.9662%207.75%2012.0437%207.75C11.1907%207.75%2010.4785%208.34077%2010.3816%209.20835L10.3734%209.30587L8.37663%209.19182C8.49191%207.17347%2010.1344%205.75%2012.0437%205.75Z'%20fill='black'/%3E%3C/svg%3E");
+  --mask-image: var(--mask-image-question-circle);
+}
+
+.ivds-icon-start--question-circle {
+  --mask-image-before: var(--mask-image-question-circle);
+}
+
+.ivds-icon-end--question-circle {
+  --mask-image-after: var(--mask-image-question-circle);
+}

package/src/icons/refresh.scss

@@ -0,0 +1,12 @@
+.ivds-icon--refresh {
+  --mask-image-refresh: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M20%202V9H13V7L16.8992%207.00023C15.6367%205.76291%2013.9074%205%2012%205C8.13401%205%205%208.13401%205%2012C5%2015.866%208.13401%2019%2012%2019C15.866%2019%2019%2015.866%2019%2012H21C21%2016.9706%2016.9706%2021%2012%2021C7.02944%2021%203%2016.9706%203%2012C3%207.02944%207.02944%203%2012%203C14.3056%203%2016.4088%203.86699%2018.0012%205.29274L18%202H20Z'%20fill='black'/%3E%3C/svg%3E");
+  --mask-image: var(--mask-image-refresh);
+}
+
+.ivds-icon-start--refresh {
+  --mask-image-before: var(--mask-image-refresh);
+}
+
+.ivds-icon-end--refresh {
+  --mask-image-after: var(--mask-image-refresh);
+}

package/src/icons/restaurant.scss

@@ -0,0 +1,12 @@
+.ivds-icon--restaurant {
+  --mask-image-restaurant: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M10.9911%204.085C11.3531%204.085%2011.6523%204.35399%2011.6996%204.70298L11.7061%204.8V7.8C11.7061%209.04864%2010.8632%2010.1004%209.71538%2010.4173L9.71467%2013.3005C9.86178%2013.4508%209.96187%2013.6473%209.99115%2013.8662L10%2014V19C10%2019.5523%209.55232%2020%209.00003%2020C8.44775%2020%208.00003%2019.5523%208.00003%2019V14C8.00003%2013.7277%208.10886%2013.4808%208.2854%2013.3005L8.2854%2010.4224C7.17931%2010.1254%206.3521%209.14735%206.28108%207.96539L6.27612%207.8V4.8C6.27612%204.40512%206.59624%204.085%206.99112%204.085C7.3531%204.085%207.65225%204.35399%207.6996%204.70298L7.70612%204.8V7.8H8.28412L8.28503%204.8C8.28503%204.40512%208.60515%204.085%209.00003%204.085C9.36201%204.085%209.66116%204.35399%209.70851%204.70298L9.71503%204.8L9.71412%207.8H10.2761V4.8C10.2761%204.40512%2010.5962%204.085%2010.9911%204.085ZM18%2019C18%2019.5523%2017.5523%2020%2017%2020C16.4477%2020%2016%2019.5523%2016%2019L15.999%2012.5L14.9653%2012.2423C14.4676%2012.1185%2014.151%2011.6416%2014.2154%2011.1451L14.2371%2011.0304L15.7544%204.97128C15.8973%204.40042%2016.4103%204%2016.9988%204C17.5523%204%2018%204.44772%2018%205V19Z'%20fill='black'/%3E%3C/svg%3E");
+  --mask-image: var(--mask-image-restaurant);
+}
+
+.ivds-icon-start--restaurant {
+  --mask-image-before: var(--mask-image-restaurant);
+}
+
+.ivds-icon-end--restaurant {
+  --mask-image-after: var(--mask-image-restaurant);
+}

package/src/icons/rss.scss

@@ -0,0 +1,12 @@
+.ivds-icon--rss {
+  --mask-image-rss: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M19.0714%203C20.0855%203%2020.9173%203.78353%2020.9942%204.7779L21%204.92857V19.0714C21%2020.0855%2020.2165%2020.9173%2019.2221%2020.9942L19.0714%2021H4.92857C3.91454%2021%203.08273%2020.2165%203.0058%2019.2221L3%2019.0714V4.92857C3%203.91454%203.78353%203.08273%204.7779%203.0058L4.92857%203H19.0714ZM7%2015C5.89543%2015%205%2015.8954%205%2017C5%2018.1046%205.89543%2019%207%2019C8.10457%2019%209%2018.1046%209%2017C9%2015.8954%208.10457%2015%207%2015ZM5%209.5V12L5.24065%2012.0041C8.91533%2012.1282%2011.8718%2015.0847%2011.9959%2018.7593L12%2019H14.5L14.4962%2018.7295C14.3556%2013.6977%2010.3023%209.64445%205.27048%209.50378L5%209.5ZM5%205V7.5L5.29227%207.50364C11.4098%207.65625%2016.3412%2012.5862%2016.4962%2018.7031L16.5%2019H19L18.9966%2018.6874C18.8326%2011.2051%2012.7986%205.16972%205.31698%205.00352L5%205Z'%20fill='black'/%3E%3C/svg%3E");
+  --mask-image: var(--mask-image-rss);
+}
+
+.ivds-icon-start--rss {
+  --mask-image-before: var(--mask-image-rss);
+}
+
+.ivds-icon-end--rss {
+  --mask-image-after: var(--mask-image-rss);
+}

package/src/icons/save-diskette-fill.scss

@@ -0,0 +1,12 @@
+.ivds-icon--save-diskette-fill {
+  --mask-image-save-diskette-fill: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M19%202L22%205V21C22%2021.5523%2021.5523%2022%2021%2022H3C2.44772%2022%202%2021.5523%202%2021V3C2%202.44772%202.44772%202%203%202H19ZM19%2012H5V20H19V12ZM17%203H7V10H17V3ZM15%205V8H13V5H15Z'%20fill='black'/%3E%3C/svg%3E");
+  --mask-image: var(--mask-image-save-diskette-fill);
+}
+
+.ivds-icon-start--save-diskette-fill {
+  --mask-image-before: var(--mask-image-save-diskette-fill);
+}
+
+.ivds-icon-end--save-diskette-fill {
+  --mask-image-after: var(--mask-image-save-diskette-fill);
+}

package/src/icons/save-diskette.scss

@@ -0,0 +1,12 @@
+.ivds-icon--save-diskette {
+  --mask-image-save-diskette: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M22%205V21C22%2021.5523%2021.5523%2022%2021%2022H3C2.44772%2022%202%2021.5523%202%2021V3C2%202.44772%202.44772%202%203%202H19L22%205ZM18.0083%204L20%206V20H4V4H18.0083ZM17%2012H7V14H17V12ZM16%209H8V11H16V9ZM6%204H8V11H6V4ZM5%2012H7V20H5V12ZM16%204H18V11H16V4ZM13%205H15V8H13V5ZM17%2012H19V20H17V12Z'%20fill='black'/%3E%3C/svg%3E");
+  --mask-image: var(--mask-image-save-diskette);
+}
+
+.ivds-icon-start--save-diskette {
+  --mask-image-before: var(--mask-image-save-diskette);
+}
+
+.ivds-icon-end--save-diskette {
+  --mask-image-after: var(--mask-image-save-diskette);
+}

package/src/icons/scroll-cogwheel.scss

@@ -0,0 +1,12 @@
+.ivds-icon--scroll-cogwheel {
+  --mask-image-scroll-cogwheel: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M2%2017C2%2019.2091%203.79086%2021%206%2021H10V19H6C4.89543%2019%204%2018.1046%204%2017C4%2015.8954%204.89543%2015%206%2015C6.55228%2015%207.05228%2015.2239%207.41421%2015.5858L10%2013V7H20V9H22V5H10C10%202.79086%208.20914%201%206%201C3.79086%201%202%202.79086%202%205V17ZM6%203C7.10457%203%208%203.89543%208%205V13.5351C7.41165%2013.1948%206.72857%2013%206%2013C5.27143%2013%204.58835%2013.1948%204%2013.5351V5C4%203.89543%204.89543%203%206%203Z'%20fill='black'/%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M16.0279%2010.6583C16.3788%209.78057%2017.6212%209.78057%2017.9721%2010.6583C18.2148%2011.2656%2018.9488%2011.5041%2019.5022%2011.1555C20.302%2010.6516%2021.3071%2011.3819%2021.0751%2012.2982C20.9145%2012.9322%2021.3681%2013.5566%2022.0207%2013.5998C22.9639%2013.6623%2023.3479%2014.8439%2022.6215%2015.4488C22.1189%2015.8674%2022.1189%2016.6391%2022.6215%2017.0577C23.3479%2017.6626%2022.9639%2018.8443%2022.0207%2018.9067C21.3681%2018.9499%2020.9145%2019.5743%2021.0751%2020.2083C21.3071%2021.1246%2020.302%2021.8549%2019.5022%2021.351C18.9488%2021.0024%2018.2148%2021.2409%2017.9721%2021.8482C17.6212%2022.7259%2016.3788%2022.7259%2016.0279%2021.8482C15.7852%2021.2409%2015.0512%2021.0024%2014.4978%2021.351C13.698%2021.8549%2012.6929%2021.1246%2012.9249%2020.2083C13.0855%2019.5743%2012.6319%2018.9499%2011.9793%2018.9067C11.0361%2018.8443%2010.6521%2017.6626%2011.3785%2017.0577C11.8811%2016.6391%2011.8811%2015.8674%2011.3785%2015.4488C10.6521%2014.8439%2011.0361%2013.6623%2011.9793%2013.5998C12.6319%2013.5566%2013.0855%2012.9322%2012.9249%2012.2982C12.6929%2011.3819%2013.698%2010.6516%2014.4978%2011.1555C15.0512%2011.5041%2015.7852%2011.2656%2016.0279%2010.6583ZM18.973%2016.2264C18.973%2017.3309%2018.0776%2018.2264%2016.973%2018.2264C15.8685%2018.2264%2014.973%2017.3309%2014.973%2016.2264C14.973%2015.1218%2015.8685%2014.2264%2016.973%2014.2264C18.0776%2014.2264%2018.973%2015.1218%2018.973%2016.2264Z'%20fill='black'/%3E%3C/svg%3E");
+  --mask-image: var(--mask-image-scroll-cogwheel);
+}
+
+.ivds-icon-start--scroll-cogwheel {
+  --mask-image-before: var(--mask-image-scroll-cogwheel);
+}
+
+.ivds-icon-end--scroll-cogwheel {
+  --mask-image-after: var(--mask-image-scroll-cogwheel);
+}

package/src/icons/scroll-content.scss

@@ -0,0 +1,12 @@
+.ivds-icon--scroll-content {
+  --mask-image-scroll-content: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M18%209H12V11H18V9Z'%20fill='black'/%3E%3Cpath%20d='M12%2012H18V14H12V12Z'%20fill='black'/%3E%3Cpath%20d='M18%2015H12V17H18V15Z'%20fill='black'/%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6%2021C3.79086%2021%202%2019.2091%202%2017V5C2%202.79086%203.79086%201%206%201C8.20914%201%2010%202.79086%2010%205H22V21H6ZM10%207H20V19H6C4.89543%2019%204%2018.1046%204%2017C4%2015.8954%204.89543%2015%206%2015C6.55228%2015%207.05228%2015.2239%207.41421%2015.5858L10%2013V7ZM8%205C8%203.89543%207.10457%203%206%203C4.89543%203%204%203.89543%204%205V13.5351C4.58835%2013.1948%205.27143%2013%206%2013C6.72857%2013%207.41165%2013.1948%208%2013.5351V5Z'%20fill='black'/%3E%3C/svg%3E");
+  --mask-image: var(--mask-image-scroll-content);
+}
+
+.ivds-icon-start--scroll-content {
+  --mask-image-before: var(--mask-image-scroll-content);
+}
+
+.ivds-icon-end--scroll-content {
+  --mask-image-after: var(--mask-image-scroll-content);
+}

package/src/icons/scroll-group.scss

@@ -0,0 +1,12 @@
+.ivds-icon--scroll-group {
+  --mask-image-scroll-group: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M2%2011C2%2013.2091%203.79086%2015%206%2015H22V5H10C10%202.79086%208.20914%201%206%201C3.79086%201%202%202.79086%202%205V11ZM20%207H10L7.41421%209.58579C7.05228%209.22386%206.55228%209%206%209C4.89543%209%204%209.89543%204%2011C4%2012.1046%204.89543%2013%206%2013H20V7ZM6%203C7.10457%203%208%203.89543%208%205V7.53513C7.41165%207.19479%206.72857%207%206%207C5.27143%207%204.58835%207.19479%204%207.53513V5C4%203.89543%204.89543%203%206%203Z'%20fill='black'/%3E%3Cpath%20d='M2%2014C2.00026%2016.2089%203.79102%2017.9995%206%2017.9995H22V15.9995H6C4.3644%2015.9995%202.91223%2015.2142%202%2014Z'%20fill='black'/%3E%3Cpath%20d='M6%2020.9995C3.79102%2020.9995%202.00026%2019.2089%202%2017C2.91223%2018.2142%204.3644%2018.9995%206%2018.9995H22V20.9995H6Z'%20fill='black'/%3E%3C/svg%3E");
+  --mask-image: var(--mask-image-scroll-group);
+}
+
+.ivds-icon-start--scroll-group {
+  --mask-image-before: var(--mask-image-scroll-group);
+}
+
+.ivds-icon-end--scroll-group {
+  --mask-image-after: var(--mask-image-scroll-group);
+}

package/src/icons/scroll.scss

@@ -0,0 +1,12 @@
+.ivds-icon--scroll {
+  --mask-image-scroll: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M2%2017C2%2019.2091%203.79086%2021%206%2021H22V5H10C10%202.79086%208.20914%201%206%201C3.79086%201%202%202.79086%202%205V17ZM20%207H10V13L7.41421%2015.5858C7.05228%2015.2239%206.55228%2015%206%2015C4.89543%2015%204%2015.8954%204%2017C4%2018.1046%204.89543%2019%206%2019H20V7ZM6%203C7.10457%203%208%203.89543%208%205V13.5351C7.41165%2013.1948%206.72857%2013%206%2013C5.27143%2013%204.58835%2013.1948%204%2013.5351V5C4%203.89543%204.89543%203%206%203Z'%20fill='black'/%3E%3C/svg%3E");
+  --mask-image: var(--mask-image-scroll);
+}
+
+.ivds-icon-start--scroll {
+  --mask-image-before: var(--mask-image-scroll);
+}
+
+.ivds-icon-end--scroll {
+  --mask-image-after: var(--mask-image-scroll);
+}

package/src/icons/search.scss

@@ -0,0 +1,12 @@
+.ivds-icon--search {
+  --mask-image-search: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M15%201C19.4183%201%2023%204.58172%2023%209C23%2013.4183%2019.4183%2017%2015%2017C13.2001%2017%2011.539%2016.4056%2010.2023%2015.4023L3.80101%2021.8021L2.21002%2020.2111L8.60822%2013.8117C7.59861%2012.4726%207.00002%2010.8062%207.00002%209C7.00002%204.58172%2010.5817%201%2015%201ZM15%203C11.6863%203%209.00002%205.68629%209.00002%209C9.00002%2012.3137%2011.6863%2015%2015%2015C18.3137%2015%2021%2012.3137%2021%209C21%205.68629%2018.3137%203%2015%203Z'%20fill='black'/%3E%3C/svg%3E");
+  --mask-image: var(--mask-image-search);
+}
+
+.ivds-icon-start--search {
+  --mask-image-before: var(--mask-image-search);
+}
+
+.ivds-icon-end--search {
+  --mask-image-after: var(--mask-image-search);
+}

package/src/icons/senior.scss

@@ -0,0 +1,12 @@
+.ivds-icon--senior {
+  --mask-image-senior: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.5%2012.5C8.88071%2012.5%2010%2013.6193%2010%2015V16H8V15C8%2014.7239%207.77614%2014.5%207.5%2014.5C7.22386%2014.5%207%2014.7239%207%2015V24H5V15C5%2013.6193%206.11929%2012.5%207.5%2012.5ZM18%2016V24H10V18H12V22H16V16H18ZM17%207C18.6569%207%2020%208.34315%2020%2010V16H18V10L17.9933%209.88338C17.9355%209.38604%2017.5128%209%2017%209H11C10.4477%209%2010%209.44772%2010%2010V11H8V10L8.00509%209.82373C8.09634%208.24892%209.40232%207%2011%207H17ZM14%204C14.5523%204%2015%203.55228%2015%203C15%202.44772%2014.5523%202%2014%202C13.4477%202%2013%202.44772%2013%203C13%203.55228%2013.4477%204%2014%204ZM14%206C15.6569%206%2017%204.65685%2017%203C17%201.34315%2015.6569%200%2014%200C12.3431%200%2011%201.34315%2011%203C11%204.65685%2012.3431%206%2014%206Z'%20fill='black'/%3E%3C/svg%3E");
+  --mask-image: var(--mask-image-senior);
+}
+
+.ivds-icon-start--senior {
+  --mask-image-before: var(--mask-image-senior);
+}
+
+.ivds-icon-end--senior {
+  --mask-image-after: var(--mask-image-senior);
+}

package/src/icons/share.scss

@@ -0,0 +1,12 @@
+.ivds-icon--share {
+  --mask-image-share: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M18.5%202.25C20.433%202.25%2022%203.817%2022%205.75C22%207.683%2020.433%209.25%2018.5%209.25C17.4601%209.25%2016.5262%208.79651%2015.8851%208.07652L8.96926%2011.5341C8.98954%2011.6865%209%2011.842%209%2012C9%2012.158%208.98954%2012.3135%208.96926%2012.4659L15.8851%2015.9235C16.5262%2015.2035%2017.4601%2014.75%2018.5%2014.75C20.433%2014.75%2022%2016.317%2022%2018.25C22%2020.183%2020.433%2021.75%2018.5%2021.75C16.567%2021.75%2015%2020.183%2015%2018.25C15%2018.1135%2015.0078%2017.9788%2015.023%2017.8464L8.07394%2014.3717C7.43439%2015.0654%206.51794%2015.5%205.5%2015.5C3.567%2015.5%202%2013.933%202%2012C2%2010.067%203.567%208.5%205.5%208.5C6.51794%208.5%207.43439%208.93457%208.07394%209.6283L15.023%206.15357C15.0078%206.02115%2015%205.88649%2015%205.75C15%203.817%2016.567%202.25%2018.5%202.25ZM18.5%2016.75C17.6716%2016.75%2017%2017.4216%2017%2018.25C17%2019.0784%2017.6716%2019.75%2018.5%2019.75C19.3284%2019.75%2020%2019.0784%2020%2018.25C20%2017.4216%2019.3284%2016.75%2018.5%2016.75ZM5.5%2010.5C4.67157%2010.5%204%2011.1716%204%2012C4%2012.8284%204.67157%2013.5%205.5%2013.5C6.32843%2013.5%207%2012.8284%207%2012C7%2011.1716%206.32843%2010.5%205.5%2010.5ZM18.5%204.25C17.6716%204.25%2017%204.92157%2017%205.75C17%206.57843%2017.6716%207.25%2018.5%207.25C19.3284%207.25%2020%206.57843%2020%205.75C20%204.92157%2019.3284%204.25%2018.5%204.25Z'%20fill='black'/%3E%3C/svg%3E");
+  --mask-image: var(--mask-image-share);
+}
+
+.ivds-icon-start--share {
+  --mask-image-before: var(--mask-image-share);
+}
+
+.ivds-icon-end--share {
+  --mask-image-after: var(--mask-image-share);
+}

package/src/icons/shield.scss

@@ -0,0 +1,12 @@
+.ivds-icon--shield {
+  --mask-image-shield: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M17%209.25L15.75%208L10.75%2013L8.25%2010.5L7%2011.75L10.75%2015.5L17%209.25Z'%20fill='black'/%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M21%206C21%2022%2012%2022%2012%2022C12%2022%203%2022%203%206L12%202L21%206ZM8.82872%2018.5052C7.23291%2017.0867%205.24721%2014.0133%205.02123%207.29031L12%204.18864L18.9787%207.29031C18.7528%2014.0133%2016.7671%2017.0867%2015.1712%2018.5052C14.2998%2019.2798%2013.4477%2019.6518%2012.838%2019.8324C12.5317%2019.9232%2012.2871%2019.9653%2012.1347%2019.9847C12.0736%2019.9924%2012.028%2019.9964%2012%2019.9985C11.9719%2019.9964%2011.9263%2019.9924%2011.8652%2019.9847C11.7129%2019.9653%2011.4682%2019.9232%2011.1619%2019.8324C10.5523%2019.6518%209.70017%2019.2798%208.82872%2018.5052Z'%20fill='black'/%3E%3C/svg%3E");
+  --mask-image: var(--mask-image-shield);
+}
+
+.ivds-icon-start--shield {
+  --mask-image-before: var(--mask-image-shield);
+}
+
+.ivds-icon-end--shield {
+  --mask-image-after: var(--mask-image-shield);
+}

package/src/icons/shopping-cart.scss

@@ -0,0 +1,12 @@
+.ivds-icon--shopping-cart {
+  --mask-image-shopping-cart: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M16.6%2013C17.3%2013%2018%2012.6%2018.3%2012L21.9%205.5C22.2%204.8%2021.8%204%2021%204H6.2L5.3%202H2V4H4L7.6%2011.6L6.2%2014C5.5%2015.3%206.4%2017%208%2017H20V15H8L9.1%2013H16.6ZM7.2%206H19.3L16.5%2011H9.5L7.2%206ZM8%2018C6.9%2018%206%2018.9%206%2020C6%2021.1%206.9%2022%208%2022C9.1%2022%2010%2021.1%2010%2020C10%2018.9%209.1%2018%208%2018ZM18%2018C16.9%2018%2016%2018.9%2016%2020C16%2021.1%2016.9%2022%2018%2022C19.1%2022%2020%2021.1%2020%2020C20%2018.9%2019.1%2018%2018%2018Z'%20fill='black'/%3E%3C/svg%3E");
+  --mask-image: var(--mask-image-shopping-cart);
+}
+
+.ivds-icon-start--shopping-cart {
+  --mask-image-before: var(--mask-image-shopping-cart);
+}
+
+.ivds-icon-end--shopping-cart {
+  --mask-image-after: var(--mask-image-shopping-cart);
+}

package/src/icons/signin.scss

@@ -0,0 +1,12 @@
+.ivds-icon--signin {
+  --mask-image-signin: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M21%202V22H8V17H10V20H19V4H10V7H8V2H21ZM12.5%207L17.5%2012L12.5%2017L11%2015.5L13.5%2012.999L2%2013V11L13.499%2010.999L11%208.5L12.5%207Z'%20fill='black'/%3E%3C/svg%3E");
+  --mask-image: var(--mask-image-signin);
+}
+
+.ivds-icon-start--signin {
+  --mask-image-before: var(--mask-image-signin);
+}
+
+.ivds-icon-end--signin {
+  --mask-image-after: var(--mask-image-signin);
+}

package/src/icons/signout.scss

@@ -0,0 +1,12 @@
+.ivds-icon--signout {
+  --mask-image-signout: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M16%202V7H14V4H5V20H14V17H16V22H3V2H16ZM18%207L23%2012L18%2017L16.5%2015.5L19%2012.999L8%2013V11L18.999%2010.999L16.5%208.5L18%207Z'%20fill='black'/%3E%3C/svg%3E");
+  --mask-image: var(--mask-image-signout);
+}
+
+.ivds-icon-start--signout {
+  --mask-image-before: var(--mask-image-signout);
+}
+
+.ivds-icon-end--signout {
+  --mask-image-after: var(--mask-image-signout);
+}

package/src/icons/sitemap.scss

@@ -0,0 +1,12 @@
+.ivds-icon--sitemap {
+  --mask-image-sitemap: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M15%203V9H13V11H20V15H22V21H16V15H18V13H13V15H15V21H9V15H11V13H6V15H8V21H2V15H4V11H11V9H9V3H15ZM6%2017H4V19H6V17ZM13%2017H11V19H13V17ZM20%2017H18V19H20V17Z'%20fill='black'/%3E%3C/svg%3E");
+  --mask-image: var(--mask-image-sitemap);
+}
+
+.ivds-icon-start--sitemap {
+  --mask-image-before: var(--mask-image-sitemap);
+}
+
+.ivds-icon-end--sitemap {
+  --mask-image-after: var(--mask-image-sitemap);
+}

package/src/icons/sliders.scss

@@ -0,0 +1,12 @@
+.ivds-icon--sliders {
+  --mask-image-sliders: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M16%2015C17.3063%2015%2018.4175%2015.8349%2018.8293%2017.0001L22%2017V19L18.829%2019.0009C18.4169%2020.1656%2017.3059%2021%2016%2021C14.6941%2021%2013.5831%2020.1656%2013.171%2019.0009L2%2019V17L13.1707%2017.0001C13.5825%2015.8349%2014.6937%2015%2016%2015ZM16%2017C15.4477%2017%2015%2017.4477%2015%2018C15%2018.5523%2015.4477%2019%2016%2019C16.5523%2019%2017%2018.5523%2017%2018C17%2017.4477%2016.5523%2017%2016%2017ZM7%209C8.30625%209%209.41751%209.83485%209.82933%2011.0001L22%2011V13L9.82898%2013.0009L9.8251%2013.0118C9.42883%2014.1181%208.40112%2014.9239%207.17627%2014.9949L7%2015C5.69412%2015%204.58311%2014.1656%204.17102%2013.0009L2%2013V11L4.17067%2011.0001L4.1749%2010.9882C4.59004%209.82919%205.69819%209%207%209ZM7%2011C6.44772%2011%206%2011.4477%206%2012C6%2012.5523%206.44772%2013%207%2013C7.55228%2013%208%2012.5523%208%2012C8%2011.4477%207.55228%2011%207%2011ZM12%203C13.3063%203%2014.4175%203.83485%2014.8293%205.00009L22%205V7L14.829%207.0009C14.4169%208.16562%2013.3059%209%2012%209C10.6941%209%209.58312%208.16562%209.17102%207.0009L2%207V5L9.17067%205.00009C9.58249%203.83485%2010.6937%203%2012%203ZM12%205C11.4477%205%2011%205.44772%2011%206C11%206.55228%2011.4477%207%2012%207C12.5523%207%2013%206.55228%2013%206C13%205.44772%2012.5523%205%2012%205Z'%20fill='black'/%3E%3C/svg%3E");
+  --mask-image: var(--mask-image-sliders);
+}
+
+.ivds-icon-start--sliders {
+  --mask-image-before: var(--mask-image-sliders);
+}
+
+.ivds-icon-end--sliders {
+  --mask-image-after: var(--mask-image-sliders);
+}

package/src/icons/snapchat.scss

@@ -0,0 +1,12 @@
+.ivds-icon--snapchat {
+  --mask-image-snapchat: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M19.0714%203H4.92857C3.86384%203%203%203.86384%203%204.92857V19.0714C3%2020.1362%203.86384%2021%204.92857%2021H19.0714C20.1362%2021%2021%2020.1362%2021%2019.0714V4.92857C21%203.86384%2020.1362%203%2019.0714%203ZM18.8103%2015.6522C18.6696%2015.9777%2018.083%2016.2147%2017.0103%2016.3835C16.954%2016.4598%2016.9098%2016.7772%2016.8375%2017.0223C16.7933%2017.171%2016.6888%2017.2594%2016.5121%2017.2594H16.504C16.2549%2017.2594%2015.9897%2017.1429%2015.4674%2017.1429C14.7603%2017.1429%2014.5152%2017.3036%2013.9647%2017.6933C13.3821%2018.1071%2012.8237%2018.4607%2011.9879%2018.4246C11.1442%2018.4888%2010.4371%2017.9746%2010.0393%2017.6933C9.48482%2017.3036%209.24375%2017.1429%208.53661%2017.1429C8.03437%2017.1429%207.71696%2017.2674%207.5%2017.2674C7.28304%2017.2674%207.19866%2017.1348%207.16652%2017.0263C7.0942%2016.7812%207.05%2016.4598%206.99375%2016.3835C6.43929%2016.2991%205.19375%2016.0821%205.16563%2015.5237C5.15759%2015.379%205.25804%2015.2504%205.40268%2015.2263C7.26295%2014.921%208.09866%2013.0125%208.13482%2012.9321C8.13482%2012.9281%208.13884%2012.9241%208.14286%2012.9201C8.2433%2012.7192%208.26339%2012.5504%208.20714%2012.4179C8.07054%2012.1004%207.48795%2011.9879%207.24286%2011.8875C6.60804%2011.6384%206.51964%2011.3491%206.55982%2011.1522C6.62411%2010.8107%207.13839%2010.5978%207.43973%2010.7384C7.67679%2010.8509%207.88973%2010.9071%208.07054%2010.9071C8.20312%2010.9071%208.29152%2010.875%208.33571%2010.8509C8.27946%209.89062%208.14687%208.52054%208.48839%207.75313C9.39241%205.73214%2011.3049%205.57143%2011.8674%205.57143C11.8915%205.57143%2012.1125%205.56741%2012.1366%205.56741C13.5308%205.56741%2014.8687%206.28259%2015.5237%207.74911C15.8652%208.51652%2015.7326%209.88259%2015.6763%2010.8469C15.7205%2010.871%2015.7929%2010.8991%2015.9054%2010.9031C16.0781%2010.8951%2016.275%2010.8388%2016.496%2010.7344C16.6567%2010.658%2016.8817%2010.6701%2017.0424%2010.7344C17.2955%2010.8268%2017.4563%2011.0076%2017.4603%2011.2125C17.4643%2011.4737%2017.2312%2011.6987%2016.7692%2011.8795C16.7129%2011.9036%2016.6446%2011.9237%2016.5723%2011.9478C16.3112%2012.0321%2015.9134%2012.1567%2015.8089%2012.4098C15.7527%2012.5424%2015.7768%2012.7112%2015.8732%2012.9121C15.8772%2012.9161%2015.8772%2012.9201%2015.8813%2012.9241C15.9174%2013.0045%2016.7531%2014.9129%2018.6134%2015.2183C18.7741%2015.2585%2018.8987%2015.4393%2018.8103%2015.6522Z'%20fill='black'/%3E%3C/svg%3E");
+  --mask-image: var(--mask-image-snapchat);
+}
+
+.ivds-icon-start--snapchat {
+  --mask-image-before: var(--mask-image-snapchat);
+}
+
+.ivds-icon-end--snapchat {
+  --mask-image-after: var(--mask-image-snapchat);
+}

package/src/icons/sort-alphabetical-ascending.scss

@@ -0,0 +1,12 @@
+.ivds-icon--sort-alphabetical-ascending {
+  --mask-image-sort-alphabetical-ascending: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8%203.99999V16.5L10%2014.5L11.5%2016L7%2020.5L2.5%2016L4%2014.5L6%2016.5V3.99999H8ZM16.995%2012.96C18.835%2012.96%2020.275%2014.28%2020.275%2016.52C20.275%2018.76%2018.835%2020.12%2016.995%2020.12C15.165%2020.12%2013.725%2018.76%2013.725%2016.52C13.725%2014.28%2015.165%2012.96%2016.995%2012.96ZM16.995%2014.59C16.015%2014.59%2015.625%2015.46%2015.625%2016.52C15.625%2017.58%2016.015%2018.49%2016.995%2018.49C17.975%2018.49%2018.375%2017.58%2018.375%2016.52C18.375%2015.46%2017.975%2014.59%2016.995%2014.59ZM15.935%2011C16.435%2011%2016.805%2011.36%2016.805%2011.86C16.805%2012.36%2016.435%2012.72%2015.935%2012.72C15.435%2012.72%2015.065%2012.36%2015.065%2011.86C15.065%2011.36%2015.435%2011%2015.935%2011ZM18.065%2011C18.565%2011%2018.935%2011.36%2018.935%2011.86C18.935%2012.36%2018.565%2012.72%2018.065%2012.72C17.565%2012.72%2017.195%2012.36%2017.195%2011.86C17.195%2011.36%2017.565%2011%2018.065%2011ZM18.135%203.07999L20.465%209.99999H18.545L18.125%208.67999H15.785L15.375%209.99999H13.535L15.865%203.07999H18.135ZM16.985%204.85999H16.945L16.8651%205.21207L16.8068%205.43215L16.735%205.66999L16.265%207.15999H17.655L17.1478%205.55011L17.0845%205.31863L17.018%205.02991L16.985%204.85999Z'%20fill='black'/%3E%3C/svg%3E");
+  --mask-image: var(--mask-image-sort-alphabetical-ascending);
+}
+
+.ivds-icon-start--sort-alphabetical-ascending {
+  --mask-image-before: var(--mask-image-sort-alphabetical-ascending);
+}
+
+.ivds-icon-end--sort-alphabetical-ascending {
+  --mask-image-after: var(--mask-image-sort-alphabetical-ascending);
+}

package/src/icons/sort-alphabetical-descending.scss

@@ -0,0 +1,12 @@
+.ivds-icon--sort-alphabetical-descending {
+  --mask-image-sort-alphabetical-descending: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M16.995%2012.96C18.835%2012.96%2020.275%2014.28%2020.275%2016.52C20.275%2018.76%2018.835%2020.12%2016.995%2020.12C15.165%2020.12%2013.725%2018.76%2013.725%2016.52C13.725%2014.28%2015.165%2012.96%2016.995%2012.96ZM7%203.49999L11.5%207.99999L10%209.49999L8%207.49999V20H6V7.49999L4%209.49999L2.5%207.99999L7%203.49999ZM16.995%2014.59C16.015%2014.59%2015.625%2015.46%2015.625%2016.52C15.625%2017.58%2016.015%2018.49%2016.995%2018.49C17.975%2018.49%2018.375%2017.58%2018.375%2016.52C18.375%2015.46%2017.975%2014.59%2016.995%2014.59ZM15.935%2011C16.435%2011%2016.805%2011.36%2016.805%2011.86C16.805%2012.36%2016.435%2012.72%2015.935%2012.72C15.435%2012.72%2015.065%2012.36%2015.065%2011.86C15.065%2011.36%2015.435%2011%2015.935%2011ZM18.065%2011C18.565%2011%2018.935%2011.36%2018.935%2011.86C18.935%2012.36%2018.565%2012.72%2018.065%2012.72C17.565%2012.72%2017.195%2012.36%2017.195%2011.86C17.195%2011.36%2017.565%2011%2018.065%2011ZM18.135%203.07999L20.465%209.99999H18.545L18.125%208.67999H15.785L15.375%209.99999H13.535L15.865%203.07999H18.135ZM16.985%204.85999H16.945L16.8651%205.21207L16.8068%205.43215L16.735%205.66999L16.265%207.15999H17.655L17.1478%205.55011L17.0845%205.31863L17.018%205.02991L16.985%204.85999Z'%20fill='black'/%3E%3C/svg%3E");
+  --mask-image: var(--mask-image-sort-alphabetical-descending);
+}
+
+.ivds-icon-start--sort-alphabetical-descending {
+  --mask-image-before: var(--mask-image-sort-alphabetical-descending);
+}
+
+.ivds-icon-end--sort-alphabetical-descending {
+  --mask-image-after: var(--mask-image-sort-alphabetical-descending);
+}

package/src/icons/sort-ascending.scss

@@ -0,0 +1,12 @@
+.ivds-icon--sort-ascending {
+  --mask-image-sort-ascending: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6%204V16.5L8%2014.5L9.5%2016L5%2020.5L0.5%2016L2%2014.5L4%2016.5V4H6ZM23%2017V19H11V17H23ZM21%2013V15H11V13H21ZM19%209V11H11V9H19ZM16%205V7H11V5H16Z'%20fill='black'/%3E%3C/svg%3E");
+  --mask-image: var(--mask-image-sort-ascending);
+}
+
+.ivds-icon-start--sort-ascending {
+  --mask-image-before: var(--mask-image-sort-ascending);
+}
+
+.ivds-icon-end--sort-ascending {
+  --mask-image-after: var(--mask-image-sort-ascending);
+}

package/src/icons/sort-descending.scss

@@ -0,0 +1,12 @@
+.ivds-icon--sort-descending {
+  --mask-image-sort-descending: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M5%203.5L9.5%208L8%209.5L6%207.5V20H4V7.5L2%209.5L0.5%208L5%203.5ZM23%2017V19H11V17H23ZM21%2013V15H11V13H21ZM19%209V11H11V9H19ZM16%205V7H11V5H16Z'%20fill='black'/%3E%3C/svg%3E");
+  --mask-image: var(--mask-image-sort-descending);
+}
+
+.ivds-icon-start--sort-descending {
+  --mask-image-before: var(--mask-image-sort-descending);
+}
+
+.ivds-icon-end--sort-descending {
+  --mask-image-after: var(--mask-image-sort-descending);
+}

package/src/icons/sort.scss

@@ -0,0 +1,12 @@
+.ivds-icon--sort {
+  --mask-image-sort: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M15%2014.5L16.5%2016L12%2020.5L7.5%2016L9%2014.5L12%2017.5L15%2014.5ZM12%203.5L16.5%208L15%209.5L12%206.5L9%209.5L7.5%208L12%203.5Z'%20fill='black'/%3E%3C/svg%3E");
+  --mask-image: var(--mask-image-sort);
+}
+
+.ivds-icon-start--sort {
+  --mask-image-before: var(--mask-image-sort);
+}
+
+.ivds-icon-end--sort {
+  --mask-image-after: var(--mask-image-sort);
+}

package/src/icons/speechbubble-text.scss

@@ -0,0 +1,12 @@
+.ivds-icon--speechbubble-text {
+  --mask-image-speechbubble-text: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M19%204C21.1422%204%2022.8911%205.68397%2022.9951%207.80036L23%208V16C23%2018.1422%2021.316%2019.8911%2019.1996%2019.9951L19%2020H18C17.0124%2020%2016.1539%2020.3377%2015.3834%2021.0388L15.2071%2021.2071L14.5%2021.9142L13.7929%2021.2071C13.0357%2020.4499%2012.1936%2020.0581%2011.2256%2020.006L11%2020H5C2.8578%2020%201.10892%2018.316%201.0049%2016.1996L1%2016V8C1%205.8578%202.68397%204.10892%204.80036%204.0049L5%204H19ZM19%206H5C3.94564%206%203.08183%206.81588%203.00549%207.85074L3%208V16C3%2017.0544%203.81588%2017.9182%204.85074%2017.9945L5%2018H11C12.2948%2018%2013.4698%2018.3969%2014.4995%2019.175C15.4057%2018.4909%2016.4233%2018.1015%2017.5358%2018.0174L17.8158%2018.0027L18%2018H19C20.0544%2018%2020.9182%2017.1841%2020.9945%2016.1493L21%2016V8C21%206.94564%2020.1841%206.08183%2019.1493%206.00549L19%206ZM18%2013V15H6V13H18ZM18%209V11H6V9H18Z'%20fill='black'/%3E%3C/svg%3E");
+  --mask-image: var(--mask-image-speechbubble-text);
+}
+
+.ivds-icon-start--speechbubble-text {
+  --mask-image-before: var(--mask-image-speechbubble-text);
+}
+
+.ivds-icon-end--speechbubble-text {
+  --mask-image-after: var(--mask-image-speechbubble-text);
+}

package/src/icons/speechbubble.scss

@@ -0,0 +1,12 @@
+.ivds-icon--speechbubble {
+  --mask-image-speechbubble: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M19%204H5C2.79086%204%201%205.79086%201%208V16C1%2018.2091%202.79086%2020%205%2020H11C12.0636%2020%2012.9774%2020.3916%2013.7929%2021.2071L14.5%2021.9142L15.2071%2021.2071C16.0226%2020.3916%2016.9364%2020%2018%2020H19C21.2091%2020%2023%2018.2091%2023%2016V8C23%205.79086%2021.2091%204%2019%204ZM5%206H19C20.1046%206%2021%206.89543%2021%208V16C21%2017.1046%2020.1046%2018%2019%2018H18L17.8158%2018.0027C16.5936%2018.0387%2015.4812%2018.4339%2014.4995%2019.175C13.4698%2018.3969%2012.2948%2018%2011%2018H5C3.89543%2018%203%2017.1046%203%2016V8C3%206.89543%203.89543%206%205%206Z'%20fill='black'/%3E%3C/svg%3E");
+  --mask-image: var(--mask-image-speechbubble);
+}
+
+.ivds-icon-start--speechbubble {
+  --mask-image-before: var(--mask-image-speechbubble);
+}
+
+.ivds-icon-end--speechbubble {
+  --mask-image-after: var(--mask-image-speechbubble);
+}

package/src/icons/star-fill.scss

@@ -0,0 +1,12 @@
+.ivds-icon--star-fill {
+  --mask-image-star-fill: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M5.20198%2022.2312L5.41934%2020.5028L6.15589%2014.6557L2.18333%2010.3775L1%209.11495L2.69047%208.78397L8.40175%207.70525L11.1789%202.53228L12%201L12.8211%202.53228L15.5982%207.70525L21.3095%208.78397L23%209.11495L21.8167%2010.3775L17.832%2014.6679L18.5686%2020.5028L18.798%2022.2312L17.2404%2021.4835L12%2018.9705L6.75961%2021.4835L5.20198%2022.2312H5.20198Z'%20fill='black'/%3E%3C/svg%3E");
+  --mask-image: var(--mask-image-star-fill);
+}
+
+.ivds-icon-start--star-fill {
+  --mask-image-before: var(--mask-image-star-fill);
+}
+
+.ivds-icon-end--star-fill {
+  --mask-image-after: var(--mask-image-star-fill);
+}

package/src/icons/star.scss

@@ -0,0 +1,12 @@
+.ivds-icon--star {
+  --mask-image-star: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M5.20198%2022.2312L5.41934%2020.5028L6.15589%2014.6557L2.18333%2010.3775L1%209.11495L2.69047%208.78397L8.40175%207.70525L11.1789%202.53228L12%201L12.8211%202.53228L15.5982%207.70525L21.3095%208.78397L23%209.11495L21.8167%2010.3775L17.832%2014.6679L18.5686%2020.5028L18.798%2022.2312L17.2404%2021.4835L12%2018.9705L6.75961%2021.4835L5.20198%2022.2312H5.20198ZM7.49616%2019.0196L11.6015%2017.046L12%2016.8621L12.3985%2017.046L16.4918%2019.0196L15.9122%2014.4595L15.8518%2014.006L16.1657%2013.6873L19.2689%2010.3408L14.8255%209.49495L14.3787%209.40915L14.1734%209.00462L12%204.95941L9.82657%209.00462L9.60922%209.40915L9.17454%209.49495L4.73107%2010.3408L7.83426%2013.6873L8.13614%2014.006L8.08782%2014.4595L7.49616%2019.0196Z'%20fill='black'/%3E%3C/svg%3E");
+  --mask-image: var(--mask-image-star);
+}
+
+.ivds-icon-start--star {
+  --mask-image-before: var(--mask-image-star);
+}
+
+.ivds-icon-end--star {
+  --mask-image-after: var(--mask-image-star);
+}

package/src/icons/swap-user.scss

@@ -0,0 +1,12 @@
+.ivds-icon--swap-user {
+  --mask-image-swap-user: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6%205C6.55228%205%207%204.55228%207%204C7%203.44772%206.55228%203%206%203C5.44772%203%205%203.44772%205%204C5%204.55228%205.44772%205%206%205ZM6%207C7.65685%207%209%205.65685%209%204C9%202.34315%207.65685%201%206%201C4.34315%201%203%202.34315%203%204C3%205.65685%204.34315%207%206%207ZM18%2014C18.5523%2014%2019%2013.5523%2019%2013C19%2012.4477%2018.5523%2012%2018%2012C17.4477%2012%2017%2012.4477%2017%2013C17%2013.5523%2017.4477%2014%2018%2014ZM18%2016C19.6569%2016%2021%2014.6569%2021%2013C21%2011.3431%2019.6569%2010%2018%2010C16.3431%2010%2015%2011.3431%2015%2013C15%2014.6569%2016.3431%2016%2018%2016ZM4%2010C3.44772%2010%203%2010.4477%203%2011V12H9V11C9%2010.4477%208.55228%2010%208%2010H4ZM1%2011C1%209.34315%202.34315%208%204%208H8C9.65685%208%2011%209.34315%2011%2011V14H1V11ZM16%2019C15.4477%2019%2015%2019.4477%2015%2020V21H21V20C21%2019.4477%2020.5523%2019%2020%2019H16ZM13%2020C13%2018.3431%2014.3431%2017%2016%2017H20C21.6569%2017%2023%2018.3431%2023%2020V23H13V20ZM16%203H12.9998V1H16C17.6569%201%2019%202.34315%2019%204V5.08578L20.2929%203.79289L21.7071%205.20711L18%208.91421L14.2929%205.20711L15.7071%203.79289L17%205.08579V4C17%203.44772%2016.5523%203%2016%203ZM6%2015.0858L9.70711%2018.7929L8.29289%2020.2071L6.99999%2018.9142V20C6.99999%2020.5523%207.44771%2021%207.99999%2021H11V23H7.99999C6.34313%2023%204.99999%2021.6569%204.99999%2020V18.9142L3.70711%2020.2071L2.29289%2018.7929L6%2015.0858Z'%20fill='black'/%3E%3C/svg%3E");
+  --mask-image: var(--mask-image-swap-user);
+}
+
+.ivds-icon-start--swap-user {
+  --mask-image-before: var(--mask-image-swap-user);
+}
+
+.ivds-icon-end--swap-user {
+  --mask-image-after: var(--mask-image-swap-user);
+}

package/src/icons/text-bold.scss

@@ -0,0 +1,12 @@
+.ivds-icon--text-bold {
+  --mask-image-text-bold: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M3%2020V17H5V7H3V4H14V4.027L14.2481%204.00693C14.3315%204.00233%2014.4155%204%2014.5%204C16.9853%204%2019%206.01472%2019%208.5C19%209.47921%2018.6872%2010.3854%2018.1562%2011.124C19.2815%2012.0389%2020%2013.4355%2020%2015C20%2017.6888%2017.8777%2019.8818%2015.2169%2019.9954L15%2020H3ZM15%2017C16.1046%2017%2017%2016.1046%2017%2015C17%2013.8954%2016.1046%2013%2015%2013H8V17H15ZM8%2010H14C15.1046%2010%2016%209.32843%2016%208.5C16%207.67157%2015.1046%207%2014%207H8V10Z'%20fill='black'/%3E%3C/svg%3E");
+  --mask-image: var(--mask-image-text-bold);
+}
+
+.ivds-icon-start--text-bold {
+  --mask-image-before: var(--mask-image-text-bold);
+}
+
+.ivds-icon-end--text-bold {
+  --mask-image-after: var(--mask-image-text-bold);
+}

package/src/icons/text-italic.scss

@@ -0,0 +1,12 @@
+.ivds-icon--text-italic {
+  --mask-image-text-italic: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M16%204V6H13.75L12.25%2018H14V20H8V18H10.25L11.75%206H10V4H16Z'%20fill='black'/%3E%3C/svg%3E");
+  --mask-image: var(--mask-image-text-italic);
+}
+
+.ivds-icon-start--text-italic {
+  --mask-image-before: var(--mask-image-text-italic);
+}
+
+.ivds-icon-end--text-italic {
+  --mask-image-after: var(--mask-image-text-italic);
+}

package/src/icons/text-tool.scss

@@ -0,0 +1,12 @@
+.ivds-icon--text-tool {
+  --mask-image-text-tool: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8%2020V18H11V6H6V8H4V4H20V8H18V6H13V18H16V20H8Z'%20fill='black'/%3E%3C/svg%3E");
+  --mask-image: var(--mask-image-text-tool);
+}
+
+.ivds-icon-start--text-tool {
+  --mask-image-before: var(--mask-image-text-tool);
+}
+
+.ivds-icon-end--text-tool {
+  --mask-image-after: var(--mask-image-text-tool);
+}

package/src/icons/thumbs-down-fill.scss

@@ -0,0 +1,12 @@
+.ivds-icon--thumbs-down-fill {
+  --mask-image-thumbs-down-fill: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M20.9998%2015H16.9998C16.4475%2015%2015.9998%2014.5523%2015.9998%2014V7C15.9998%206.44772%2016.4475%206%2016.9998%206H20.9998V15ZM10.5701%2020C9.07487%2020%208.18171%2018.7507%208.18171%2017.5435C8.18171%2017.1311%208.33103%2016.456%208.60226%2015.6664L8.68726%2015.4262H5.28302C4.02441%2015.4262%203.00001%2014.3537%203.00001%2013.0361C3.00001%2012.2075%203.4125%2011.4968%204.03893%2011.0386C3.99684%2010.8565%203.97501%2010.6697%203.97501%2010.48C3.97501%209.66926%204.365%208.93958%204.97316%208.50563C4.95878%208.39795%204.95133%208.28862%204.95133%208.17983C4.95133%207.38265%205.32836%206.65833%205.93414%206.22153C6.01371%205.03573%206.92262%204.08586%208.05554%204.00551L8.21136%204H10.0021C11.1417%204%2012.2695%204.36647%2013.2093%205.03464L13.4228%205.19416L14.6729%206.17706C14.8565%206.32125%2014.9657%206.52902%2014.9931%206.74934L14.9998%206.82011V14.5128L14.997%2014.514L14.9998%2014.5723C14.9998%2014.8445%2014.9223%2015.0002%2014.7869%2015.1475L14.6883%2015.2457L14.375%2015.527C14.3275%2015.5714%2014.2779%2015.6195%2014.2265%2015.6726L14.0665%2015.8478C13.7636%2016.2004%2013.4099%2016.7381%2013.0409%2017.6584L12.806%2018.2676L12.7039%2018.5095C12.3624%2019.2738%2011.828%2020%2010.5701%2020Z'%20fill='black'/%3E%3C/svg%3E");
+  --mask-image: var(--mask-image-thumbs-down-fill);
+}
+
+.ivds-icon-start--thumbs-down-fill {
+  --mask-image-before: var(--mask-image-thumbs-down-fill);
+}
+
+.ivds-icon-end--thumbs-down-fill {
+  --mask-image-after: var(--mask-image-thumbs-down-fill);
+}