0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-24 23:48:13 -05:00

Added Paywall card to card-menu and updated colors

Refs https://github.com/TryGhost/Team/issues/466
This commit is contained in:
Sanne de Vries 2021-02-16 18:46:44 +01:00
parent 377a2ffd54
commit a657e4f092
12 changed files with 35 additions and 13 deletions

View file

@ -11,7 +11,8 @@ export const CARD_COMPONENT_MAP = {
embed: 'koenig-card-embed', embed: 'koenig-card-embed',
bookmark: 'koenig-card-bookmark', bookmark: 'koenig-card-bookmark',
gallery: 'koenig-card-gallery', gallery: 'koenig-card-gallery',
email: 'koenig-card-email' email: 'koenig-card-email',
paywall: 'koenig-card-paywall'
}; };
// map card names to generic icons (used for ghost elements when dragging) // map card names to generic icons (used for ghost elements when dragging)
@ -114,6 +115,14 @@ export const CARD_MENU = [
matches: ['email'], matches: ['email'],
type: 'card', type: 'card',
replaceArg: 'email' replaceArg: 'email'
},
{
label: 'Paywall',
icon: 'koenig/kg-card-type-paywall',
desc: 'Mark end of free preview',
matches: ['paywall'],
type: 'card',
replaceArg: 'hr'
}] }]
}, },
{ {

View file

@ -13,7 +13,7 @@
<g transform="translate(-200 -135)"> <g transform="translate(-200 -135)">
<use fill="#000" filter="url(#a)" xlink:href="#b"/> <use fill="#000" filter="url(#a)" xlink:href="#b"/>
</g> </g>
<path d="M32 2.667C32 .889 31.111 0 29.333 0H2.667C1.93 0 1.302.26.78.781.261 1.301 0 1.931 0 2.667v26.666C0 31.111.889 32 2.667 32h26.666C31.111 32 32 31.111 32 29.333V2.667z" fill="#3EB0EF"/> <path d="M32 2.667C32 .889 31.111 0 29.333 0H2.667C1.93 0 1.302.26.78.781.261 1.301 0 1.931 0 2.667v26.666C0 31.111.889 32 2.667 32h26.666C31.111 32 32 31.111 32 29.333V2.667z" fill="#F71D81"/>
<path stroke-opacity=".012" stroke="#000" stroke-width="0" d="M11 0h24v24H11z"/> <path stroke-opacity=".012" stroke="#000" stroke-width="0" d="M11 0h24v24H11z"/>
<g transform="translate(13)"> <g transform="translate(13)">
<mask id="d" fill="#fff"> <mask id="d" fill="#fff">

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

View file

@ -1,6 +1,6 @@
<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"> <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fill-rule="evenodd"> <g fill="none" fill-rule="evenodd">
<rect fill="#44BDAD" width="32" height="32" rx="2.5"/> <rect fill="#45C32E" width="32" height="32" rx="2.5"/>
<rect fill="#FFF" x="3" y="15" width="26" height="2" rx="1"/> <rect fill="#FFF" x="3" y="15" width="26" height="2" rx="1"/>
<rect fill="#FFF" x="3" y="3" width="26" height="7" rx="1.5"/> <rect fill="#FFF" x="3" y="3" width="26" height="7" rx="1.5"/>
<rect fill="#FFF" x="3" y="22" width="26" height="7" rx="1.5"/> <rect fill="#FFF" x="3" y="22" width="26" height="7" rx="1.5"/>

Before

Width:  |  Height:  |  Size: 416 B

After

Width:  |  Height:  |  Size: 416 B

View file

@ -1 +1,8 @@
<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><title>kg-card-type-email</title><g fill-rule="nonzero" fill="none"><path d="M32 2.667C32 .889 31.111 0 29.333 0H2.667C1.93 0 1.302.26.78.781.261 1.301 0 1.931 0 2.667v26.666C0 31.111.889 32 2.667 32h26.666C31.111 32 32 31.111 32 29.333V2.667z" fill="#465961"/><path d="M23.312 9.5H8.687c-1.233 0-2 .767-2 2v9c0 1.233.767 2 2 2h14.625c1.234 0 2-.767 2-2v-9c0-1.233-.766-2-2-2zM8.56 11.25h14.882c.1.004.118.022.121.122v9.256c-.004.116-.029.122-.178.122H8.56c-.1-.004-.118-.022-.121-.122v-9.256c.003-.1.022-.118.121-.122z" fill="#FFF"/><path d="M18.123 13.887c.3-.325.79-.37 1.144-.123l.092.075 2.86 2.643c.355.329.377.882.049 1.237-.301.325-.791.37-1.144.123l-.093-.074-2.86-2.644c-.355-.328-.376-.882-.048-1.237zM12.64 13.839c.356-.328.91-.307 1.237.048.301.326.308.818.033 1.15l-.081.087-2.86 2.644c-.355.328-.908.306-1.237-.049-.3-.325-.307-.818-.033-1.15l.082-.087 2.86-2.643z" fill="#FFF"/><path d="M23.663 10.04c.398-.274.943-.174 1.217.224.252.364.189.853-.13 1.143l-.093.074-7.135 4.92c-.925.638-1.935.676-2.87.112l-.174-.112-7.135-4.92c-.398-.275-.498-.82-.223-1.217.251-.365.73-.48 1.114-.285l.103.061 7.135 4.92c.346.24.613.263.944.072l.113-.072 7.134-4.92z" fill="#FFF"/></g></svg> <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<g fill-rule="nonzero" fill="none">
<path d="M32 2.667C32 .889 31.111 0 29.333 0H2.667C1.93 0 1.302.26.78.781.261 1.301 0 1.931 0 2.667v26.666C0 31.111.889 32 2.667 32h26.666C31.111 32 32 31.111 32 29.333V2.667z" fill="#23AAF4"/>
<path d="M23.312 9.5H8.687c-1.233 0-2 .767-2 2v9c0 1.233.767 2 2 2h14.625c1.234 0 2-.767 2-2v-9c0-1.233-.766-2-2-2zM8.56 11.25h14.882c.1.004.118.022.121.122v9.256c-.004.116-.029.122-.178.122H8.56c-.1-.004-.118-.022-.121-.122v-9.256c.003-.1.022-.118.121-.122z" fill="#FFF"/>
<path d="M18.123 13.887c.3-.325.79-.37 1.144-.123l.092.075 2.86 2.643c.355.329.377.882.049 1.237-.301.325-.791.37-1.144.123l-.093-.074-2.86-2.644c-.355-.328-.376-.882-.048-1.237zM12.64 13.839c.356-.328.91-.307 1.237.048.301.326.308.818.033 1.15l-.081.087-2.86 2.644c-.355.328-.908.306-1.237-.049-.3-.325-.307-.818-.033-1.15l.082-.087 2.86-2.643z" fill="#FFF"/>
<path d="M23.663 10.04c.398-.274.943-.174 1.217.224.252.364.189.853-.13 1.143l-.093.074-7.135 4.92c-.925.638-1.935.676-2.87.112l-.174-.112-7.135-4.92c-.398-.275-.498-.82-.223-1.217.251-.365.73-.48 1.114-.285l.103.061 7.135 4.92c.346.24.613.263.944.072l.113-.072 7.134-4.92z" fill="#FFF"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

View file

@ -1,8 +1,8 @@
<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"> <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fill-rule="evenodd"> <g fill="none" fill-rule="evenodd">
<path fill="#FFF" fill-rule="nonzero" d="M1 2h25v24H1z"/> <path fill="#FFF" fill-rule="nonzero" d="M1 2h25v24H1z"/>
<path d="M27.333 24.667v-22C27.333.889 26.444 0 24.667 0h-22C1.93 0 1.302.26.78.781.261 1.301 0 1.931 0 2.667v22c0 1.777.889 2.666 2.667 2.666h22c1.777 0 2.666-.889 2.666-2.666z" fill="#C064C4"/> <path d="M27.333 24.667v-22C27.333.889 26.444 0 24.667 0h-22C1.93 0 1.302.26.78.781.261 1.301 0 1.931 0 2.667v22c0 1.777.889 2.666 2.667 2.666h22c1.777 0 2.666-.889 2.666-2.666z" fill="#FFC701"/>
<path d="M19.113 12.933c-.126-.603-.497-.911-1.112-.925-.616-.014-1 .277-1.154.873l-2.123 4.667c-.051.112-.137.176-.26.192-.121.017-.221-.023-.3-.117l-1.467-1.752c-.34-.462-.796-.67-1.368-.625-.571.044-.99.32-1.254.829L6.76 21.6c-.133.222-.136.446-.008.671.128.226.321.338.58.338H22c.236 0 .42-.097.552-.293.132-.195.154-.402.067-.621l-3.506-8.762zM10.667 8c0 1.778-.89 2.667-2.667 2.667-1.778 0-2.667-.89-2.667-2.667 0-1.778.89-2.667 2.667-2.667 1.778 0 2.667.89 2.667 2.667z" fill="#FFF"/> <path d="M19.113 12.933c-.126-.603-.497-.911-1.112-.925-.616-.014-1 .277-1.154.873l-2.123 4.667c-.051.112-.137.176-.26.192-.121.017-.221-.023-.3-.117l-1.467-1.752c-.34-.462-.796-.67-1.368-.625-.571.044-.99.32-1.254.829L6.76 21.6c-.133.222-.136.446-.008.671.128.226.321.338.58.338H22c.236 0 .42-.097.552-.293.132-.195.154-.402.067-.621l-3.506-8.762zM10.667 8c0 1.778-.89 2.667-2.667 2.667-1.778 0-2.667-.89-2.667-2.667 0-1.778.89-2.667 2.667-2.667 1.778 0 2.667.89 2.667 2.667z" fill="#FFF"/>
<path d="M30.667 8c-.369 0-.683.13-.943.39-.26.26-.39.575-.39.943v19.334c0 .444-.223.666-.667.666H9.333c-.889 0-1.333.445-1.333 1.334S8.444 32 9.333 32h20C31.111 32 32 31.111 32 29.333v-20C32 8.444 31.556 8 30.667 8z" fill="#C064C4"/> <path d="M30.667 8c-.369 0-.683.13-.943.39-.26.26-.39.575-.39.943v19.334c0 .444-.223.666-.667.666H9.333c-.889 0-1.333.445-1.333 1.334S8.444 32 9.333 32h20C31.111 32 32 31.111 32 29.333v-20C32 8.444 31.556 8 30.667 8z" fill="#FFC701"/>
</g> </g>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

View file

@ -1,7 +1,7 @@
<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"> <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fill-rule="evenodd"> <g fill="none" fill-rule="evenodd">
<path fill="#FFF" d="M2 4h28v24H2z"/> <path fill="#FFF" d="M2 4h28v24H2z"/>
<path d="M32 6c0-2.667-1.333-4-4-4H4c-1.105 0-2.047.39-2.828 1.172C.39 3.952 0 4.895 0 6v20c0 2.667 1.333 4 4 4h24c2.667 0 4-1.333 4-4V6zM4 6.667c0-.594.274-1.005.823-1.232.549-.227 1.033-.131 1.453.289.42.42.516.904.29 1.453-.228.549-.639.823-1.233.823C4.444 8 4 7.556 4 6.667zm4 0c0-.594.274-1.005.823-1.232.549-.227 1.033-.131 1.453.289.42.42.516.904.29 1.453-.228.549-.639.823-1.233.823C8.444 8 8 7.556 8 6.667zm4 0c0-.594.274-1.005.823-1.232.549-.227 1.033-.131 1.453.289.42.42.516.904.29 1.453-.228.549-.639.823-1.233.823C12.444 8 12 7.556 12 6.667zM29.333 26c0 .889-.444 1.333-1.333 1.333H4c-.889 0-1.333-.444-1.333-1.333V12c0-.184.065-.341.195-.471.13-.13.287-.196.471-.196h25.334c.444 0 .666.223.666.667v14z" fill="#EB5F3F"/> <path d="M32 6c0-2.667-1.333-4-4-4H4c-1.105 0-2.047.39-2.828 1.172C.39 3.952 0 4.895 0 6v20c0 2.667 1.333 4 4 4h24c2.667 0 4-1.333 4-4V6zM4 6.667c0-.594.274-1.005.823-1.232.549-.227 1.033-.131 1.453.289.42.42.516.904.29 1.453-.228.549-.639.823-1.233.823C4.444 8 4 7.556 4 6.667zm4 0c0-.594.274-1.005.823-1.232.549-.227 1.033-.131 1.453.289.42.42.516.904.29 1.453-.228.549-.639.823-1.233.823C8.444 8 8 7.556 8 6.667zm4 0c0-.594.274-1.005.823-1.232.549-.227 1.033-.131 1.453.289.42.42.516.904.29 1.453-.228.549-.639.823-1.233.823C12.444 8 12 7.556 12 6.667zM29.333 26c0 .889-.444 1.333-1.333 1.333H4c-.889 0-1.333-.444-1.333-1.333V12c0-.184.065-.341.195-.471.13-.13.287-.196.471-.196h25.334c.444 0 .666.223.666.667v14z" fill="#23AAF4"/>
<path d="M10.333 16c0 .667.334 1 1 1 .223 0 .334.111.334.333v5.334c0 .666.333 1 1 1 .666 0 1-.334 1-1v-5.334c0-.092.032-.17.097-.235.065-.065.144-.098.236-.098.667 0 1-.333 1-1s-.333-1-1-1h-2.667c-.276 0-.512.098-.707.293-.195.195-.293.43-.293.707zM5.333 23.667c.667 0 1-.334 1-1v-1.334c0-.128.056-.224.167-.288.111-.064.222-.064.333 0 .111.064.167.16.167.288v1.334c0 .666.333 1 1 1s1-.334 1-1V16c0-.385-.167-.674-.5-.866-.333-.192-.667-.192-1 0-.333.192-.5.481-.5.866v2.667c0 .222-.111.333-.333.333-.223 0-.334-.111-.334-.333V16c0-.385-.166-.674-.5-.866-.333-.192-.666-.192-1 0-.333.192-.5.481-.5.866v6.667c0 .666.334 1 1 1zM23.667 21.333c.001 1.554.78 2.332 2.333 2.334h1.333c.667 0 1-.334 1-1 0-.667-.333-1-1-1H26c-.222 0-.333-.111-.333-.334V16c0-.385-.167-.674-.5-.866-.334-.192-.667-.192-1 0-.334.192-.5.481-.5.866v5.333zM17.333 23.667c.667 0 1-.334 1-1v-2.78c0-.039.02-.063.056-.073.037-.01.066 0 .086.034.207.301.493.452.858.452.366 0 .652-.15.859-.452.02-.033.048-.045.085-.034.038.01.056.034.056.073v2.78c0 .666.334 1 1 1 .667 0 1-.334 1-1V16c-.001-.506-.246-.827-.734-.962s-.863.014-1.124.447l-.856 1.428c-.065.108-.16.161-.286.161-.125 0-.22-.053-.285-.16l-.856-1.429c-.262-.433-.636-.582-1.125-.447-.488.135-.732.456-.734.962v6.667c0 .666.334 1 1 1z" fill="#EB5F3F"/> <path d="M10.333 16c0 .667.334 1 1 1 .223 0 .334.111.334.333v5.334c0 .666.333 1 1 1 .666 0 1-.334 1-1v-5.334c0-.092.032-.17.097-.235.065-.065.144-.098.236-.098.667 0 1-.333 1-1s-.333-1-1-1h-2.667c-.276 0-.512.098-.707.293-.195.195-.293.43-.293.707zM5.333 23.667c.667 0 1-.334 1-1v-1.334c0-.128.056-.224.167-.288.111-.064.222-.064.333 0 .111.064.167.16.167.288v1.334c0 .666.333 1 1 1s1-.334 1-1V16c0-.385-.167-.674-.5-.866-.333-.192-.667-.192-1 0-.333.192-.5.481-.5.866v2.667c0 .222-.111.333-.333.333-.223 0-.334-.111-.334-.333V16c0-.385-.166-.674-.5-.866-.333-.192-.666-.192-1 0-.333.192-.5.481-.5.866v6.667c0 .666.334 1 1 1zM23.667 21.333c.001 1.554.78 2.332 2.333 2.334h1.333c.667 0 1-.334 1-1 0-.667-.333-1-1-1H26c-.222 0-.333-.111-.333-.334V16c0-.385-.167-.674-.5-.866-.334-.192-.667-.192-1 0-.334.192-.5.481-.5.866v5.333zM17.333 23.667c.667 0 1-.334 1-1v-2.78c0-.039.02-.063.056-.073.037-.01.066 0 .086.034.207.301.493.452.858.452.366 0 .652-.15.859-.452.02-.033.048-.045.085-.034.038.01.056.034.056.073v2.78c0 .666.334 1 1 1 .667 0 1-.334 1-1V16c-.001-.506-.246-.827-.734-.962s-.863.014-1.124.447l-.856 1.428c-.065.108-.16.161-.286.161-.125 0-.22-.053-.285-.16l-.856-1.429c-.262-.433-.636-.582-1.125-.447-.488.135-.732.456-.734.962v6.667c0 .666.334 1 1 1z" fill="#23AAF4"/>
</g> </g>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

View file

@ -1,6 +1,6 @@
<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"> <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fill-rule="evenodd"> <g fill="none" fill-rule="evenodd">
<path d="M32 2.667C32 .889 31.111 0 29.333 0H2.667C1.93 0 1.302.26.78.781.261 1.301 0 1.931 0 2.667v26.666C0 31.111.889 32 2.667 32h26.666C31.111 32 32 31.111 32 29.333V2.667z" fill="#3EB0EF"/> <path d="M32 2.667C32 .889 31.111 0 29.333 0H2.667C1.93 0 1.302.26.78.781.261 1.301 0 1.931 0 2.667v26.666C0 31.111.889 32 2.667 32h26.666C31.111 32 32 31.111 32 29.333V2.667z" fill="#45C32E"/>
<path d="M23.778 12.111c0 3.111-1.556 4.667-4.667 4.667-3.111 0-4.667-1.556-4.667-4.667C14.444 9 16 7.444 19.111 7.444c3.111 0 4.667 1.556 4.667 4.667zM19.111 5.5c.778 0 1.167-.389 1.167-1.167v-.777c0-.45-.195-.786-.584-1.01-.388-.225-.777-.225-1.166 0-.39.224-.584.56-.584 1.01v.777c0 .778.39 1.167 1.167 1.167zM12.788 7.435c.55.552 1.1.554 1.653.004.552-.55.553-1.1.003-1.653l-.549-.55c-.55-.552-1.101-.554-1.653-.004-.553.55-.554 1.101-.005 1.654l.55.55zM10.556 13.278h.777c.778 0 1.167-.39 1.167-1.167 0-.778-.389-1.167-1.167-1.167h-.777c-.778 0-1.167.39-1.167 1.167 0 .778.389 1.167 1.167 1.167zM25.434 16.787c-.549-.512-1.089-.502-1.62.029-.53.53-.54 1.07-.028 1.62l.549.55c.55.55 1.1.55 1.65 0 .55-.55.55-1.1 0-1.65l-.55-.549zM25.722 12.111c0 .778.39 1.167 1.167 1.167h.778c.777 0 1.166-.39 1.166-1.167 0-.778-.389-1.167-1.166-1.167h-.778c-.322 0-.597.114-.825.342-.228.228-.342.503-.342.825zM24.61 7.779c.323 0 .598-.114.824-.344l.551-.549c.55-.55.55-1.1 0-1.65-.55-.55-1.1-.55-1.65 0l-.55.55c-.366.368-.45.792-.251 1.271.198.48.557.72 1.076.722zM21.911 22.356c-.771 0-1.522.12-2.254.364-.127.042-.21.126-.25.254-.039.127-.018.244.063.35 1.283 1.689 2.07 3.583 2.362 5.684.02.142.103.214.247.214h4.906c.836 0 1.492-.343 1.967-1.031-.737-3.89-3.084-5.835-7.042-5.835h.001zM9.644 19.968c-2.518-.004-4.758.783-6.72 2.362-.1.08-.149.183-.146.31v4.2c.004 1.588.8 2.382 2.388 2.382H19.83c.122 0 .222-.046.3-.14.077-.093.105-.2.082-.319-1.083-5.863-4.606-8.795-10.568-8.795z" fill="#FFF"/> <path d="M23.778 12.111c0 3.111-1.556 4.667-4.667 4.667-3.111 0-4.667-1.556-4.667-4.667C14.444 9 16 7.444 19.111 7.444c3.111 0 4.667 1.556 4.667 4.667zM19.111 5.5c.778 0 1.167-.389 1.167-1.167v-.777c0-.45-.195-.786-.584-1.01-.388-.225-.777-.225-1.166 0-.39.224-.584.56-.584 1.01v.777c0 .778.39 1.167 1.167 1.167zM12.788 7.435c.55.552 1.1.554 1.653.004.552-.55.553-1.1.003-1.653l-.549-.55c-.55-.552-1.101-.554-1.653-.004-.553.55-.554 1.101-.005 1.654l.55.55zM10.556 13.278h.777c.778 0 1.167-.39 1.167-1.167 0-.778-.389-1.167-1.167-1.167h-.777c-.778 0-1.167.39-1.167 1.167 0 .778.389 1.167 1.167 1.167zM25.434 16.787c-.549-.512-1.089-.502-1.62.029-.53.53-.54 1.07-.028 1.62l.549.55c.55.55 1.1.55 1.65 0 .55-.55.55-1.1 0-1.65l-.55-.549zM25.722 12.111c0 .778.39 1.167 1.167 1.167h.778c.777 0 1.166-.39 1.166-1.167 0-.778-.389-1.167-1.166-1.167h-.778c-.322 0-.597.114-.825.342-.228.228-.342.503-.342.825zM24.61 7.779c.323 0 .598-.114.824-.344l.551-.549c.55-.55.55-1.1 0-1.65-.55-.55-1.1-.55-1.65 0l-.55.55c-.366.368-.45.792-.251 1.271.198.48.557.72 1.076.722zM21.911 22.356c-.771 0-1.522.12-2.254.364-.127.042-.21.126-.25.254-.039.127-.018.244.063.35 1.283 1.689 2.07 3.583 2.362 5.684.02.142.103.214.247.214h4.906c.836 0 1.492-.343 1.967-1.031-.737-3.89-3.084-5.835-7.042-5.835h.001zM9.644 19.968c-2.518-.004-4.758.783-6.72 2.362-.1.08-.149.183-.146.31v4.2c.004 1.588.8 2.382 2.388 2.382H19.83c.122 0 .222-.046.3-.14.077-.093.105-.2.082-.319-1.083-5.863-4.606-8.795-10.568-8.795z" fill="#FFF"/>
</g> </g>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

View file

@ -1,6 +1,6 @@
<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"> <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fill-rule="evenodd"> <g fill="none" fill-rule="evenodd">
<path d="M32 2.667C32 .889 31.111 0 29.333 0H2.667C1.93 0 1.302.26.78.781.261 1.301 0 1.931 0 2.667v26.666C0 31.111.889 32 2.667 32h26.666C31.111 32 32 31.111 32 29.333V2.667z" fill="#465961" fill-rule="nonzero"/> <path d="M32 2.667C32 .889 31.111 0 29.333 0H2.667C1.93 0 1.302.26.78.781.261 1.301 0 1.931 0 2.667v26.666C0 31.111.889 32 2.667 32h26.666C31.111 32 32 31.111 32 29.333V2.667z" fill="#F71D81" fill-rule="nonzero"/>
<path stroke="#FFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8 20v-8l4 4 4-4v8M22 12.07v7.916M19.5 17.5l2.48 2.525L24.5 17.5"/> <path stroke="#FFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8 20v-8l4 4 4-4v8M22 12.07v7.916M19.5 17.5l2.48 2.525L24.5 17.5"/>
</g> </g>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 525 B

After

Width:  |  Height:  |  Size: 525 B

View file

@ -1,6 +1,6 @@
<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"> <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fill-rule="evenodd"> <g fill="none" fill-rule="evenodd">
<rect fill="#C064C4" width="32" height="32" rx="2.5"/> <rect fill="#23AAF4" width="32" height="32" rx="2.5"/>
<path d="M12 16c0 1.333-.667 2-2 2s-2-.667-2-2 .667-2 2-2 2 .667 2 2zM18 16c0 1.333-.667 2-2 2s-2-.667-2-2 .667-2 2-2 2 .667 2 2zM24 16c0 1.333-.667 2-2 2s-2-.667-2-2 .667-2 2-2 2 .667 2 2z" fill="#FFF"/> <path d="M12 16c0 1.333-.667 2-2 2s-2-.667-2-2 .667-2 2-2 2 .667 2 2zM18 16c0 1.333-.667 2-2 2s-2-.667-2-2 .667-2 2-2 2 .667 2 2zM24 16c0 1.333-.667 2-2 2s-2-.667-2-2 .667-2 2-2 2 .667 2 2z" fill="#FFF"/>
</g> </g>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 416 B

After

Width:  |  Height:  |  Size: 416 B

View file

@ -0,0 +1,6 @@
<svg width="32" height="32" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="32" height="32" rx="2" fill="#FFC701"/>
<g stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M21.727 13H10.273C9.57 13 9 13.597 9 14.333v9.334C9 24.403 9.57 25 10.273 25h11.454C22.43 25 23 24.403 23 23.667v-9.334c0-.736-.57-1.333-1.273-1.333zM11.545 13V9.667c0-1.238.47-2.425 1.305-3.3A4.354 4.354 0 0116 5c1.181 0 2.314.492 3.15 1.367a4.782 4.782 0 011.305 3.3V13M16 17.667v2.666"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 532 B

View file

@ -1,5 +1,5 @@
<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path data-selector="bg" d="M2 24h13l9-9V2a2 2 0 00-2-2H2a2 2 0 00-2 2v20a2 2 0 002 2z" fill="#F0F6F9"/> <path data-selector="bg" d="M2 24h13l9-9V2a2 2 0 00-2-2H2a2 2 0 00-2 2v20a2 2 0 002 2z" fill="#F0F6F9"/>
<path data-selector="fold" d="M15 16v8l9-9h-8a1 1 0 00-1 1z" fill="#DAE8F1"/> <path data-selector="fold" d="M15 16v8l9-9h-8a1 1 0 00-1 1z" fill="#DAE8F1"/>
<rect data-selector="block" x="5.25" y="4.5" width="13.5" height="7.5" rx="1" fill="#3EB0EF"/> <rect data-selector="block" x="5.25" y="4.5" width="13.5" height="7.5" rx="1" fill="#23AAF4"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 372 B

After

Width:  |  Height:  |  Size: 372 B

View file

@ -1,6 +1,6 @@
<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path data-selector="bg" d="M2 24h13l9-9V2a2 2 0 00-2-2H2a2 2 0 00-2 2v20a2 2 0 002 2z" fill="#F0F6F9"/> <path data-selector="bg" d="M2 24h13l9-9V2a2 2 0 00-2-2H2a2 2 0 00-2 2v20a2 2 0 002 2z" fill="#F0F6F9"/>
<rect data-selector="block" x="5.25" y="4.5" width="13.5" height="4.5" rx="1" fill="#3EB0EF"/> <rect data-selector="block" x="5.25" y="4.5" width="13.5" height="4.5" rx="1" fill="#23AAF4"/>
<path data-selector="fold" d="M15 16v8l9-9h-8a1 1 0 00-1 1z" fill="#DAE8F1"/> <path data-selector="fold" d="M15 16v8l9-9h-8a1 1 0 00-1 1z" fill="#DAE8F1"/>
<rect data-selector="line" x="5.25" y="11.25" width="8.25" height="1.5" rx=".75" fill="#738A94"/> <rect data-selector="line" x="5.25" y="11.25" width="8.25" height="1.5" rx=".75" fill="#738A94"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 474 B

After

Width:  |  Height:  |  Size: 474 B