cozy-ui 122.10.1 → 122.11.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [122.11.0](https://github.com/cozy/cozy-ui/compare/v122.10.1...v122.11.0) (2025-04-24)
+
+
+### Features
+
+* Add Photos icon and title ([d89dcf9](https://github.com/cozy/cozy-ui/commit/d89dcf9))
+
 ## [122.10.1](https://github.com/cozy/cozy-ui/compare/v122.10.0...v122.10.1) (2025-04-17)
 
 

package/assets/icons/twake/illus/photos-text.svg

@@ -0,0 +1 @@
+<svg width="554" height="140" viewBox="0 0 554 140" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.91 137.248V6.039h44.237c29.428 0 47.422 13.87 47.422 41.424 0 27.742-17.994 42.175-47.422 42.175H27.152v47.61H.911ZM27.153 66.02h16.495c14.246 0 22.306-5.81 22.306-18.37 0-12.37-8.06-18.18-22.306-18.18H27.152v36.55Z" fill="url(#paint0_linear_12748_109)"/><path d="M101.909 137.248V.416h25.304v52.858c5.249-10.497 14.808-15.745 29.429-15.745 20.993 0 37.113 15.558 37.113 40.112v59.607H168.45V83.827c0-16.87-8.434-24.18-20.993-24.18-10.684 0-20.244 7.31-20.244 24.18v53.421h-25.304Z" fill="url(#paint1_linear_12748_109)"/><path d="M256.066 139.684c-30.178 0-51.921-22.868-51.921-50.984 0-28.116 21.743-51.171 51.921-51.171s51.921 23.055 51.921 51.171-21.743 50.984-51.921 50.984ZM229.449 88.7c0 15.183 10.497 27.929 26.617 27.929s26.616-12.746 26.616-27.929c0-15.182-10.496-28.116-26.616-28.116-16.12 0-26.617 12.934-26.617 28.116Z" fill="url(#paint2_linear_12748_109)"/><path d="M350.804 137.248c-19.306 0-29.803-8.998-29.803-30.178V61.334h-13.683V39.778h13.683v-19.68l25.304-2.625v22.305h20.619v21.556h-20.619v44.423c0 6.186 2.999 8.998 7.873 8.998h10.497v22.493h-13.871Z" fill="url(#paint3_linear_12748_109)"/><path d="M420.992 139.684c-30.178 0-51.921-22.868-51.921-50.984 0-28.116 21.743-51.171 51.921-51.171s51.921 23.055 51.921 51.171-21.743 50.984-51.921 50.984ZM394.375 88.7c0 15.183 10.497 27.929 26.617 27.929s26.616-12.746 26.616-27.929c0-15.182-10.496-28.116-26.616-28.116-16.12 0-26.617 12.934-26.617 28.116Z" fill="url(#paint4_linear_12748_109)"/><path d="M515.463 139.684c-16.494 0-29.803-5.623-40.487-17.057l17.057-15.557c7.123 8.06 14.621 11.996 22.868 11.996 8.622 0 13.496-4.311 13.496-10.122 0-5.061-2.437-7.873-17.807-11.434-26.054-6.186-29.991-17.994-29.991-30.365 0-17.057 13.496-29.803 36.364-29.803 15.745 0 26.242 3.936 36.176 16.87L534.77 68.268c-4.686-7.497-10.684-10.496-17.245-10.496-6.935 0-12.183 2.624-12.183 8.622 0 3.374 1.499 6.373 13.12 9.372 28.304 7.31 34.864 17.807 34.864 32.427 0 17.995-16.307 31.49-37.863 31.49Z" fill="url(#paint5_linear_12748_109)"/><defs><linearGradient id="paint0_linear_12748_109" x1="88.264" y1="215.251" x2="88.264" y2="-34.707" gradientUnits="userSpaceOnUse"><stop offset=".23" stop-color="#50BBC7"/><stop offset="1" stop-color="#73DEEA"/></linearGradient><linearGradient id="paint1_linear_12748_109" x1="88.264" y1="215.251" x2="88.264" y2="-34.707" gradientUnits="userSpaceOnUse"><stop offset=".23" stop-color="#50BBC7"/><stop offset="1" stop-color="#73DEEA"/></linearGradient><linearGradient id="paint2_linear_12748_109" x1="88.264" y1="215.251" x2="88.264" y2="-34.707" gradientUnits="userSpaceOnUse"><stop offset=".23" stop-color="#50BBC7"/><stop offset="1" stop-color="#73DEEA"/></linearGradient><linearGradient id="paint3_linear_12748_109" x1="88.264" y1="215.251" x2="88.264" y2="-34.707" gradientUnits="userSpaceOnUse"><stop offset=".23" stop-color="#50BBC7"/><stop offset="1" stop-color="#73DEEA"/></linearGradient><linearGradient id="paint4_linear_12748_109" x1="88.264" y1="215.251" x2="88.264" y2="-34.707" gradientUnits="userSpaceOnUse"><stop offset=".23" stop-color="#50BBC7"/><stop offset="1" stop-color="#73DEEA"/></linearGradient><linearGradient id="paint5_linear_12748_109" x1="88.264" y1="215.251" x2="88.264" y2="-34.707" gradientUnits="userSpaceOnUse"><stop offset=".23" stop-color="#50BBC7"/><stop offset="1" stop-color="#73DEEA"/></linearGradient></defs></svg>

package/assets/icons/twake/illus/photos.svg

@@ -0,0 +1 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="32" height="32" rx="10" fill="url(#paint0_linear_4180_38328)"/><g filter="url(#filter0_d_4180_38328)" fill="#fff"><mask id="path-2-inside-1_4180_38328"><path d="M18.955 5.711c2.579 0 3.868 0 4.853.502a4.605 4.605 0 0 1 2.013 2.013c.502.985.502 2.274.502 4.853v5.988c0 2.579 0 3.868-.502 4.853a4.605 4.605 0 0 1-2.013 2.013c-.985.502-2.274.502-4.853.502h-5.988c-2.579 0-3.868 0-4.853-.502A4.606 4.606 0 0 1 6.1 23.92c-.502-.985-.502-2.274-.502-4.853v-5.988c0-2.579 0-3.868.502-4.853a4.605 4.605 0 0 1 2.013-2.013c.985-.502 2.274-.502 4.853-.502h5.988Z"/></mask><path d="M18.955 5.711V3.223 5.71Zm4.853.502-1.13 2.217 1.13-2.217Zm2.013 2.013-2.218 1.13 2.218-1.13Zm.502 4.853h2.488-2.488Zm0 5.988h2.488-2.488Zm-.502 4.853-2.218-1.13 2.218 1.13Zm-2.013 2.013-1.13-2.218 1.13 2.218Zm-4.853.502v2.488-2.488Zm-5.988 0v2.488-2.488Zm-4.853-.502 1.13-2.217-1.13 2.217ZM6.1 23.92l2.217-1.13-2.217 1.13ZM5.6 19.067H3.111h2.488Zm0-5.988H3.111h2.488Zm.502-4.853 2.217 1.13-2.217-1.13Zm2.013-2.013 1.13 2.217-1.13-2.217Zm4.853-.502V3.223 5.71ZM18.955 8.2c1.33 0 2.178.002 2.821.054.614.05.82.134.902.176l2.26-4.434c-.902-.46-1.834-.627-2.756-.702-.893-.073-1.979-.071-3.227-.071V8.2Zm3.723.23c.399.203.723.527.925.926l4.435-2.26a7.093 7.093 0 0 0-3.1-3.1l-2.26 4.434Zm.925.926c.043.083.127.288.177.902.052.643.054 1.49.054 2.821h4.977c0-1.248.002-2.334-.07-3.227-.076-.922-.243-1.854-.703-2.756l-4.434 2.26Zm.231 3.723v5.988h4.977v-5.988h-4.977Zm0 5.988c0 1.33-.002 2.178-.054 2.821-.05.614-.134.82-.177.902l4.435 2.26c.46-.902.627-1.834.702-2.756.073-.893.071-1.979.071-3.227h-4.977Zm-.23 3.724a2.117 2.117 0 0 1-.926.924l2.26 4.435a7.093 7.093 0 0 0 3.1-3.1l-4.434-2.26Zm-.926.925c-.083.042-.288.126-.902.176-.643.052-1.49.054-2.821.054v4.977c1.248 0 2.334.002 3.227-.07.922-.076 1.854-.243 2.756-.703l-2.26-4.434Zm-3.723.23h-5.988v4.977h5.988v-4.977Zm-5.988 0c-1.33 0-2.178-.002-2.822-.054-.614-.05-.818-.134-.901-.176l-2.26 4.434c.902.46 1.834.627 2.756.702.893.073 1.979.071 3.227.071v-4.977Zm-3.724-.23a2.117 2.117 0 0 1-.925-.925L3.884 25.05a7.094 7.094 0 0 0 3.1 3.1l2.26-4.434Zm-.925-.926c-.042-.083-.126-.288-.176-.902-.052-.643-.054-1.49-.054-2.821H3.11c0 1.248-.002 2.334.07 3.227.076.922.243 1.854.703 2.756l4.434-2.26Zm-.23-3.723v-5.988H3.11v5.988h4.977Zm0-5.988c0-1.33.002-2.178.054-2.821.05-.614.134-.82.176-.902l-4.434-2.26c-.46.902-.627 1.834-.702 2.756-.073.893-.071 1.979-.071 3.227h4.977Zm.23-3.723c.203-.399.527-.723.925-.926L6.984 3.996a7.094 7.094 0 0 0-3.1 3.1l4.434 2.26Zm.926-.926c.083-.042.287-.126.902-.176.643-.052 1.49-.054 2.821-.054V3.223c-1.248 0-2.334-.002-3.227.07-.922.076-1.854.243-2.756.703l2.26 4.434Zm3.723-.23h5.988V3.223h-5.988V8.2Z" mask="url(#path-2-inside-1_4180_38328)"/></g><g filter="url(#filter1_d_4180_38328)"><circle cx="13.5" cy="13.5" r="2.5" fill="#fff"/></g><path d="M7.538 23.26a.467.467 0 0 0 .377.74h17.162a.467.467 0 0 0 .376-.743l-5.205-7.071a1 1 0 0 0-1.654.063l-2.955 4.728a1 1 0 0 1-1.641.08l-1.682-2.194a1 1 0 0 0-1.603.021L7.538 23.26Z" fill="#fff"/><defs><filter id="filter0_d_4180_38328" x="3.967" y="4.406" width="23.987" height="23.987" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy=".326"/><feGaussianBlur stdDeviation=".816"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_4180_38328"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_4180_38328" result="shape"/></filter><filter id="filter1_d_4180_38328" x="9.368" y="9.695" width="8.264" height="8.264" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy=".326"/><feGaussianBlur stdDeviation=".816"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_4180_38328"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_4180_38328" result="shape"/></filter><linearGradient id="paint0_linear_4180_38328" x1="5.548" y1="29.127" x2="30.188" y2="1.958" gradientUnits="userSpaceOnUse"><stop offset=".23" stop-color="#50BBC7"/><stop offset="1" stop-color="#73DEEA"/></linearGradient></defs></svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui",
-  "version": "122.10.1",
+  "version": "122.11.0",
   "description": "Cozy apps UI SDK",
   "main": "./index.js",
   "bin": {

package/react/AppTitle/Readme.md

@@ -8,7 +8,7 @@ You can pass a child that will be used as default value is app is not supported.
 ```jsx
 import AppTitle from 'cozy-ui/transpiled/react/AppTitle';
 
-const slugs = ["chat", "contacts", "drive", "mail", "notes", "pass", "store", "home"];
+const slugs = ["chat", "contacts", "drive", "mail", "notes", "pass", "store", "photos", "home"];
 
 <div class="u-flex u-flex-column">
   {

package/react/AppTitle/index.jsx

@@ -18,6 +18,8 @@ import PassIcon from '../Icons/Pass'
 import PassTextIcon from '../Icons/PassText'
 import StoreIcon from '../Icons/Store'
 import StoreTextIcon from '../Icons/StoreText'
+import PhotosIcon from '../Icons/Photos'
+import PhotosTextIcon from '../Icons/PhotosText'
 import TwakeTextIcon from '../Icons/TwakeText'
 import TwakeWorkplaceIcon from '../Icons/TwakeWorkplace'
 import WorkplaceTextIcon from '../Icons/WorkplaceText'
@@ -53,6 +55,10 @@ const SLUG_TO_ICONS = {
     icon: StoreIcon,
     text: StoreTextIcon
   },
+  photos: {
+    icon: PhotosIcon,
+    text: PhotosTextIcon
+  },
   home: {
     icon: TwakeWorkplaceIcon,
     text: WorkplaceTextIcon

package/react/Icon/Readme.md

@@ -728,6 +728,7 @@ import PapersIcon from 'cozy-ui/transpiled/react/Icons/Papers'
 import PassIcon from 'cozy-ui/transpiled/react/Icons/Pass'
 import ShareGrey08Icon from 'cozy-ui/transpiled/react/Icons/ShareGrey08'
 import StoreIcon from 'cozy-ui/transpiled/react/Icons/Store'
+import PhotosIcon from 'cozy-ui/transpiled/react/Icons/Photos'
 import TopSelectIcon from 'cozy-ui/transpiled/react/Icons/TopSelect'
 import TrashDuotoneIcon from 'cozy-ui/transpiled/react/Icons/TrashDuotone'
 import TwakeWorkplace from 'cozy-ui/transpiled/react/Icons/TwakeWorkplace'
@@ -778,6 +779,7 @@ const icons = [
   ...(isTwakeTheme() ? [PassIcon] : []),
   ShareGrey08Icon,
   ...(isTwakeTheme() ? [StoreIcon] : []),
+  ...(isTwakeTheme() ? [PhotosIcon] : []),
   TopSelectIcon,
   TrashDuotoneIcon,
   ...(isTwakeTheme() ? [TwakeWorkplace] : []),

package/react/Icons/Photos.jsx

@@ -0,0 +1,104 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/illus/photos.svg` to regenerate;
+import React from 'react'
+
+function SvgPhotos(props) {
+  return (
+    <svg viewBox="0 0 32 32" fill="none" {...props}>
+      <rect
+        width={32}
+        height={32}
+        rx={10}
+        fill="url(#photos_svg__paint0_linear_4180_38328)"
+      />
+      <g filter="url(#photos_svg__filter0_d_4180_38328)" fill="#fff">
+        <mask id="photos_svg__a">
+          <path d="M18.955 5.711c2.579 0 3.868 0 4.853.502a4.605 4.605 0 012.013 2.013c.502.985.502 2.274.502 4.853v5.988c0 2.579 0 3.868-.502 4.853a4.605 4.605 0 01-2.013 2.013c-.985.502-2.274.502-4.853.502h-5.988c-2.579 0-3.868 0-4.853-.502A4.606 4.606 0 016.1 23.92c-.502-.985-.502-2.274-.502-4.853v-5.988c0-2.579 0-3.868.502-4.853a4.605 4.605 0 012.013-2.013c.985-.502 2.274-.502 4.853-.502h5.988z" />
+        </mask>
+        <path
+          d="M18.955 5.711V3.223 5.71zm4.853.502l-1.13 2.217 1.13-2.217zm2.013 2.013l-2.218 1.13 2.218-1.13zm.502 4.853h2.488-2.488zm0 5.988h2.488-2.488zm-.502 4.853l-2.218-1.13 2.218 1.13zm-2.013 2.013l-1.13-2.218 1.13 2.218zm-4.853.502v2.488-2.488zm-5.988 0v2.488-2.488zm-4.853-.502l1.13-2.217-1.13 2.217zM6.1 23.92l2.217-1.13L6.1 23.92zm-.5-4.853H3.111h2.488zm0-5.988H3.111h2.488zm.502-4.853l2.217 1.13-2.217-1.13zm2.013-2.013l1.13 2.217-1.13-2.217zm4.853-.502V3.223 5.71zM18.955 8.2c1.33 0 2.178.002 2.821.054.614.05.82.134.902.176l2.26-4.434c-.902-.46-1.834-.627-2.756-.702-.893-.073-1.979-.071-3.227-.071V8.2zm3.723.23c.399.203.723.527.925.926l4.435-2.26a7.093 7.093 0 00-3.1-3.1l-2.26 4.434zm.925.926c.043.083.127.288.177.902.052.643.054 1.49.054 2.821h4.977c0-1.248.002-2.334-.07-3.227-.076-.922-.243-1.854-.703-2.756l-4.434 2.26zm.231 3.723v5.988h4.977v-5.988h-4.977zm0 5.988c0 1.33-.002 2.178-.054 2.821-.05.614-.134.82-.177.902l4.435 2.26c.46-.902.627-1.834.702-2.756.073-.893.071-1.979.071-3.227h-4.977zm-.23 3.724a2.117 2.117 0 01-.926.924l2.26 4.435a7.093 7.093 0 003.1-3.1l-4.434-2.26zm-.926.925c-.083.042-.288.126-.902.176-.643.052-1.49.054-2.821.054v4.977c1.248 0 2.334.002 3.227-.07.922-.076 1.854-.243 2.756-.703l-2.26-4.434zm-3.723.23h-5.988v4.977h5.988v-4.977zm-5.988 0c-1.33 0-2.178-.002-2.822-.054-.614-.05-.818-.134-.901-.176l-2.26 4.434c.902.46 1.834.627 2.756.702.893.073 1.979.071 3.227.071v-4.977zm-3.724-.23a2.117 2.117 0 01-.925-.925L3.884 25.05a7.094 7.094 0 003.1 3.1l2.26-4.434zm-.925-.926c-.042-.083-.126-.288-.176-.902-.052-.643-.054-1.49-.054-2.821H3.11c0 1.248-.002 2.334.07 3.227.076.922.243 1.854.703 2.756l4.434-2.26zm-.23-3.723v-5.988H3.11v5.988h4.977zm0-5.988c0-1.33.002-2.178.054-2.821.05-.614.134-.82.176-.902l-4.434-2.26c-.46.902-.627 1.834-.702 2.756-.073.893-.071 1.979-.071 3.227h4.977zm.23-3.723c.203-.399.527-.723.925-.926L6.984 3.996a7.094 7.094 0 00-3.1 3.1l4.434 2.26zm.926-.926c.083-.042.287-.126.902-.176.643-.052 1.49-.054 2.821-.054V3.223c-1.248 0-2.334-.002-3.227.07-.922.076-1.854.243-2.756.703l2.26 4.434zm3.723-.23h5.988V3.223h-5.988V8.2z"
+          mask="url(#photos_svg__a)"
+        />
+      </g>
+      <g filter="url(#photos_svg__filter1_d_4180_38328)">
+        <circle cx={13.5} cy={13.5} r={2.5} fill="#fff" />
+      </g>
+      <path
+        d="M7.538 23.26a.467.467 0 00.377.74h17.162a.467.467 0 00.376-.743l-5.205-7.071a1 1 0 00-1.654.063l-2.955 4.728a1 1 0 01-1.641.08l-1.682-2.194a1 1 0 00-1.603.021L7.538 23.26z"
+        fill="#fff"
+      />
+      <defs>
+        <filter
+          id="photos_svg__filter0_d_4180_38328"
+          x={3.967}
+          y={4.406}
+          width={23.987}
+          height={23.987}
+          filterUnits="userSpaceOnUse"
+          colorInterpolationFilters="sRGB"
+        >
+          <feFlood floodOpacity={0} result="BackgroundImageFix" />
+          <feColorMatrix
+            in="SourceAlpha"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+            result="hardAlpha"
+          />
+          <feOffset dy={0.326} />
+          <feGaussianBlur stdDeviation={0.816} />
+          <feComposite in2="hardAlpha" operator="out" />
+          <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" />
+          <feBlend
+            in2="BackgroundImageFix"
+            result="effect1_dropShadow_4180_38328"
+          />
+          <feBlend
+            in="SourceGraphic"
+            in2="effect1_dropShadow_4180_38328"
+            result="shape"
+          />
+        </filter>
+        <filter
+          id="photos_svg__filter1_d_4180_38328"
+          x={9.368}
+          y={9.695}
+          width={8.264}
+          height={8.264}
+          filterUnits="userSpaceOnUse"
+          colorInterpolationFilters="sRGB"
+        >
+          <feFlood floodOpacity={0} result="BackgroundImageFix" />
+          <feColorMatrix
+            in="SourceAlpha"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+            result="hardAlpha"
+          />
+          <feOffset dy={0.326} />
+          <feGaussianBlur stdDeviation={0.816} />
+          <feComposite in2="hardAlpha" operator="out" />
+          <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" />
+          <feBlend
+            in2="BackgroundImageFix"
+            result="effect1_dropShadow_4180_38328"
+          />
+          <feBlend
+            in="SourceGraphic"
+            in2="effect1_dropShadow_4180_38328"
+            result="shape"
+          />
+        </filter>
+        <linearGradient
+          id="photos_svg__paint0_linear_4180_38328"
+          x1={5.548}
+          y1={29.127}
+          x2={30.188}
+          y2={1.958}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset={0.23} stopColor="#50BBC7" />
+          <stop offset={1} stopColor="#73DEEA" />
+        </linearGradient>
+      </defs>
+    </svg>
+  )
+}
+
+export default SvgPhotos

package/react/Icons/PhotosText.jsx

@@ -0,0 +1,103 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/illus/photos-text.svg` to regenerate;
+import React from 'react'
+
+function SvgPhotosText(props) {
+  return (
+    <svg viewBox="0 0 554 140" fill="none" {...props}>
+      <path
+        d="M.91 137.248V6.039h44.237c29.428 0 47.422 13.87 47.422 41.424 0 27.742-17.994 42.175-47.422 42.175H27.152v47.61H.911zM27.153 66.02h16.495c14.246 0 22.306-5.81 22.306-18.37 0-12.37-8.06-18.18-22.306-18.18H27.152v36.55z"
+        fill="url(#photos-text_svg__paint0_linear_12748_109)"
+      />
+      <path
+        d="M101.909 137.248V.416h25.304v52.858c5.249-10.497 14.808-15.745 29.429-15.745 20.993 0 37.113 15.558 37.113 40.112v59.607H168.45V83.827c0-16.87-8.434-24.18-20.993-24.18-10.684 0-20.244 7.31-20.244 24.18v53.421h-25.304z"
+        fill="url(#photos-text_svg__paint1_linear_12748_109)"
+      />
+      <path
+        d="M256.066 139.684c-30.178 0-51.921-22.868-51.921-50.984 0-28.116 21.743-51.171 51.921-51.171s51.921 23.055 51.921 51.171-21.743 50.984-51.921 50.984zM229.449 88.7c0 15.183 10.497 27.929 26.617 27.929s26.616-12.746 26.616-27.929c0-15.182-10.496-28.116-26.616-28.116-16.12 0-26.617 12.934-26.617 28.116z"
+        fill="url(#photos-text_svg__paint2_linear_12748_109)"
+      />
+      <path
+        d="M350.804 137.248c-19.306 0-29.803-8.998-29.803-30.178V61.334h-13.683V39.778h13.683v-19.68l25.304-2.625v22.305h20.619v21.556h-20.619v44.423c0 6.186 2.999 8.998 7.873 8.998h10.497v22.493h-13.871z"
+        fill="url(#photos-text_svg__paint3_linear_12748_109)"
+      />
+      <path
+        d="M420.992 139.684c-30.178 0-51.921-22.868-51.921-50.984 0-28.116 21.743-51.171 51.921-51.171s51.921 23.055 51.921 51.171-21.743 50.984-51.921 50.984zM394.375 88.7c0 15.183 10.497 27.929 26.617 27.929s26.616-12.746 26.616-27.929c0-15.182-10.496-28.116-26.616-28.116-16.12 0-26.617 12.934-26.617 28.116z"
+        fill="url(#photos-text_svg__paint4_linear_12748_109)"
+      />
+      <path
+        d="M515.463 139.684c-16.494 0-29.803-5.623-40.487-17.057l17.057-15.557c7.123 8.06 14.621 11.996 22.868 11.996 8.622 0 13.496-4.311 13.496-10.122 0-5.061-2.437-7.873-17.807-11.434-26.054-6.186-29.991-17.994-29.991-30.365 0-17.057 13.496-29.803 36.364-29.803 15.745 0 26.242 3.936 36.176 16.87L534.77 68.268c-4.686-7.497-10.684-10.496-17.245-10.496-6.935 0-12.183 2.624-12.183 8.622 0 3.374 1.499 6.373 13.12 9.372 28.304 7.31 34.864 17.807 34.864 32.427 0 17.995-16.307 31.49-37.863 31.49z"
+        fill="url(#photos-text_svg__paint5_linear_12748_109)"
+      />
+      <defs>
+        <linearGradient
+          id="photos-text_svg__paint0_linear_12748_109"
+          x1={88.264}
+          y1={215.251}
+          x2={88.264}
+          y2={-34.707}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset={0.23} stopColor="#50BBC7" />
+          <stop offset={1} stopColor="#73DEEA" />
+        </linearGradient>
+        <linearGradient
+          id="photos-text_svg__paint1_linear_12748_109"
+          x1={88.264}
+          y1={215.251}
+          x2={88.264}
+          y2={-34.707}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset={0.23} stopColor="#50BBC7" />
+          <stop offset={1} stopColor="#73DEEA" />
+        </linearGradient>
+        <linearGradient
+          id="photos-text_svg__paint2_linear_12748_109"
+          x1={88.264}
+          y1={215.251}
+          x2={88.264}
+          y2={-34.707}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset={0.23} stopColor="#50BBC7" />
+          <stop offset={1} stopColor="#73DEEA" />
+        </linearGradient>
+        <linearGradient
+          id="photos-text_svg__paint3_linear_12748_109"
+          x1={88.264}
+          y1={215.251}
+          x2={88.264}
+          y2={-34.707}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset={0.23} stopColor="#50BBC7" />
+          <stop offset={1} stopColor="#73DEEA" />
+        </linearGradient>
+        <linearGradient
+          id="photos-text_svg__paint4_linear_12748_109"
+          x1={88.264}
+          y1={215.251}
+          x2={88.264}
+          y2={-34.707}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset={0.23} stopColor="#50BBC7" />
+          <stop offset={1} stopColor="#73DEEA" />
+        </linearGradient>
+        <linearGradient
+          id="photos-text_svg__paint5_linear_12748_109"
+          x1={88.264}
+          y1={215.251}
+          x2={88.264}
+          y2={-34.707}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset={0.23} stopColor="#50BBC7" />
+          <stop offset={1} stopColor="#73DEEA" />
+        </linearGradient>
+      </defs>
+    </svg>
+  )
+}
+
+export default SvgPhotosText

package/transpiled/react/AppTitle/index.js

@@ -26,6 +26,8 @@ import PassIcon from "cozy-ui/transpiled/react/Icons/Pass";
 import PassTextIcon from "cozy-ui/transpiled/react/Icons/PassText";
 import StoreIcon from "cozy-ui/transpiled/react/Icons/Store";
 import StoreTextIcon from "cozy-ui/transpiled/react/Icons/StoreText";
+import PhotosIcon from "cozy-ui/transpiled/react/Icons/Photos";
+import PhotosTextIcon from "cozy-ui/transpiled/react/Icons/PhotosText";
 import TwakeTextIcon from "cozy-ui/transpiled/react/Icons/TwakeText";
 import TwakeWorkplaceIcon from "cozy-ui/transpiled/react/Icons/TwakeWorkplace";
 import WorkplaceTextIcon from "cozy-ui/transpiled/react/Icons/WorkplaceText";
@@ -60,6 +62,10 @@ var SLUG_TO_ICONS = {
     icon: StoreIcon,
     text: StoreTextIcon
   },
+  photos: {
+    icon: PhotosIcon,
+    text: PhotosTextIcon
+  },
   home: {
     icon: TwakeWorkplaceIcon,
     text: WorkplaceTextIcon