Merge pull request #821 from NoRedInk/tessa/add-self-review-icons

Tessa/add self review icons

src/Nri/Ui/UiIcon/V1.elm

@@ -10,7 +10,7 @@ module Nri.Ui.UiIcon.V1 exposing
     , person, couple, class, leaderboard, performance
     , calendar, clock
     , missingDocument, document, documents, newspaper, openBook, openBooks
-    , edit, pen
+    , edit, pen, highlighter
     , speechBalloon, mail
     , arrowTop, arrowRight, arrowDown, arrowLeft, arrowPointingRight, arrowPointingRightThick
     , checkmark, checkmarkInCircle, x
@@ -18,11 +18,12 @@ module Nri.Ui.UiIcon.V1 exposing
     , flag, star, starFilled, starOutline
     , equals, plus, null
     , key, lock, premiumLock
-    , badge
+    , badge, tada
     , bold, italic, underline, list, link, undo, redo
     , home, library
     , search, searchInCicle
     , openQuotationMark, closeQuotationMark
+    , microscope, scale
     )
 
 {-| How to add new icons: <https://paper.dropbox.com/doc/How-to-create-a-new-SVG-icon-for-use-in-Elm--Ay9uhSLfGUAix0ERIiJ0Dm8dAg-8WNqtARdr4EgjmYEHPeYD>
@@ -38,7 +39,7 @@ module Nri.Ui.UiIcon.V1 exposing
 @docs person, couple, class, leaderboard, performance
 @docs calendar, clock
 @docs missingDocument, document, documents, newspaper, openBook, openBooks
-@docs edit, pen
+@docs edit, pen, highlighter
 @docs speechBalloon, mail
 @docs arrowTop, arrowRight, arrowDown, arrowLeft, arrowPointingRight, arrowPointingRightThick
 @docs checkmark, checkmarkInCircle, x
@@ -46,11 +47,12 @@ module Nri.Ui.UiIcon.V1 exposing
 @docs flag, star, starFilled, starOutline
 @docs equals, plus, null
 @docs key, lock, premiumLock
-@docs badge
+@docs badge, tada
 @docs bold, italic, underline, list, link, undo, redo
 @docs home, library
 @docs search, searchInCicle
 @docs openQuotationMark, closeQuotationMark
+@docs microscope, scale
 
     import Html.Styled exposing (..)
     import Nri.Ui.Colors.V1 as Colors
@@ -1767,3 +1769,91 @@ mail =
         [ Svg.path [ Attributes.d "M78.125,0 L9.375,0 C4.1992,0 0,4.1992 0,9.375 L0,53.125 C0,58.3008 4.1992,62.5 9.375,62.5 L78.125,62.5 C83.3008,62.5 87.5,58.3008 87.5,53.125 L87.5,9.375 C87.5,4.1992 83.3008,0 78.125,0 Z M75.8438,6.25 L45.6558,27.562 C44.4956,28.31591 43.0035,28.31591 41.8433,27.562 L11.6553,6.25 L75.8438,6.25 Z M78.125,56.25 L9.375,56.25 C7.6484,56.25 6.25,54.8516 6.25,53.125 L6.25,10.063 L38.25,32.657 C41.5586,34.95 45.9414,34.95 49.25,32.657 L81.25,10.063 L81.25,53.125 C81.25,53.95312 80.92188,54.75 80.33594,55.3359 C79.75,55.92184 78.95314,56.25 78.12504,56.25 L78.125,56.25 Z" ] []
         ]
         |> Nri.Ui.Svg.V1.fromHtml
+
+
+{-| -}
+highlighter : Nri.Ui.Svg.V1.Svg
+highlighter =
+    Svg.svg
+        [ Attributes.viewBox "0 0 25 25"
+        , Attributes.width "100%"
+        , Attributes.height "100%"
+        , Attributes.fill "currentcolor"
+        ]
+        [ Svg.path
+            [ Attributes.d "M13.13 17.764l-6.697-6.697L19.828.351l4.018 4.02L13.13 17.763zm-7.352-3.809l-.014-2.218 6.698 6.698-2.22-.013-4.478 2.691-2.679-2.678 2.693-4.48zm-2.693 5.819l1.339 1.34-.67.669H1.077l2.01-2.01zm-2.008 4.851V22.73h24.625v1.895H1.077z" ]
+            []
+        ]
+        |> Nri.Ui.Svg.V1.fromHtml
+
+
+{-| -}
+scale : Nri.Ui.Svg.V1.Svg
+scale =
+    Svg.svg
+        [ Attributes.viewBox "0 0 91 87"
+        , Attributes.width "100%"
+        , Attributes.height "100%"
+        , Attributes.fill "currentcolor"
+        ]
+        [ Svg.path
+            [ Attributes.d "M79.731 29.219a5.886 5.886 0 0 0-5.105-8.816l-23.594-4.704V5.887A5.888 5.888 0 0 0 45.145 0a5.886 5.886 0 0 0-5.887 5.887v9.812l-23.594 4.703a5.888 5.888 0 0 0-5.105 8.817L0 50.489h.004H0c0 8.633 7.023 15.656 15.656 15.656 8.633 0 15.66-7.024 15.66-15.656h-.004.004L20.765 29.223a5.862 5.862 0 0 0 .781-2.93h17.707v54.176h-4.722c-1.622 0-2.946 1.316-2.946 2.922 0 1.605 1.324 2.922 2.946 2.922h21.215c1.62 0 2.945-1.313 2.945-2.922 0-1.606-1.324-2.922-2.945-2.922h-4.72V26.293l17.708-.004c0 1.066.285 2.066.781 2.93L58.964 50.485h.004-.004c0 8.633 7.023 15.656 15.656 15.656 8.633 0 15.66-7.024 15.66-15.656h-.004.004L79.731 29.219zm-54.988 21.27H6.571l9.086-18.31 9.086 18.31zm49.88 0h-9.087l9.086-18.31 9.086 18.31h-9.086z" ]
+            []
+        ]
+        |> Nri.Ui.Svg.V1.fromHtml
+
+
+{-| -}
+microscope : Nri.Ui.Svg.V1.Svg
+microscope =
+    Svg.svg
+        [ Attributes.viewBox "0 0 71 100"
+        , Attributes.width "100%"
+        , Attributes.height "100%"
+        , Attributes.fill "currentcolor"
+        ]
+        [ Svg.g
+            [ Attributes.stroke "none"
+            , Attributes.strokeWidth "1"
+            , Attributes.fillRule "evenodd"
+            ]
+            [ Svg.g [ Attributes.transform "translate(0.000000, -90.000000)" ]
+                [ Svg.path
+                    [ Attributes.d "M66.2766,176.0467 L47.8116,176.0467 C58.2916,171.8944 65.7066,161.6797 65.7066,149.7187 C65.7066,143.3554 63.5816,137.4957 60.0347,132.7697 C60.75345,131.1916 61.1636,129.4494 61.1636,127.6056 C61.1636,121.1095 56.1948,115.7736 49.8516,115.1836 L53.0821,109.9141 C54.3712,107.8125 53.73054,105.0547 51.668,103.7227 L57.6446,93.9766 L51.1602,90 L45.1836,99.7461 C43.0625,98.5117 40.3125,99.18751 39.0234,101.2891 L19.0074,133.9221 L15.4918,131.7659 L10.5152,139.8792 L31.6052,152.8202 L36.5857,144.7069 L33.0701,142.5507 L38.1482,134.2695 C40.3591,137.7617 44.2498,140.0859 48.6872,140.0859 C49.7145,140.0859 50.7106,139.94918 51.6677,139.71481 C53.6599,142.54681 54.8396,146.00001 54.8396,149.72281 C54.8396,159.35951 47.0271,167.16781 37.3906,167.16781 C34.4883,167.16781 31.7578,166.43734 29.3476,165.17951 L34.082,165.17951 L34.082,158.46861 L0,158.4647 L0,165.1756 L13.703,165.1756 C16.8866,170.0389 21.5116,173.8748 26.992,176.0426 L6.137,176.04651 C3.6331,176.04651 1.5862,178.09341 1.5862,180.593407 L1.5862,185.452807 C1.5862,187.956707 3.637,189.999707 6.137,189.999707 L66.282,189.999707 C68.782,189.999707 70.8289,187.956707 70.8289,185.452807 L70.8289,180.593407 C70.8289,178.08951 68.782,176.04651 66.2781,176.04651 L66.2766,176.0467 Z" ]
+                    []
+                ]
+            ]
+        ]
+        |> Nri.Ui.Svg.V1.fromHtml
+
+
+{-| -}
+tada : Nri.Ui.Svg.V1.Svg
+tada =
+    Svg.svg
+        [ Attributes.viewBox "0 0 21 21"
+        , Attributes.width "100%"
+        , Attributes.height "100%"
+        , Attributes.fill "currentcolor"
+        ]
+        [ Svg.g
+            [ Attributes.stroke "none"
+            , Attributes.strokeWidth "1"
+            , Attributes.fillRule "evenodd"
+            ]
+            [ Svg.g [ Attributes.transform "translate(0.045584, 0.202336)" ]
+                [ Svg.path [ Attributes.d "M1.09534604,19.6013845 C0.826462544,19.6013845 0.557555544,19.4996403 0.346788144,19.303431 C0.0270206944,18.9981989 -0.0820025556,18.554873 0.0633462444,18.140641 L4.12590404,6.51994401 C4.22764904,6.23650401 4.53288104,6.08389401 4.82357904,6.18564401 C5.10702104,6.28738401 5.25962504,6.59261401 5.15788104,6.88331401 L1.09532304,18.496804 L12.338116,13.809362 C12.614276,13.693083 12.934046,13.823897 13.050326,14.100059 C13.166606,14.376222 13.035786,14.69599 12.759626,14.812269 L1.52427604,19.5071514 C1.38619504,19.5725584 1.24083504,19.6016282 1.09548604,19.6016282 L1.09534604,19.6013845 Z" ] []
+                , Svg.path [ Attributes.d "M12.185576,14.921152 C10.826556,14.921152 8.80627604,13.605757 7.17836904,12.065106 C6.06646304,11.011338 5.14348604,9.87033801 4.59836904,8.85301401 C3.76988104,7.32685401 4.02423004,6.55650401 4.38761404,6.17138401 C4.74370704,5.79347401 5.50680004,5.49552401 7.07645104,6.22952401 C8.12296304,6.72371401 9.31482304,7.57399401 10.426686,8.62766401 C12.556036,10.633478 14.336446,13.336966 13.224586,14.514176 C12.955706,14.797617 12.599586,14.921152 12.185336,14.921152 L12.185576,14.921152 Z M5.40511404,6.86882401 C5.28156704,6.86882401 5.20162504,6.89063401 5.17255604,6.92696401 C5.09261404,7.01417401 5.07807904,7.46475401 5.55046304,8.33685401 C6.04464904,9.25254401 6.88767204,10.299059 7.91976504,11.272897 C10.274416,13.496734 12.163946,14.041734 12.418366,13.772897 C12.672786,13.504059 12.018646,11.650804 9.66395104,9.42685401 C8.63197404,8.45301401 7.54185804,7.66813401 6.59697404,7.22480401 C6.03011404,6.95592401 5.63767204,6.86871401 5.40511404,6.86871401 L5.40511404,6.86882401 Z" ] []
+                , Svg.path [ Attributes.d "M7.11999704,16.905106 C4.72906704,15.524292 3.13743904,13.169757 2.40348604,11.883245 L3.34825304,11.345455 C4.02411404,12.530059 5.49216004,14.710338 7.65778804,15.960338 L7.11999704,16.905106 Z" ] []
+                , Svg.path [ Attributes.d "M2.56348604,18.649292 C1.95302104,18.11878 1.36436904,17.486501 0.812043944,16.781571 L1.66960204,16.112966 C2.17832304,16.759757 2.71611404,17.341152 3.27569504,17.828083 L2.56348604,18.649292 Z" ] []
+                , Svg.path [ Attributes.d "M11.029996,7.85719401 C10.942786,7.85719401 10.855576,7.82813401 10.782906,7.76272401 C10.637556,7.62464401 10.623016,7.39935401 10.761106,7.24672401 C11.204406,6.75979401 11.785796,6.85428401 12.250916,6.94149401 C12.701496,7.02143401 12.919516,7.03596401 13.079406,6.86154401 C13.239286,6.68713401 13.202946,6.47638401 13.079406,6.03306401 C12.955856,5.57519401 12.803246,5.00836401 13.246556,4.52143401 C13.689866,4.03450401 14.271256,4.12899401 14.736366,4.21619401 C15.186946,4.29614401 15.404976,4.31067401 15.564856,4.13625401 C15.724746,3.96183401 15.688406,3.74381401 15.572126,3.30049401 C15.448576,2.84263401 15.295966,2.27579401 15.739276,1.78886401 C16.182586,1.30193401 16.763976,1.39642401 17.229086,1.47635401 C17.686946,1.55629401 17.897696,1.57082401 18.057576,1.39640401 C18.195656,1.25106401 18.420946,1.23652401 18.573576,1.37460401 C18.718926,1.51268401 18.733466,1.73797401 18.595386,1.89060401 C18.152076,2.37753401 17.570686,2.28304401 17.105566,2.19583401 C16.647706,2.11589401 16.436966,2.10136401 16.277076,2.27578401 C16.117196,2.45019401 16.153536,2.66822401 16.269816,3.11154401 C16.393356,3.56940401 16.545976,4.13624401 16.102656,4.62317401 C15.659346,5.11010401 15.077966,5.01561401 14.612846,4.92840401 C14.154986,4.84846401 13.944246,4.83393401 13.784356,5.00835401 C13.624476,5.18276401 13.660816,5.39351401 13.784356,5.83683401 C13.907906,6.29469401 14.060516,6.86153401 13.617206,7.34846401 C13.173896,7.83539401 12.592506,7.74090401 12.127396,7.65369401 C11.676816,7.57375401 11.458786,7.55922401 11.298906,7.73364401 C11.233496,7.82085401 11.131756,7.85718401 11.030016,7.85718401 L11.029996,7.85719401 Z" ] []
+                , Svg.path [ Attributes.d "M9.89627604,5.83696401 L9.84540404,5.83696401 C9.64918304,5.81516401 9.51110204,5.61167401 9.53289304,5.41545401 C9.59103204,4.89945401 10.143356,4.76866401 10.593936,4.65964401 C10.732016,4.63057401 10.942776,4.57969401 11.051796,4.52882401 C10.957326,4.45615401 10.761106,4.36167401 10.637566,4.29626401 C10.223336,4.09278401 9.71459004,3.83840401 9.77273004,3.32243401 C9.83086904,2.80645401 10.383196,2.67564401 10.833776,2.56661401 C10.971856,2.53754401 11.182616,2.48667401 11.291636,2.43580401 C11.197156,2.36313401 11.000936,2.26138401 10.877406,2.20324401 C10.470426,1.99975401 9.95442604,1.74538401 10.012566,1.22940401 C10.070706,0.71343401 10.623036,0.58261401 11.073616,0.47359401 C11.248036,0.42999401 11.538726,0.36458401 11.596866,0.29917401 C11.618676,0.10295401 11.785826,-0.0133359901 11.989316,0.00122400993 C12.185536,0.0230240099 12.323616,0.22651401 12.301826,0.42273401 C12.243686,0.93873401 11.691356,1.06952401 11.240776,1.17854401 C11.102696,1.21488401 10.891936,1.26575401 10.782916,1.31663401 C10.877396,1.38930401 11.073616,1.49104401 11.204426,1.54918401 C11.611406,1.75267401 12.127406,2.00704401 12.069266,2.52302401 C12.011126,3.03900401 11.458796,3.16981401 11.008216,3.27883401 C10.870136,3.30790401 10.659386,3.35878401 10.550356,3.40965401 C10.644836,3.48232401 10.841056,3.57680401 10.964586,3.64221401 C11.371566,3.84569401 11.887566,4.10007401 11.829426,4.60876401 C11.771286,5.12476401 11.218966,5.25556401 10.768386,5.36458401 C10.593966,5.40818401 10.303266,5.47359401 10.245126,5.53900401 C10.223326,5.72068401 10.070706,5.83695401 9.89628804,5.83695401 L9.89627604,5.83696401 Z" ] []
+                , Svg.path [ Attributes.d "M9.89627604,5.83696401 L9.84540404,5.83696401 C9.64918304,5.81516401 9.51110204,5.61167401 9.53289304,5.41545401 C9.59103204,4.89945401 10.143356,4.76866401 10.593936,4.65964401 C10.732016,4.63057401 10.942776,4.57969401 11.051796,4.52882401 C10.957326,4.45615401 10.761106,4.36167401 10.637566,4.29626401 C10.223336,4.09278401 9.71459004,3.83840401 9.77273004,3.32243401 C9.83086904,2.80645401 10.383196,2.67564401 10.833776,2.56661401 C10.971856,2.53754401 11.182616,2.48667401 11.291636,2.43580401 C11.197156,2.36313401 11.000936,2.26138401 10.877406,2.20324401 C10.470426,1.99975401 9.95442604,1.74538401 10.012566,1.22940401 C10.070706,0.71343401 10.623036,0.58261401 11.073616,0.47359401 C11.248036,0.42999401 11.538726,0.36458401 11.596866,0.29917401 C11.618676,0.10295401 11.785826,-0.0133359901 11.989316,0.00122400993 C12.185536,0.0230240099 12.323616,0.22651401 12.301826,0.42273401 C12.243686,0.93873401 11.691356,1.06952401 11.240776,1.17854401 C11.102696,1.21488401 10.891936,1.26575401 10.782916,1.31663401 C10.877396,1.38930401 11.073616,1.49104401 11.204426,1.54918401 C11.611406,1.75267401 12.127406,2.00704401 12.069266,2.52302401 C12.011126,3.03900401 11.458796,3.16981401 11.008216,3.27883401 C10.870136,3.30790401 10.659386,3.35878401 10.550356,3.40965401 C10.644836,3.48232401 10.841056,3.57680401 10.964586,3.64221401 C11.371566,3.84569401 11.887566,4.10007401 11.829426,4.60876401 C11.771286,5.12476401 11.218966,5.25556401 10.768386,5.36458401 C10.593966,5.40818401 10.303266,5.47359401 10.245126,5.53900401 C10.223326,5.72068401 10.070706,5.83695401 9.89628804,5.83695401 L9.89627604,5.83696401 Z" ] []
+                , Svg.path [ Attributes.d "M14.845346,10.531617 C14.409296,10.531617 14.154926,10.081036 13.944186,9.71766401 C13.856976,9.56504401 13.711626,9.30343401 13.631676,9.25980401 C13.428186,9.28887401 13.268296,9.16532401 13.239226,8.96910401 C13.202896,8.77288401 13.362776,8.58394401 13.558996,8.55487401 C14.074996,8.47493401 14.351136,8.96185401 14.576436,9.36157401 C14.641846,9.48511401 14.750856,9.66680401 14.830816,9.76129401 C14.874416,9.64501401 14.910756,9.43426401 14.939826,9.29617401 C15.019766,8.84559401 15.121506,8.28599401 15.630246,8.19878401 C16.138966,8.11883401 16.422386,8.60575401 16.647686,9.00547401 C16.720356,9.12902401 16.822106,9.31799401 16.902056,9.41245401 C16.945656,9.29617401 16.981996,9.08543401 17.011066,8.94733401 C17.091006,8.49675401 17.192756,7.93715401 17.701486,7.84994401 C18.217486,7.77000401 18.493626,8.25692401 18.718926,8.65664401 C18.806136,8.80925401 18.951486,9.07087401 19.031436,9.11450401 C19.234926,9.07816401 19.394816,9.20897401 19.423886,9.40519401 C19.452946,9.60142401 19.300336,9.79036401 19.104116,9.81943101 C18.588116,9.89937301 18.311976,9.41245401 18.086676,9.01273401 C18.013996,8.88918401 17.912256,8.70022401 17.825046,8.60575401 C17.781436,8.72203401 17.745106,8.93278401 17.716036,9.07087401 C17.636086,9.52145401 17.534346,10.081059 17.018356,10.168269 C16.502366,10.255478 16.226216,9.76129401 16.000916,9.36157401 C15.935506,9.23802401 15.826496,9.04906401 15.746546,8.96185401 C15.702936,9.07813401 15.666606,9.28887401 15.637536,9.42696401 C15.557586,9.87754801 15.455846,10.437152 14.947116,10.524362 C14.918046,10.531629 14.881706,10.531629 14.845366,10.531629 L14.845346,10.531617 Z" ] []
+                , Svg.path [ Attributes.d "M14.845346,10.531617 C14.409296,10.531617 14.154926,10.081036 13.944186,9.71766401 C13.856976,9.56504401 13.711626,9.30343401 13.631676,9.25980401 C13.428186,9.28887401 13.268296,9.16532401 13.239226,8.96910401 C13.202896,8.77288401 13.362776,8.58394401 13.558996,8.55487401 C14.074996,8.47493401 14.351136,8.96185401 14.576436,9.36157401 C14.641846,9.48511401 14.750856,9.66680401 14.830816,9.76129401 C14.874416,9.64501401 14.910756,9.43426401 14.939826,9.29617401 C15.019766,8.84559401 15.121506,8.28599401 15.630246,8.19878401 C16.138966,8.11883401 16.422386,8.60575401 16.647686,9.00547401 C16.720356,9.12902401 16.822106,9.31799401 16.902056,9.41245401 C16.945656,9.29617401 16.981996,9.08543401 17.011066,8.94733401 C17.091006,8.49675401 17.192756,7.93715401 17.701486,7.84994401 C18.217486,7.77000401 18.493626,8.25692401 18.718926,8.65664401 C18.806136,8.80925401 18.951486,9.07087401 19.031436,9.11450401 C19.234926,9.07816401 19.394816,9.20897401 19.423886,9.40519401 C19.452946,9.60142401 19.300336,9.79036401 19.104116,9.81943101 C18.588116,9.89937301 18.311976,9.41245401 18.086676,9.01273401 C18.013996,8.88918401 17.912256,8.70022401 17.825046,8.60575401 C17.781436,8.72203401 17.745106,8.93278401 17.716036,9.07087401 C17.636086,9.52145401 17.534346,10.081059 17.018356,10.168269 C16.502366,10.255478 16.226216,9.76129401 16.000916,9.36157401 C15.935506,9.23802401 15.826496,9.04906401 15.746546,8.96185401 C15.702936,9.07813401 15.666606,9.28887401 15.637536,9.42696401 C15.557586,9.87754801 15.455846,10.437152 14.947116,10.524362 C14.918046,10.531629 14.881706,10.531629 14.845366,10.531629 L14.845346,10.531617 Z" ] []
+                , Svg.path [ Attributes.d "M8.35557904,4.67417401 C8.35557904,5.51719401 7.09104404,5.51719401 7.09104404,4.67417401 C7.09104404,3.83115401 8.35557904,3.83115401 8.35557904,4.67417401 Z" ] []
+                , Svg.path [ Attributes.d "M15.782786,12.195804 C15.782786,13.038827 14.518256,13.038827 14.518256,12.195804 C14.518256,11.35278 15.782786,11.35278 15.782786,12.195804 Z" ] []
+                ]
+            ]
+        ]
+        |> Nri.Ui.Svg.V1.fromHtml

styleguide-app/Examples/UiIcon.elm

@@ -77,18 +77,22 @@ example =
                 ]
             , IconExamples.view "Guidance"
                 [ ( "footsteps", UiIcon.footsteps )
-                , ( "compass", UiIcon.compass )
-                , ( "speedometer", UiIcon.speedometer )
                 , ( "bulb", UiIcon.bulb )
                 , ( "help", UiIcon.help )
                 , ( "checklist", UiIcon.checklist )
                 ]
+            , IconExamples.view "Science & Measurement"
+                [ ( "compass", UiIcon.compass )
+                , ( "speedometer", UiIcon.speedometer )
+                , ( "performance", UiIcon.performance )
+                , ( "microscope", UiIcon.microscope )
+                , ( "scale", UiIcon.scale )
+                ]
             , IconExamples.view "Humans & Class"
                 [ ( "person", UiIcon.person )
                 , ( "couple", UiIcon.couple )
                 , ( "class", UiIcon.class )
                 , ( "leaderboard", UiIcon.leaderboard )
-                , ( "performance", UiIcon.performance )
                 ]
             , IconExamples.view "Time"
                 [ ( "calendar", UiIcon.calendar )
@@ -109,6 +113,7 @@ example =
             , IconExamples.view "Writing Utensils"
                 [ ( "edit", UiIcon.edit )
                 , ( "pen", UiIcon.pen )
+                , ( "highlighter", UiIcon.highlighter )
                 ]
             , IconExamples.view "Arrows"
                 [ ( "arrowTop", UiIcon.arrowTop )
@@ -136,8 +141,9 @@ example =
                 , ( "starFilled", UiIcon.starFilled )
                 , ( "starOutline", UiIcon.starOutline )
                 ]
-            , IconExamples.view "Badges & Levels"
+            , IconExamples.view "Badges & Celebration"
                 [ ( "badge", UiIcon.badge )
+                , ( "tada", UiIcon.tada )
                 ]
             , IconExamples.view "Lock & Key"
                 [ ( "key", UiIcon.key )