apitech
/
Rocket.Chat
mirror of https://github.com/RocketChat/Rocket.Chat
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

change livechat icons

Browse Source
pull/7643/head
Karl Prieb 8 years ago
parent ae1ab814df
commit 6443059af7
5 changed files with 32 additions and 23 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 2
      packages/rocketchat-livechat/client/ui.js
  2. 7
      packages/rocketchat-livechat/client/views/sideNav/livechat.html
  3. 2
      packages/rocketchat-livechat/roomType.js
  4. 12
      packages/rocketchat-theme/client/imports/components/sidebar/sidebar-item.css
  5. 32
      packages/rocketchat-ui-master/public/icons.svg

2
packages/rocketchat-livechat/client/ui.js
Unescape View File

@ -1,6 +1,6 @@
AccountBox.addItem({
name: 'Livechat',
icon: 'comment-alt',
icon: 'livechat',
href: 'livechat-current-chats',
sideNav: 'livechatFlex',
condition: () => {

7
packages/rocketchat-livechat/client/views/sideNav/livechat.html
Unescape View File

@ -28,12 +28,7 @@
<ul class="rooms-list__list">
{{#if showQueueLink}}
<li class="sidebar-item sidebar-item--lighten {{activeLivechatQueue}}">
<a class="sidebar-item__link" href="{{pathFor 'livechat-queue'}}">
<i class="icon-th-list"></i>
{{_ "Queue"}}
</a>
</li>
{{> sidebarItem active=activeLivechatQueue pathSection="livechat-queue" icon="queue" name="Queue"}}
{{/if}}
{{#each room in rooms}}
{{> chatRoomItem room }}

2
packages/rocketchat-livechat/roomType.js
Unescape View File

@ -1,7 +1,7 @@
/* globals openRoom, LivechatInquiry */
RocketChat.roomTypes.add('l', 5, {
icon: 'comment-alt',
icon: 'livechat',
label: 'Livechat',
route: {
name: 'live',

12
packages/rocketchat-theme/client/imports/components/sidebar/sidebar-item.css
Unescape View File

@ -85,6 +85,18 @@
height: 14px;
fill: currentColor;
}
&--livechat {
width: 15px;
height: 15px;
fill: currentColor;
}
&--queue {
width: 15px;
height: 15px;
fill: currentColor;
}
}
&__user-thumb {

32
packages/rocketchat-ui-master/public/icons.svg
Unescape View File

@ -1,34 +1,36 @@
<svg xmlns="http://www.w3.org/2000/svg" display="none">
<symbol id="icon-arrow-down" viewBox="0 0 10 6"><path d="M8.657.828L4.828 4.657 1 .828" stroke-width="1.5" fill="none"/></symbol>
<symbol id="icon-arrow-back" viewBox="0 0 20 14"><g stroke-width="1.5" fill="none" fill-rule="evenodd"><path d="M8 13.071L1.929 7 8 .929"/><path d="M3 7h14.003C18.106 7 19 7.89 19 9v3.5"/></g></symbol>
<symbol id="icon-arrow-down" viewBox="0 0 10 6"><path d="M8.657.828L4.828 4.657 1 .828" stroke-width="1.5" fill="none"/></symbol>
<symbol id="icon-at" viewBox="0 0 16 16"><g transform="translate(1 1)" stroke-width="1.5" fill="none" fill-rule="evenodd"><circle cx="7" cy="7" r="3"/><path d="M9.68 13.469A7 7 0 1 1 14 7v.542"/><path d="M14 7.49c0 1.387-.781 2.51-2 2.51-1.219 0-2-1.112-2-2.51V3"/></g></symbol>
<symbol id="icon-audio" viewBox="0 0 16 14"><g stroke-width="1.5" fill="none" fill-rule="evenodd"><path d="M1 3.345h1.967S4.027 1 7 1v12c-2.874 0-4.033-2.345-4.033-2.345H1v-7.31zM11.106 10.426A6.968 6.968 0 0 0 12 7a6.968 6.968 0 0 0-.894-3.426M13.595 12.383A10.95 10.95 0 0 0 15 7c0-1.956-.51-3.792-1.405-5.383"/></g></symbol>
<symbol id="icon-comment-alt" viewBox="0 0 576 512"><path d="M288 32C129 32 0 125.1 0 240c0 50.2 24.6 96.3 65.6 132.2-10.4 36.3-29.7 45.9-52.3 62.1-27.6 19.7-7.9 47.6 17.4 45.6 58.7-4.7 113.3-19.9 159.2-44.2 30.6 8 63.6 12.3 98 12.3 159.1 0 288-93 288-208C576 125.1 447.1 32 288 32zm0 384c-35.4 0-69.7-4.9-102-14.7-40.9 24-90 46.7-154 54.7 48-32 62.5-56.9 69.1-96.3C61.6 330.6 32 289.2 32 240c0-96.5 115.7-176 256-176 141.5 0 256 80.2 256 176 0 96.5-115.6 176-256 176zm32-176c0 17.7-14.3 32-32 32s-32-14.3-32-32 14.3-32 32-32 32 14.3 32 32zm96 0c0 17.7-14.3 32-32 32s-32-14.3-32-32 14.3-32 32-32 32 14.3 32 32zm-192 0c0 17.7-14.3 32-32 32s-32-14.3-32-32 14.3-32 32-32 32 14.3 32 32z"/></symbol>
<symbol id="icon-computer" viewBox="0 0 16 14"><g stroke-width="1.5" fill="none" fill-rule="evenodd"><path d="M1 1h14v9H1z"/><path d="M5.5 13h5" stroke-linecap="square"/></g></symbol>
<symbol id="icon-cross" viewBox="0 0 12 12"><g stroke-width="1.5" fill="none" fill-rule="evenodd" stroke-linecap="square"><path d="M10.243 1.757l-8.486 8.486M1.757 1.757l8.486 8.486"/></g></symbol>
<symbol id="icon-customize" viewBox="0 0 16 16"><g transform="translate(1 1)" stroke-width="1.5" fill="none" fill-rule="evenodd"><path d="M0 7h8m4 0h2M0 2h2m3.996 0H14M0 12h3m4 0h7" stroke-linecap="square"/><circle cx="4" cy="2" r="2"/><circle cx="10" cy="7" r="2"/><circle cx="5" cy="12" r="2"/></g></symbol>
<symbol id="icon-facebook" viewBox="0 0 448 512"><path d="M448 56.7v398.5c0 13.7-11.1 24.7-24.7 24.7H309.1V306.5h58.2l8.7-67.6h-67v-43.2c0-19.6 5.4-32.9 33.5-32.9h35.8v-60.5c-6.2-.8-27.4-2.7-52.2-2.7-51.6 0-87 31.5-87 89.4v49.9h-58.4v67.6h58.4V480H24.7C11.1 480 0 468.9 0 455.3V56.7C0 43.1 11.1 32 24.7 32h398.5c13.7 0 24.8 11.1 24.8 24.7z"/></symbol>
<symbol id="icon-github" viewBox="0 0 496 512"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/></symbol>
<symbol id="icon-gitlab" viewBox="0 0 512 512"><path d="M29.782 199.732L256 493.714 8.074 309.699c-6.856-5.142-9.712-13.996-7.141-21.993l28.849-87.974zm75.405-174.806c-3.142-8.854-15.709-8.854-18.851 0L29.782 199.732h131.961L105.187 24.926zm56.556 174.806L256 493.714l94.257-293.982H161.743zm349.324 87.974l-28.849-87.974L256 493.714l247.926-184.015c6.855-5.142 9.711-13.996 7.141-21.993zm-85.404-262.78c-3.142-8.854-15.709-8.854-18.851 0l-56.555 174.806h131.961L425.663 24.926z"/></symbol>
<symbol id="icon-google" viewBox="0 0 488 512"><path d="M488 261.8C488 403.3 391.1 504 248 504 110.8 504 0 393.2 0 256S110.8 8 248 8c66.8 0 123 24.5 166.3 64.9l-67.5 64.9C258.5 52.6 94.3 116.6 94.3 256c0 86.5 69.1 156.6 153.7 156.6 98.2 0 135-70.4 140.8-106.9H248v-85.3h236.1c2.3 12.7 3.9 24.9 3.9 41.4z"/></symbol>
<symbol id="icon-hashtag" viewBox="0 0 16 16"><g stroke-width="1.5" fill="none" fill-rule="evenodd" stroke-linecap="square"><path d="M5 1v14M11 1v14M1 5h14M1 11h14"/></g></symbol>
<symbol id="icon-linkedin" viewBox="0 0 448 512"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/></symbol>
<symbol id="icon-livechat" width="63" height="57" viewBox="0 0 63 57"><path d="M49.959 16.083C48.594 7.33 41.034.818 31.603.818c-10.429 0-18.599 7.954-18.599 18.108v.914c-.005.059-.018.115-.018.176V37.94c-4.659-.311-8.39-4.217-8.39-8.971a9.001 9.001 0 0 1 4.623-7.863 2 2 0 1 0-1.946-3.496A13.009 13.009 0 0 0 .595 28.969c0 7.168 5.831 13 12.999 13 .444 0 .896-.035 1.346-.082.016 0 .029.004.045.004.064 0 .124-.012.187-.018.004-.002.008-.002.012-.002h.004a1.995 1.995 0 0 0 1.798-1.98V22.203c.005-.057.018-.113.018-.174v-3.104c0-8.042 6.276-14.108 14.599-14.108s14.598 6.065 14.598 14.108v.828c-.012.086-.025.172-.025.262v19.318c-.004.051-.016.102-.016.154v4.5c0 3.074-2.147 5.221-5.219 5.221h-2.694c-.02 0-.037.004-.057.006-.752-1.961-2.64-3.361-4.861-3.361h-3.426a5.225 5.225 0 0 0-5.218 5.219 5.225 5.225 0 0 0 5.218 5.219h3.426c2.121 0 3.943-1.277 4.759-3.1.054.006.104.018.159.018h2.694c5.342 0 9.219-3.879 9.219-9.221v-1.955c6.891-.314 12.404-6.004 12.404-12.971 0-7.035-5.621-12.768-12.605-12.979zm-16.63 36.208h-3.426c-.66 0-1.218-.559-1.218-1.219s.558-1.219 1.218-1.219h3.426c.66 0 1.219.559 1.219 1.219s-.559 1.219-1.219 1.219zm16.847-14.26v-15.74c.012-.086.025-.172.025-.262v-1.934c4.666.328 8.363 4.219 8.363 8.967 0 4.758-3.71 8.653-8.388 8.969z" fill-rule="nonzero"/></symbol>
<symbol id="icon-lock" viewBox="0 0 14 20"><g stroke-width="1.5" fill="none" fill-rule="evenodd"><path d="M1 9h12v10H1zM3 5c0-2.21 1.795-4 4-4 2.21 0 4 1.795 4 4v4H3V5z"/></g></symbol>
<symbol id="icon-magnifier" viewBox="0 0 19 19"><g transform="translate(1 1)" stroke-width="1.5" fill="none" fill-rule="evenodd"><circle cx="6.5" cy="6.5" r="6.5"/><path d="M17 17l-5-5" stroke-linecap="square"/></g></symbol>
<symbol id="icon-map-pin" viewBox="0 0 12 16"><g transform="translate(1 1)" stroke-width="1.5" fill="none" fill-rule="evenodd"><path d="M5 14s5-4.15 5-9.027C10 2.226 7.761 0 5 0S0 2.226 0 4.973C0 9.85 5 14 5 14z"/><circle cx="5" cy="5" r="2"/></g></symbol>
<symbol id="icon-md-bold" viewBox="0 0 8 10"><path d="M4.501 10H.928V.84h3.504c.842 0 1.504.206 1.986.616.483.41.724.967.724 1.67 0 .473-.153.9-.46 1.282-.307.38-.68.611-1.12.692V5.2c.626.08 1.123.32 1.491.72.368.4.552.903.552 1.508 0 .804-.274 1.434-.822 1.889-.548.455-1.308.682-2.282.682zm-2.43-8.15v2.939h1.827c.694 0 1.216-.123 1.565-.369.35-.245.524-.611.524-1.098 0-.465-.158-.827-.473-1.085-.315-.258-.757-.387-1.324-.387H2.07zm0 7.14h2.26c.689 0 1.211-.137 1.567-.412.355-.275.533-.677.533-1.206 0-.529-.185-.928-.555-1.196-.37-.27-.922-.404-1.654-.404H2.07v3.219z" fill-rule="evenodd"/></symbol>
<symbol id="icon-md-italic" viewBox="0 0 2 10"><path d="M.486 10h1.092V3.157H.486V10zm.546-8.233a.73.73 0 0 0 .54-.225.738.738 0 0 0 .221-.537.735.735 0 0 0-.222-.54.735.735 0 0 0-.54-.221.738.738 0 0 0-.536.222.73.73 0 0 0-.225.54c0 .207.075.386.225.536.15.15.33.225.537.225z" fill-rule="evenodd"/></symbol>
<symbol id="icon-md-inline-code" viewBox="0 0 16 12"><g stroke-width="1.5" fill="none" fill-rule="evenodd"><path d="M4.667 9.105L1.562 6l3.105-3.105"/><path d="M9.329 1.04L6.633 11.1 9.33 1.04z" stroke-linecap="square"/><path d="M11.333 2.895L14.438 6l-3.105 3.105"/></g></symbol>
<symbol id="icon-md-italic" viewBox="0 0 2 10"><path d="M.486 10h1.092V3.157H.486V10zm.546-8.233a.73.73 0 0 0 .54-.225.738.738 0 0 0 .221-.537.735.735 0 0 0-.222-.54.735.735 0 0 0-.54-.221.738.738 0 0 0-.536.222.73.73 0 0 0-.225.54c0 .207.075.386.225.536.15.15.33.225.537.225z" fill-rule="evenodd"/></symbol>
<symbol id="icon-md-multi-line" viewBox="0 0 13 11"><g stroke-width="1.5" fill="none" fill-rule="evenodd"><path d="M8 1h4v5H2"/><path d="M4.536 9.571L1 6.036 4.536 2.5"/></g></symbol>
<symbol id="icon-md-strike" viewBox="0 0 12 11"><g fill-rule="evenodd"><path d="M2.62 7.607c.06.791.399 1.424 1.019 1.898.62.474 1.414.71 2.383.71 1.05 0 1.882-.248 2.498-.745.616-.497.924-1.167.924-2.01 0-.672-.207-1.207-.62-1.605-.412-.398-1.092-.715-2.04-.952l-.959-.254c-.63-.16-1.082-.353-1.355-.578a1.08 1.08 0 0 1-.41-.876c0-.465.186-.838.556-1.117.37-.28.86-.419 1.47-.419.571 0 1.04.132 1.406.397.366.264.589.631.67 1.101H9.31c-.046-.74-.368-1.348-.965-1.822C7.75.861 7.008.625 6.124.625c-.97 0-1.751.24-2.346.72-.594.48-.892 1.11-.892 1.888 0 .652.189 1.174.565 1.565.377.392.98.693 1.81.905l1.174.304c.63.157 1.094.364 1.39.622.296.259.444.582.444.972 0 .452-.202.828-.606 1.126-.404.299-.915.448-1.533.448-.652 0-1.189-.142-1.612-.425-.423-.284-.67-.665-.743-1.143H2.62z"/><path d="M.8 4.3h10.5v1.5H.8z"/></g></symbol>
<symbol id="icon-plus" viewBox="0 0 14 14"><g stroke-width="1.5" fill="none" fill-rule="evenodd" stroke-linecap="square"><path d="M7 1v12M13 7H1"/></g></symbol>
<symbol id="icon-queue" viewBox="0 0 90 90"><g fill-rule="nonzero"><path d="M44.896 55.677c-.512 0-1.023-.13-1.483-.392L1.522 31.486a3.002 3.002 0 0 1-.051-5.195l42.1-25.038a3.007 3.007 0 0 1 3.062-.007l41.889 24.676a3.004 3.004 0 0 1-.031 5.195l-42.098 24.16c-.463.267-.98.4-1.497.4zM8.985 28.813L44.89 49.211l36.127-20.733-35.904-21.15L8.985 28.813z"/><path d="M44.896 72.431c-.512 0-1.023-.13-1.483-.392L1.522 48.241a3.006 3.006 0 1 1 2.967-5.226l40.4 22.95L85.498 42.66a3.004 3.004 0 1 1 2.991 5.212l-42.097 24.16a2.987 2.987 0 0 1-1.496.399z"/><path d="M44.896 89.169c-.512 0-1.023-.13-1.483-.392L1.522 64.979a3.006 3.006 0 1 1 2.967-5.226l40.4 22.95 40.609-23.305a3.006 3.006 0 0 1 2.991 5.212L46.392 88.77a2.987 2.987 0 0 1-1.496.399z"/></g></symbol>
<symbol id="icon-send" viewBox="0 0 512 512"><path d="M464 4.3L16 262.7C-7 276-4.7 309.9 19.8 320L160 378v102c0 30.2 37.8 43.3 56.7 20.3l60.7-73.8 126.4 52.2c19.1 7.9 40.7-4.2 43.8-24.7l64-417.1C515.7 10.2 487-9 464 4.3zM192 480v-88.8l54.5 22.5L192 480zm224-30.9l-206.2-85.2 199.5-235.8c4.8-5.6-2.9-13.2-8.5-8.4L145.5 337.3 32 290.5 480 32l-64 417.1z"/></symbol>
<symbol id="icon-sign-out" viewBox="0 0 512 512"><path d="M48 64h132c6.6 0 12 5.4 12 12v8c0 6.6-5.4 12-12 12H48c-8.8 0-16 7.2-16 16v288c0 8.8 7.2 16 16 16h132c6.6 0 12 5.4 12 12v8c0 6.6-5.4 12-12 12H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48zm279 19.5l-7.1 7.1c-4.7 4.7-4.7 12.3 0 17l132 131.4H172c-6.6 0-12 5.4-12 12v10c0 6.6 5.4 12 12 12h279.9L320 404.4c-4.7 4.7-4.7 12.3 0 17l7.1 7.1c4.7 4.7 12.3 4.7 17 0l164.5-164c4.7-4.7 4.7-12.3 0-17L344 83.5c-4.7-4.7-12.3-4.7-17 0z"/></symbol>
<symbol id="icon-smile" viewBox="0 0 16 16"><g transform="translate(1 1)" fill="none" fill-rule="evenodd"><circle fill="none" cx="9" cy="5" r="0.5"/><circle fill="none" cx="5" cy="5" r="0.5"/><circle fill="none" stroke-width="1.5" cx="7" cy="7" r="7"/><path d="M4.172 9.328a4 4 0 0 0 5.656 0" fill="none" stroke-width="1.5"/></g></symbol>
<symbol id="icon-twitter" viewBox="0 0 512 512"><path d="M443.8 159.7c.3 4.2.3 8.4.3 12.6 0 128.1-97.5 275.7-275.7 275.7-54.9 0-105.9-15.9-148.8-43.5 7.8.9 15.3 1.2 23.4 1.2 45.3 0 87-15.3 120.3-41.4-42.6-.9-78.3-28.8-90.6-67.2 6 .9 12 1.5 18.3 1.5 8.7 0 17.4-1.2 25.5-3.3-44.4-9-77.7-48-77.7-95.1V199c12.9 7.2 27.9 11.7 43.8 12.3-26.1-17.4-43.2-47.1-43.2-80.7 0-18 4.8-34.5 13.2-48.9 47.7 58.8 119.4 97.2 199.8 101.4-1.5-7.2-2.4-14.7-2.4-22.2 0-53.4 43.2-96.9 96.9-96.9 27.9 0 53.1 11.7 70.8 30.6 21.9-4.2 42.9-12.3 61.5-23.4-7.2 22.5-22.5 41.4-42.6 53.4 19.5-2.1 38.4-7.5 55.8-15-13.2 19.2-29.7 36.3-48.6 50.1z"/></symbol>
<symbol id="icon-upload" viewBox="0 0 512 512"><path d="M452 432c0 11-9 20-20 20s-20-9-20-20 9-20 20-20 20 9 20 20zm-84-20c-11 0-20 9-20 20s9 20 20 20 20-9 20-20-9-20-20-20zm144-48v104c0 24.3-19.7 44-44 44H44c-24.3 0-44-19.7-44-44V364c0-24.3 19.7-44 44-44h124v-99.3h-52.7c-35.6 0-53.4-43.1-28.3-68.3L227.7 11.7c15.6-15.6 40.9-15.6 56.6 0L425 152.4c25.2 25.2 7.3 68.3-28.3 68.3H344V320h124c24.3 0 44 19.7 44 44zM200 188.7V376c0 4.4 3.6 8 8 8h96c4.4 0 8-3.6 8-8V188.7h84.7c7.1 0 10.7-8.6 5.7-13.7L261.7 34.3c-3.1-3.1-8.2-3.1-11.3 0L109.7 175c-5 5-1.5 13.7 5.7 13.7H200zM480 364c0-6.6-5.4-12-12-12H344v24c0 22.1-17.9 40-40 40h-96c-22.1 0-40-17.9-40-40v-24H44c-6.6 0-12 5.4-12 12v104c0 6.6 5.4 12 12 12h424c6.6 0 12-5.4 12-12V364z"/></symbol>
<symbol id="icon-user" viewBox="0 0 18 19"><path d="M1 16.832c0-4.948 6-3.958 6-5.937 0 0 .115-1.314-.546-1.98C5.63 8.092 5 7.102 5 5.454 5 2.993 6.79 1 9 1s4 1.994 4 4.453c0 1.625-.614 2.637-1.474 3.463-.628.648-.526 1.979-.526 1.979 0 1.979 6 .99 6 5.937 0 0-1.593 1.168-8 1.168s-8-1.168-8-1.168z" stroke-width="1.5" fill="none" fill-rule="evenodd"/></symbol>
<symbol id="icon-user-rounded" viewBox="0 0 18 18"><g stroke-width="1.5" fill="none" fill-rule="evenodd"><rect x=".75" y=".75" width="16.5" height="16.5" rx="2"/><path d="M3.002 17c0-3.75 4.499-3 4.499-4.5 0 0 .086-.996-.41-1.5-.618-.625-1.09-1.376-1.09-2.625C6.001 6.511 7.344 5 9 5c1.656 0 2.999 1.511 2.999 3.375 0 1.232-.46 2-1.105 2.625-.471.491-.395 1.5-.395 1.5 0 1.5 4.499.75 4.499 4.5"/></g></symbol>
<symbol id="icon-warning" viewBox="0 0 20 20"><g stroke-width="1.5" fill="none" fill-rule="evenodd"><path d="M10 3l8 14H2z"/><path d="M10 9v5" stroke-linecap="square"/></g></symbol>
<symbol id="icon-smile" viewBox="0 0 16 16"><g transform="translate(1 1)" fill="none" fill-rule="evenodd"><circle fill="none" cx="9" cy="5" r="0.5"/><circle fill="none" cx="5" cy="5" r="0.5"/><circle fill="none" stroke-width="1.5" cx="7" cy="7" r="7"/><path d="M4.172 9.328a4 4 0 0 0 5.656 0" fill="none" stroke-width="1.5"/></g></symbol>
<symbol id="icon-computer" viewBox="0 0 16 14"><g stroke-width="1.5" fill="none" fill-rule="evenodd"><path d="M1 1h14v9H1z"/><path d="M5.5 13h5" stroke-linecap="square"/></g></symbol>
<symbol id="icon-audio" viewBox="0 0 16 14"><g stroke-width="1.5" fill="none" fill-rule="evenodd"><path d="M1 3.345h1.967S4.027 1 7 1v12c-2.874 0-4.033-2.345-4.033-2.345H1v-7.31zM11.106 10.426A6.968 6.968 0 0 0 12 7a6.968 6.968 0 0 0-.894-3.426M13.595 12.383A10.95 10.95 0 0 0 15 7c0-1.956-.51-3.792-1.405-5.383"/></g></symbol>
<symbol id="icon-video" viewBox="0 0 17 13"><g stroke-width="1.5" fill="none" fill-rule="evenodd"><path d="M1 4h10v8H1zM11 6.376l4.048-1.314c.526-.171.952.137.952.69v4.494c0 .552-.426.862-.952.69L11 9.624V6.376z"/><path d="M3.5 1h5" stroke-linecap="square"/></g></symbol>
<symbol id="icon-upload" viewBox="0 0 512 512"><path d="M452 432c0 11-9 20-20 20s-20-9-20-20 9-20 20-20 20 9 20 20zm-84-20c-11 0-20 9-20 20s9 20 20 20 20-9 20-20-9-20-20-20zm144-48v104c0 24.3-19.7 44-44 44H44c-24.3 0-44-19.7-44-44V364c0-24.3 19.7-44 44-44h124v-99.3h-52.7c-35.6 0-53.4-43.1-28.3-68.3L227.7 11.7c15.6-15.6 40.9-15.6 56.6 0L425 152.4c25.2 25.2 7.3 68.3-28.3 68.3H344V320h124c24.3 0 44 19.7 44 44zM200 188.7V376c0 4.4 3.6 8 8 8h96c4.4 0 8-3.6 8-8V188.7h84.7c7.1 0 10.7-8.6 5.7-13.7L261.7 34.3c-3.1-3.1-8.2-3.1-11.3 0L109.7 175c-5 5-1.5 13.7 5.7 13.7H200zM480 364c0-6.6-5.4-12-12-12H344v24c0 22.1-17.9 40-40 40h-96c-22.1 0-40-17.9-40-40v-24H44c-6.6 0-12 5.4-12 12v104c0 6.6 5.4 12 12 12h424c6.6 0 12-5.4 12-12V364z"/></symbol>
<symbol id="icon-facebook" viewBox="0 0 448 512"><path d="M448 56.7v398.5c0 13.7-11.1 24.7-24.7 24.7H309.1V306.5h58.2l8.7-67.6h-67v-43.2c0-19.6 5.4-32.9 33.5-32.9h35.8v-60.5c-6.2-.8-27.4-2.7-52.2-2.7-51.6 0-87 31.5-87 89.4v49.9h-58.4v67.6h58.4V480H24.7C11.1 480 0 468.9 0 455.3V56.7C0 43.1 11.1 32 24.7 32h398.5c13.7 0 24.8 11.1 24.8 24.7z"/></symbol>
<symbol id="icon-github" viewBox="0 0 496 512"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/></symbol>
<symbol id="icon-gitlab" viewBox="0 0 512 512"><path d="M29.782 199.732L256 493.714 8.074 309.699c-6.856-5.142-9.712-13.996-7.141-21.993l28.849-87.974zm75.405-174.806c-3.142-8.854-15.709-8.854-18.851 0L29.782 199.732h131.961L105.187 24.926zm56.556 174.806L256 493.714l94.257-293.982H161.743zm349.324 87.974l-28.849-87.974L256 493.714l247.926-184.015c6.855-5.142 9.711-13.996 7.141-21.993zm-85.404-262.78c-3.142-8.854-15.709-8.854-18.851 0l-56.555 174.806h131.961L425.663 24.926z"/></symbol>
<symbol id="icon-google" viewBox="0 0 488 512"><path d="M488 261.8C488 403.3 391.1 504 248 504 110.8 504 0 393.2 0 256S110.8 8 248 8c66.8 0 123 24.5 166.3 64.9l-67.5 64.9C258.5 52.6 94.3 116.6 94.3 256c0 86.5 69.1 156.6 153.7 156.6 98.2 0 135-70.4 140.8-106.9H248v-85.3h236.1c2.3 12.7 3.9 24.9 3.9 41.4z"/></symbol>
<symbol id="icon-linkedin" viewBox="0 0 448 512"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/></symbol>
<symbol id="icon-twitter" viewBox="0 0 512 512"><path d="M443.8 159.7c.3 4.2.3 8.4.3 12.6 0 128.1-97.5 275.7-275.7 275.7-54.9 0-105.9-15.9-148.8-43.5 7.8.9 15.3 1.2 23.4 1.2 45.3 0 87-15.3 120.3-41.4-42.6-.9-78.3-28.8-90.6-67.2 6 .9 12 1.5 18.3 1.5 8.7 0 17.4-1.2 25.5-3.3-44.4-9-77.7-48-77.7-95.1V199c12.9 7.2 27.9 11.7 43.8 12.3-26.1-17.4-43.2-47.1-43.2-80.7 0-18 4.8-34.5 13.2-48.9 47.7 58.8 119.4 97.2 199.8 101.4-1.5-7.2-2.4-14.7-2.4-22.2 0-53.4 43.2-96.9 96.9-96.9 27.9 0 53.1 11.7 70.8 30.6 21.9-4.2 42.9-12.3 61.5-23.4-7.2 22.5-22.5 41.4-42.6 53.4 19.5-2.1 38.4-7.5 55.8-15-13.2 19.2-29.7 36.3-48.6 50.1z"/></symbol>
<symbol id="icon-send" viewBox="0 0 512 512"><path d="M464 4.3L16 262.7C-7 276-4.7 309.9 19.8 320L160 378v102c0 30.2 37.8 43.3 56.7 20.3l60.7-73.8 126.4 52.2c19.1 7.9 40.7-4.2 43.8-24.7l64-417.1C515.7 10.2 487-9 464 4.3zM192 480v-88.8l54.5 22.5L192 480zm224-30.9l-206.2-85.2 199.5-235.8c4.8-5.6-2.9-13.2-8.5-8.4L145.5 337.3 32 290.5 480 32l-64 417.1z"/></symbol>
</svg>
<symbol id="icon-warning" viewBox="0 0 20 20"><g stroke-width="1.5" fill="none" fill-rule="evenodd"><path d="M10 3l8 14H2z"/><path d="M10 9v5" stroke-linecap="square"/></g></symbol>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 14 KiB

Write Preview
Loading…
Cancel
Save