techit/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Move into app/

Browse Source
This commit is contained in:
Techit Thawiang
2025-10-07 13:52:57 +07:00
parent 6dd7d33661
commit 36f5508d48
95 changed files with 28 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/assets/css/main.css
+449
View File
@@ -0,0 +1,449 @@
@import "tailwindcss";
@custom-variant dark (&:where(.dark-theme, .dark-theme *));
@theme {
--ui-primary: var(--color-deep-dark);
--ui-container: var(--container-4xl);
--ui-container-narrow: var(--container-3xl);
--ui-radius: var(--radius-sm);
--ui-bg: white;
--ui-bg-muted: var(--color-cloud-semilight);
--ui-bg-elevated: var(--color-cloud-medium);
--ui-bg-inverted: var(--color-deep-dark);
--ui-bg-muted-inverted: var(--color-deep-semidark);
--ui-bg-elevated-inverted: var(--color-deep-medium);
--ui-border: var(--color-cloud-medium);
--ui-border-accented: var(--color-cloud-semidark);
--ui-border-intense: var(--color-cloud-dark);
--ui-text: var(--color-deep-dark);
--ui-text-muted: var(--color-smoke-medium);
--ui-text-blind: var(--color-smoke-dark);
--ui-text-inverted: var(--color-cloud-light);
--ui-text-muted-inverted: var(--color-cloud-medium);
--ui-text-blind-inverted: var(--color-cloud-dark);
--ui-header-logo-inverted: 1;
--color-primary-dark: rgb(0, 101, 254);
--color-primary: rgb(0, 101, 254);
--color-primary-ghost: rgba(0, 101, 254, 0);
--color-primary-light: rgb(53, 154, 255);
--color-primary-lighter: rgb(109, 182, 255);
--color-primary-content: rgb(237, 248, 255);
--color-text: rgb(50,50,50);
--color-deep-dark: rgb(19, 19, 19);
--color-deep-semidark: rgb(28, 28, 28);
--color-deep-medium: rgb(32, 32, 32);
--color-deep-semilight: rgb(37, 37, 37);
--color-deep-light: rgb(42, 42, 42);
--color-smoke-dark: rgb(73, 73, 73);
--color-smoke-semidark: rgb(78, 78, 78);
--color-smoke-medium: rgb(84, 84, 84);
--color-smoke-semilight: rgb(89, 89, 89);
--color-smoke-light: rgb(95, 95, 95);
--color-cloud-dark: rgb(223, 223, 223);
--color-cloud-semidark: rgb(230, 230, 230);
--color-cloud-medium: rgb(237, 237, 237);
--color-cloud-semilight: rgb(243, 243, 243);
--color-cloud-light: rgb(250, 250, 250);
--color-mc-outline: 30, 30, 31;
--color-mc-inline: 255, 255, 255, 0.2;
--color-mc-primary: 79, 160, 51;
--color-mc-primary-hover: 60, 133, 39;
--color-mc-primary-up: 29, 77, 19;
--color-mc-primary-down: 40, 100, 28;
--color-mc-surface: 244, 246, 249;
--color-mc-surface-container: 230, 232, 235;
--color-mc-surface-hover: 208, 209, 212;
--color-mc-surface-up: 88, 88, 90;
--color-mc-surface-down: 177, 178, 181;
--color-mc-input: 49, 50, 51;
--color-mc-input-shadow: 36, 36, 37;
--color-mc-container: 72, 73, 74;
--color-mc-container-up: 49, 50, 51;
--color-mc-container-hover: 88, 88, 90;
--color-mc-container-down: 49, 50, 51;
--color-mc-container-top: 90, 91, 92;
--color-mc-container-bottom: 50, 51, 52;
--font-sans: Geist, Sarabun, sans-serif;
--font-sans--font-feature-settings: "liga", "calt", "ss01", "cv05", "cv06", "cv11";
--font-mono: GeistMono, "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--font-serif: NotoSerif, NotoSerifThai, Georgia, Garamond, "Times New Roman", Times, serif;
--font-math: CMUSerif, "Cambria Math", "LatinModern Math", "STIXGeneral", math;
--ease-fluid: 0.2, 0, 0, 1;
--ease-fluid-in: .6, .2, .7, .4;
--ease-out-back: 0.34, 1.56, 0.64, 1;
}
@supports (font-variation-settings: normal) {
:root {
--font-sans: GeistVariable, Sarabun, sans-serif;
--font-mono: GeistMonoVariable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--font-serif: NotoSerifVariable, NotoSerifThaiVariable, Georgia, Garamond, "Times New Roman", Times, serif;
font-optical-sizing: auto;
}
}
.dark-mode {
--ui-primary: var(--color-cloud-light);
--ui-bg: var(--color-deep-dark);
--ui-bg-muted: var(--color-deep-semidark);
--ui-bg-elevated: var(--color-deep-medium);
--ui-bg-inverted: var(--color-cloud-light);
--ui-bg-muted-inverted: var(--color-cloud-semilight);
--ui-bg-elevated-inverted: var(--color-cloud-medium);
--ui-border: var(--color-deep-medium);
--ui-border-accented: var(--color-deep-light);
--ui-text: var(--color-cloud-dark);
--ui-text-muted: var(--color-cloud-medium);
--ui-text-blind: var(--color-cloud-dark);
--ui-text-inverted: var(--color-deep-light);
--ui-text-muted-inverted: var(--color-deep-medium);
--ui-text-blind-inverted: var(--color-deep-dark);
--ui-header-logo-inverted: 0;
--color-text: rgb(180,180,180);
}
@keyframes ring {
0% {
outline: 0px solid var(--ui-ring-color);
outline-offset: var(--ui-ring-offset);
}
25% {
outline: 12px solid var(--ui-ring-color);
outline-offset: var(--ui-ring-offset);
}
100% {
outline: var(--ui-ring-size) solid var(--ui-ring-color);
outline-offset: var(--ui-ring-offset);
}
}
*:focus-visible {
--ui-ring-size: 2px;
--ui-ring-color: var(--color-primary);
--ui-ring-offset: 0;
animation: ring 0.5s cubic-bezier(var(--ease-fluid));
outline: var(--ui-ring-size) solid var(--ui-ring-color);
outline-offset: var(--ui-ring-offset);
}
body,main {
font-family: var(--font-sans);
padding: 0;
margin: 0;
color: var(--ui-text);
background-color: var(--ui-bg);
line-height: 1.35;
}
img {
@apply rounded-lg;
}
.web-header {
display: flex;
flex-direction: row;
position: sticky;
top: 0;
height: calc(var(--spacing)*14);
z-index: 1000;
@apply duration-200 transition-all;
}
.web-header.web-header-bg {
@apply bg-(--ui-bg)/75 backdrop-blur border-b border-(--ui-text)/5;
}
.web-header-emit-shadow-when-top.shadow-active {
@apply shadow-lg;
}
.web-header-autohide.web-header-hidden {
@apply scale-95 blur opacity-0 invisible;
}
.web-nav, .web-footer-content, .article {
width: 100%;
}
.web-heading {
margin: 0 auto;
padding: 0 calc(var(--spacing)*4);
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
width: 100%;
height: 100%;
max-width: var(--ui-container);
.web-heading-left-section {
width: fit-content;
display: flex;
flex-direction: row;
justify-content: start;
height: 100%;
align-items: center;
}
.web-heading-right-section {
display: flex;
width: fit-content;
flex-direction: row;
justify-content: end;
height: 100%;
align-items: center;
}
}
p {
@apply my-[1em];
}
.font-hero {
@apply text-5xl font-bold my-[.2em];
line-height: 1.3;
}
.font-hero-desc {
@apply text-xl font-medium;
}
.web-title {
@apply text-3xl font-bold my-[.7em] transition-[color] ease-fluid duration-100;
a {
cursor: pointer;
}
.link-inline-icon {
@apply transition-[opacity_margin] ease-fluid duration-100 select-none;
margin-left: 0.5rem;
opacity: 0.5;
}
&:hover .link-inline-icon {
opacity: 1;
margin-left: 1rem;
}
&:active a {
@apply text-primary;
}
&:focus-visible a {
@apply underline;
}
&.link {
color: var(--ui-text);
}
}
.web-nav-title {
--web-nav-title-shadow: 0px 0px 16px var(--ui-bg);
@apply text-lg font-bold;
text-shadow: var(--web-nav-title-shadow),
var(--web-nav-title-shadow),
var(--web-nav-title-shadow),
var(--web-nav-title-shadow),
var(--web-nav-title-shadow);
}
.web-hero.web-hero-bg, .web-hero-post.web-hero-bg {
@apply bg-(--color-deep-semidark) text-(--color-cloud-medium);
h1,h2,h3,h4,h5,h6 {
@apply text-(--color-cloud-light)
}
}
.web-hero-post {
/* padding: clamp(calc(var(--spacing) * 32), 9vw, calc(var(--spacing) * 48)) calc(var(--spacing)*4); */
@apply flex flex-col items-center text-center;
}
.web-section {
@apply my-16 px-4;
max-width: var(--ui-container);
margin: calc(var(--spacing)*16) auto;
}
.web-section.web-section-narrow {
@apply my-16 px-4;
max-width: var(--ui-container-narrow);
margin: calc(var(--spacing)*16) auto;
}
.project-card-container, .font-card-container, .post-card-container {
@apply flex flex-col gap-1 ml-0 list-none;
}
.project-card-container > li:not(:last-child):not(:first-child):not(:only-child) > .project-card,
.post-card-container > a.post-card:not(:last-child):not(:first-child):not(:only-child),
.font-card-container > li:not(:last-child):not(:first-child):not(:only-child) > .font-card {
@apply rounded-md;
}
.project-card-container > li:last-child:not(:only-child) > .project-card,
.post-card-container > a.post-card:last-child:not(:only-child),
.font-card-container > li:last-child:not(:only-child) > .font-card {
@apply rounded-t-md;
}
.project-card-container > li:first-child:not(:only-child) > .project-card,
.post-card-container > a.post-card:first-child:not(:only-child),
.font-card-container > li:first-child:not(:only-child) > .font-card {
@apply rounded-b-md;
}
.project-card-container > li, .post-card-container > li, .font-card-container > li { @apply ml-0; }
.project-card, .font-card, .post-card {
height: 100%;
@apply flex flex-col p-2 items-center rounded-2xl sm:flex-row sm:gap-4 bg-(--ui-bg-muted) hover:bg-(--ui-bg-elevated) transition-colors duration-100 ease-fluid ml-0;
h3 { @apply text-2xl font-bold line-clamp-1; }
h3,p { z-index: 1; }
img { @apply mb-2 sm:mb-0 aspect-video object-cover w-full sm:max-w-56 rounded-lg; }
p {
@apply line-clamp-2;
margin: 0;
width: 100%;
}
.iconify {
background-color: var(--ui-text);
width: calc(var(--spacing)*16);
height: calc(var(--spacing)*16);
}
.project-card-content, .font-card-content, .post-card-content {
@apply block w-full px-2 sm:px-0;
}
&.disabled {
@apply opacity-50 pointer-events-none cursor-not-allowed;
}
}
.font-card {
padding: 0.5rem 1rem;
}
.font-card {
@apply flex-row;
}
.hamburger-toggle {
@apply flex md:hidden h-14 w-9 cursor-pointer items-center justify-center hover:bg-(--ui-text)/5 active:bg-(--ui-text)/10 transition-colors duration-100 ease-fluid;
}
.hamburger-menu {
transform-origin: top right;
@apply flex flex-col sticky h-fit left-0 top-14 w-full max-w-(--ui-container) mx-auto z-[1000] transition-all duration-200 ease-out-back;
.nav-wrapper {
list-style-type: none;
display: flex;
flex-direction: column;
margin: 0;
padding: 0 calc(var(--spacing)*4);
width: 100%;
gap: 6px;
align-items: end;
.nav-link, .nav-button {
display: flex;
font-size: 15px;
width: 100%;
max-width: 18rem;
@apply ml-0 justify-end;
a, .hamburger-btn-square {
display: flex;
align-items: center;
width: 100%;
@apply px-4 h-14 shadow-lg rounded-[28px] bg-(--ui-bg)/75 backdrop-blur border border-(--ui-text)/5 cursor-pointer hover:text-primary active:scale-[.975] transition-all duration-100 ease-fluid;
}
a.router-link-exact-active {
@apply text-white shadow-[0px_4px_16px] shadow-primary/50 bg-primary border border-primary/10 z-10;
text-shadow: 0px 8px 16px var(--color-primary);
}
.hamburger-btn-square {
@apply aspect-square justify-center;
width: unset;
}
}
.nav-button {
font-size: 15px;
width: 100%;
max-width: 18rem;
@apply ml-0 justify-end flex;
}
.nav-button.nav-button-only-desktop {
@apply hidden md:flex;
}
}
}
.hamburger-menu.hamburger-menu-hidden {
@apply scale-90 blur opacity-0 invisible ;
}
.nav-links {
@apply hidden md:flex;
height: 100%;
.nav-wrapper {
list-style-type: none;
display: flex;
flex-direction: row;
height: 100%;
gap: 6px;
.nav-link {
font-size: 15px;
align-content: center;
height: 100%;
@apply m-0;
a {
display: flex;
align-items: center;
@apply px-3 h-10 rounded-[20px] bg-(--ui-bg)/60 backdrop-blur border border-(--ui-text)/5 cursor-pointer hover:text-primary active:opacity-80 transition-colors duration-100 ease-fluid;
}
a.router-link-exact-active {
@apply text-white shadow-[0px_4px_16px] shadow-primary/50 bg-primary border border-primary/10 z-10;
text-shadow: 0px 8px 16px var(--color-primary);
}
}
}
}
code, pre, tt, kbd, samp {
font-size: 1em;
}
.link, .prose a {
& {
@apply underline text-(--ui-text);
}
&:hover {
@apply no-underline bg-(--ui-text) text-(--ui-bg);
}
&:active {
@apply opacity-80;
}
&.link-no-underline {
@apply no-underline;
}
}
.prose h2 > a {
@apply no-underline
}
ul,li { @apply ml-[1em] }
ul { @apply list-disc; }
button.btn, a.btn {
@apply cursor-pointer;
}
.btn {
@apply h-10 bg-primary text-primary-content px-4 rounded-[20px];
}
.btn.btn-sm {
@apply h-9;
}
.btn.btn-neutral {
@apply bg-(--ui-bg-muted) text-(--ui-text);
&:hover {
@apply bg-(--ui-bg-elevated);
}
&:active {
@apply bg-(--ui-border-accented);
}
}
.prose {
@apply font-serif text-lg;
ol { @apply list-decimal ml-[1em]; }
p, li { line-height: 1.5; }
h2 a, h3 a, h4 a, h5 a, h6 a { @apply text-(--ui-text); }
hr { margin-block: 1em; @apply border-(--ui-border-intense); }
li { margin-block: 1em; }
h1,h2,h3,h4,h5,h6 {
@apply font-serif font-bold;
scroll-margin-top: 80px;
}
h2 {
@apply text-2xl my-6;
}
h3 {
@apply text-xl my-6;
}
h4 {
@apply text-lg my-6;
}
img {
@apply my-3;
}
}
.post-cover {
gap: 1.5rem;
display: flex;
@apply flex-col md:flex-row-reverse
}
.post-cover > .img-cover {
@apply w-full aspect-[4/3] max-w-full md:max-w-[55%] object-cover;
}
app/assets/icons/arpsh/3d.svg
+7
View File
@@ -0,0 +1,7 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="2.025" y="4.025" width="19.95" height="15.95" rx="0.975" stroke="currentColor" stroke-width="0.05" stroke-linejoin="round" stroke-dasharray="0.1 0.1"/>
<rect x="4.025" y="2.025" width="15.95" height="19.95" rx="0.975" stroke="currentColor" stroke-width="0.05" stroke-linejoin="round" stroke-dasharray="0.1 0.1"/>
<rect x="3.025" y="3.025" width="17.95" height="17.95" rx="0.975" stroke="currentColor" stroke-width="0.05" stroke-linejoin="round" stroke-dasharray="0.1 0.1"/>
<circle cx="12" cy="12" r="9.975" stroke="currentColor" stroke-width="0.05" stroke-linejoin="round" stroke-dasharray="0.1 0.1"/>
<path d="M4 7.44444L12 11.8889M4 7.44444L12 3L20 7.44444M4 7.44444V16.5556L12 21M12 11.8889L20 7.44444M12 11.8889V21M20 7.44444V16.5556L12 21" stroke="currentColor" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 899 B

app/assets/icons/arpsh/arrow-right.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 12L14 6M20 12L14 18M20 12H3" stroke="currentColor" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 186 B

app/assets/icons/arpsh/attribution.svg
+5
View File
@@ -0,0 +1,5 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="12" r="9" stroke="currentColor" stroke-width="2"/>
<path d="M9 17V14H15V17" stroke="currentColor" stroke-width="2"/>
<circle cx="12" cy="9" r="2" stroke="currentColor" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 310 B

app/assets/icons/arpsh/book.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 18.5C5 19.3333 5.5 21 7.5 21C9.5 21 16.6667 21 19 21V16M5 18.5C5 14.4126 5 6.4715 5 5C5 3.4 6.33333 3 7 3H19V16M5 18.5C5 18.8569 5 18.1921 5 18.5ZM5 18.5C5 16.5 6.66667 16 7.5 16H19" stroke="currentColor" stroke-width="2"/>
<path d="M8 8H16" stroke="currentColor" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 398 B

app/assets/icons/arpsh/bookmark.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 3H6V20L12 17L18 20V3Z" stroke="currentColor" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 180 B

app/assets/icons/arpsh/briefcase.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3 12V7H7M3 12V21H21V12M3 12H7M21 12V7H17M21 12H17M7 7V3H17V7M7 7H17M7 12V15M7 12H17M17 12V15" stroke="currentColor" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 248 B

app/assets/icons/arpsh/calendar.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7 2V5M7 5H3V9M7 5H12H17M17 2V5M17 5H21V9M6 13H8M16 13H18M6 17H8M11 17H13M16 17H18M3 9V21H21V9M3 9H21M11 13H13" stroke="currentColor" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 265 B

app/assets/icons/arpsh/camera.svg
+8
View File
@@ -0,0 +1,8 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="2.025" y="4.025" width="19.95" height="15.95" rx="0.975" stroke="currentColor" stroke-width="0.05" stroke-linejoin="round" stroke-dasharray="0.1 0.1"/>
<rect x="4.025" y="2.025" width="15.95" height="19.95" rx="0.975" stroke="currentColor" stroke-width="0.05" stroke-linejoin="round" stroke-dasharray="0.1 0.1"/>
<rect x="3.025" y="3.025" width="17.95" height="17.95" rx="0.975" stroke="currentColor" stroke-width="0.05" stroke-linejoin="round" stroke-dasharray="0.1 0.1"/>
<circle cx="12" cy="12" r="9.975" stroke="currentColor" stroke-width="0.05" stroke-linejoin="round" stroke-dasharray="0.1 0.1"/>
<path d="M7 8H3V20H21V8H17M7 8L9 4H15L17 8M7 8H17" stroke="currentColor" stroke-width="2"/>
<circle cx="12" cy="14" r="3" stroke="currentColor" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 878 B

app/assets/icons/arpsh/check.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3 12L9 18L21 6" stroke="currentColor" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 170 B

app/assets/icons/arpsh/chevron-down.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 9L12 15L6 9" stroke="currentColor" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 170 B

app/assets/icons/arpsh/chevron-left.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15 18L9 12L15 6" stroke="currentColor" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 171 B

app/assets/icons/arpsh/chevron-up.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 15L12 9L18 15" stroke="currentColor" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 171 B

app/assets/icons/arpsh/code.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.33333 6L4 12L9.33333 18M14.6667 6L20 12L14.6667 18" stroke="currentColor" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 208 B

app/assets/icons/arpsh/copyright.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="12" r="9" stroke="currentColor" stroke-width="2"/>
<path d="M15 10.9091C15 9.93939 14.4 8 12 8C9 8 9 10.9091 9 10.9091V13.0909C9 14.0606 9.6 16 12 16C14.4 16 15 14.0606 15 13.0909" stroke="currentColor" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 345 B

app/assets/icons/arpsh/download.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4 20L20 20" stroke="currentColor" stroke-width="2"/>
<path d="M12 3V16M12 16L7 11M12 16L17 11" stroke="currentColor" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 249 B

app/assets/icons/arpsh/folder.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10 5H4V19H21V8H13L10 5Z" stroke="currentColor" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 179 B

app/assets/icons/arpsh/globe.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21 12C21 16.9706 16.9706 21 12 21M21 12C21 7.02944 16.9706 3 12 3M21 12H16M12 21C7.02944 21 3 16.9706 3 12M12 21C12 21 8 17 8 12M12 21C12 21 16 17 16 12M3 12C3 7.02944 7.02944 3 12 3M3 12H8M12 3C10.6667 4 8 7 8 12M12 3C12 3 16 7 16 12M8 12H16" stroke="currentColor" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 398 B

app/assets/icons/arpsh/hash.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 2L14.5 22M9.5 2L6 22M2 8H22M2 16H22" stroke="currentColor" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 194 B

app/assets/icons/arpsh/house.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 21H4V10L12 3L20 10V21H15M9 21V13H15V21M9 21H15" stroke="currentColor" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 204 B

app/assets/icons/arpsh/info.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 17V11M12 7V9" stroke="currentColor" stroke-width="2"/>
<circle cx="12" cy="12" r="9" stroke="currentColor" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 242 B

app/assets/icons/arpsh/landscape.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19 20H3V16L9 10L14 15M19 20L14 15M19 20H21V16L17 12L14 15" stroke="currentColor" stroke-width="2"/>
<circle cx="14.5" cy="6.5" r="2.5" stroke="currentColor" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 289 B

app/assets/icons/arpsh/layout-grid.svg
+9
View File
@@ -0,0 +1,9 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="2.025" y="4.025" width="19.95" height="15.95" rx="0.975" stroke="currentColor" stroke-width="0.05" stroke-linejoin="round" stroke-dasharray="0.1 0.1"/>
<rect x="4.025" y="2.025" width="15.95" height="19.95" rx="0.975" stroke="currentColor" stroke-width="0.05" stroke-linejoin="round" stroke-dasharray="0.1 0.1"/>
<rect x="3.025" y="3.025" width="17.95" height="17.95" rx="0.975" stroke="currentColor" stroke-width="0.05" stroke-linejoin="round" stroke-dasharray="0.1 0.1"/>
<circle cx="12" cy="12" r="9.975" stroke="currentColor" stroke-width="0.05" stroke-linejoin="round" stroke-dasharray="0.1 0.1"/>
<path d="M4 10V4H10V10H4Z" stroke="currentColor" stroke-width="2"/>
<path d="M14 20V4H20V20H14Z" stroke="currentColor" stroke-width="2"/>
<path d="M4 20V14H10V20H4Z" stroke="currentColor" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 922 B

app/assets/icons/arpsh/menu.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 6H22M2 12H22M2 18H22" stroke="currentColor" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 178 B

app/assets/icons/arpsh/monitor.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8 20H16M12 16H3V4H21V16H12Z" stroke="currentColor" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 183 B

app/assets/icons/arpsh/moon.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.251 3.00684C11.4628 4.13947 11 5.51552 11 7C11 10.866 14.134 14 18 14C19.0331 14 20.0128 13.7738 20.8955 13.3721C20.2348 17.6914 16.504 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C12.084 3 12.1676 3.00455 12.251 3.00684Z" stroke="currentColor" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 395 B

app/assets/icons/arpsh/newspaper.svg
+6
View File
@@ -0,0 +1,6 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7 21H21V3H7V9M7 21H6C5 21 3 20.4 3 18C3 15.6 3 11 3 9H7M7 21V9" stroke="currentColor" stroke-width="2"/>
<path d="M17 7H11V9H17V7Z" stroke="currentColor" stroke-width="2"/>
<path d="M10 13H18" stroke="currentColor" stroke-width="2"/>
<path d="M10 17H18" stroke="currentColor" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 408 B

app/assets/icons/arpsh/no-search.svg
+5
View File
@@ -0,0 +1,5 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="10" cy="10" r="7" stroke="currentColor" stroke-width="2"/>
<path d="M14 15L21 22" stroke="currentColor" stroke-width="2"/>
<path d="M7 7L13 13M7 13L13 7" stroke="currentColor" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 310 B

app/assets/icons/arpsh/phone.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 17H15M6 3V21H18V3H6Z" stroke="currentColor" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 178 B

app/assets/icons/arpsh/pin.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 11.2821C20 15.959 14.6667 20.7009 12 22C9.33333 20.7009 4 15.959 4 11.2821C4 5.4359 8.5 3 12 3C15.5 3 20 5.4359 20 11.2821Z" stroke="currentColor" stroke-width="2"/>
<circle cx="12" cy="11" r="3" stroke="currentColor" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 353 B

app/assets/icons/arpsh/right.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 6L15 12L9 18" stroke="currentColor" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 170 B

app/assets/icons/arpsh/search.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="10" cy="10" r="7" stroke="currentColor" stroke-width="2"/>
<path d="M14 15L21 22" stroke="currentColor" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 238 B

app/assets/icons/arpsh/sun.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="12" r="4" stroke="currentColor" stroke-width="2"/>
<path d="M12 19V22M19 12H22M5 12H2M7 7L5 5M17 7L19 5M7 17L5 19M17 17L19 19M12 5V2" stroke="currentColor" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 298 B

app/assets/icons/arpsh/trash.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4 5H6M20 5H18M6 5L7 21H17L18 5M6 5H12M18 5H12M12 5V2" stroke="currentColor" stroke-width="2"/>
<path d="M10 9V17M14 9V17" stroke="currentColor" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 276 B

app/assets/icons/arpsh/triangle-alert.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 10V14M12 16V18M12 4L3 20H21L12 4Z" stroke="currentColor" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 192 B

app/assets/icons/arpsh/wrench.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.9309 13.7174L5.64823 21L3 18.3518L10.2826 11.0692C9.51022 10.0761 8.62748 7.42784 11.2757 4.77961C13.9239 2.13139 16.5722 3.01413 17.5652 3.78653L13.2619 8.0899L15.9101 10.7381L20.2135 6.43475C20.9859 7.42784 21.8686 10.0761 19.2204 12.7243C16.5722 15.3725 13.9239 14.4898 12.9309 13.7174Z" stroke="currentColor" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 448 B

app/assets/icons/arpsh/x.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4 4L20 20M4 20L20 4" stroke="currentColor" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 175 B

app/assets/icons/mc/enchantedbook.svg
+109
View File
@@ -0,0 +1,109 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="16" y="2" width="2" height="2" fill="#3D2B0A"/>
<rect x="18" y="2" width="2" height="2" fill="#281C08"/>
<rect x="20" y="2" width="2" height="2" fill="#382A0A"/>
<rect x="22" y="4" width="2" height="2" fill="#2D2009"/>
<rect x="24" y="6" width="2" height="2" fill="#2A1E08"/>
<rect x="26" y="8" width="2" height="2" fill="#2A1E08"/>
<rect x="28" y="10" width="2" height="2" fill="#382A0A"/>
<rect x="30" y="12" width="2" height="2" fill="#292107"/>
<rect x="30" y="14" width="2" height="2" fill="#5B5B5B"/>
<rect x="30" y="16" width="2" height="2" fill="#5B5B5B"/>
<rect x="30" y="18" width="2" height="2" fill="#211B0D"/>
<rect x="28" y="18" width="2" height="2" fill="#38280C"/>
<rect x="28" y="20" width="2" height="2" fill="#342A08"/>
<rect x="26" y="20" width="2" height="2" fill="#38280C"/>
<rect x="24" y="20" width="2" height="2" fill="#38280C"/>
<rect x="26" y="22" width="2" height="2" fill="#1D1606"/>
<rect x="24" y="22" width="2" height="2" fill="#342A08"/>
<rect x="22" y="22" width="2" height="2" fill="#38280C"/>
<rect x="22" y="24" width="2" height="2" fill="#211806"/>
<rect x="20" y="24" width="2" height="2" fill="#AB1232"/>
<rect x="18" y="24" width="2" height="2" fill="#A72F48"/>
<rect x="18" y="26" width="2" height="2" fill="#A42C2B"/>
<rect x="16" y="26" width="2" height="2" fill="#161005"/>
<rect x="14" y="26" width="2" height="2" fill="#38280C"/>
<rect x="16" y="24" width="2" height="2" fill="#38280C"/>
<path d="M16 24H10V22H16V24ZM10 22H8V20H10V22ZM18 22H16V20H18V22ZM24 22H22V20H24V22ZM8 20H6V18H8V20ZM26 20H24V18H26V20ZM6 18H4V16H6V18ZM28 18H26V16H28V18ZM4 16H2V14H4V16ZM30 16H28V14H30V16Z" fill="#B8B7B1"/>
<rect x="14" y="28" width="2" height="2" fill="#2D2107"/>
<rect x="12" y="28" width="2" height="2" fill="#1D1606"/>
<rect x="10" y="28" width="2" height="2" fill="#1D1606"/>
<rect x="10" y="26" width="2" height="2" fill="#3B2A0D"/>
<rect x="12" y="26" width="2" height="2" fill="#3B2A0D"/>
<rect x="8" y="26" width="2" height="2" fill="#392B09"/>
<rect x="8" y="24" width="2" height="2" fill="#4D3811"/>
<rect x="6" y="24" width="2" height="2" fill="#302608"/>
<rect x="6" y="22" width="2" height="2" fill="#523D13"/>
<rect x="4" y="22" width="2" height="2" fill="#1D1606"/>
<rect x="4" y="20" width="2" height="2" fill="#543E13"/>
<rect x="2" y="20" width="2" height="2" fill="#161005"/>
<rect x="2" y="18" width="2" height="2" fill="#543E12"/>
<rect y="18" width="2" height="2" fill="#43360A"/>
<rect y="16" width="2" height="2" fill="#2D2009"/>
<rect y="14" width="2" height="2" fill="#36270A"/>
<rect y="12" width="2" height="2" fill="#302209"/>
<rect y="10" width="2" height="2" fill="#2E2209"/>
<rect x="2" y="10" width="2" height="2" fill="#48350C"/>
<rect x="4" y="8" width="2" height="2" fill="#3D2F0A"/>
<rect x="6" y="8" width="2" height="2" fill="#2A1E08"/>
<rect x="8" y="6" width="4" height="2" fill="#D5253E"/>
<rect x="8" y="8" width="2" height="2" fill="#AB413E"/>
<rect x="10" y="8" width="2" height="2" fill="#A72F48"/>
<rect x="12" y="8" width="2" height="2" fill="#AA1736"/>
<rect x="10" y="10" width="2" height="2" fill="#D81A42"/>
<rect x="12" y="10" width="2" height="2" fill="#AA1736"/>
<rect x="14" y="10" width="2" height="2" fill="#D81A42"/>
<rect x="12" y="12" width="2" height="2" fill="#AA1736"/>
<rect x="14" y="12" width="2" height="2" fill="#AA1736"/>
<rect x="16" y="12" width="2" height="2" fill="#A72F48"/>
<rect x="14" y="14" width="2" height="2" fill="#A72F48"/>
<rect x="16" y="14" width="2" height="2" fill="#A72F48"/>
<rect x="18" y="14" width="2" height="2" fill="#D81A42"/>
<rect x="16" y="16" width="2" height="2" fill="#D81A42"/>
<rect x="18" y="16" width="2" height="2" fill="#D19C19"/>
<rect x="20" y="16" width="2" height="2" fill="#CF981A"/>
<rect x="18" y="18" width="2" height="2" fill="#D3A216"/>
<rect x="20" y="18" width="2" height="2" fill="#D4961A"/>
<rect x="18" y="20" width="2" height="2" fill="#D61A42"/>
<rect x="20" y="20" width="2" height="2" fill="#A92E48"/>
<rect x="18" y="22" width="2" height="2" fill="#AB1232"/>
<rect x="20" y="22" width="2" height="2" fill="#D61A42"/>
<rect x="12" y="4" width="2" height="2" fill="#281C08"/>
<rect x="14" y="4" width="2" height="2" fill="#3D2C0A"/>
<path d="M10 12H12V14H14V16H16V20H10V18H12V16H10V14H8V16H6V14H2V12H4V10H10V12ZM10 18H8V16H10V18ZM24 16H22V14H24V16ZM22 14H18V12H22V14ZM28 14H24V12H26V10H28V14ZM18 12H16V10H18V12ZM26 10H24V12H22V10H20V6H18V8H16V10H14V8H12V6H16V4H22V6H24V8H26V10Z" fill="#654B17"/>
<path d="M12 18H10V16H12V18ZM10 16H8V14H10V16ZM22 16H20V14H22V16ZM24 14H22V12H24V14ZM20 10H22V12H18V10H16V8H18V6H20V10ZM26 12H24V10H26V12Z" fill="#443310"/>
<rect x="4" y="14" width="2" height="2" fill="#543E13"/>
<rect x="6" y="16" width="2" height="2" fill="#543E13"/>
<rect x="8" y="18" width="2" height="2" fill="#543E13"/>
<rect x="10" y="20" width="2" height="2" fill="#543E13"/>
<rect x="12" y="20" width="4" height="2" fill="#38280C"/>
<rect x="16" y="18" width="2" height="2" fill="#38280C"/>
<rect x="22" y="16" width="2" height="2" fill="#38280C"/>
<rect x="24" y="14" width="4" height="2" fill="#38280C"/>
<rect x="28" y="12" width="2" height="2" fill="#38280C"/>
<rect x="2" y="16" width="2" height="2" fill="#D6D6D6"/>
<rect x="4" y="18" width="2" height="2" fill="#D6D6D6"/>
<rect x="6" y="20" width="2" height="2" fill="#D6D6D6"/>
<rect x="8" y="22" width="2" height="2" fill="#D6D6D6"/>
<rect x="10" y="24" width="2" height="2" fill="#D6D6D6"/>
<rect x="12" y="24" width="4" height="2" fill="#999999"/>
<rect x="16" y="22" width="2" height="2" fill="#999999"/>
<rect x="22" y="18" width="2" height="2" fill="#999999"/>
<rect x="24" y="16" width="2" height="2" fill="#999999"/>
<rect x="26" y="18" width="2" height="2" fill="#999999"/>
<rect x="28" y="16" width="2" height="2" fill="#999999"/>
<path d="M22 4H24V6H26V8H28V10H30V12H32V20H30V22H28V24H24V26H20V28H16V30H10V28H8V26H6V24H4V22H2V20H0V10H4V8H8V6H12V4H16V2H22V4Z" fill="url(#paint0_linear_30_270)"/>
<path d="M22 4H24V6H26V8H28V10H30V12H32V20H30V22H28V24H24V26H20V28H16V30H10V28H8V26H6V24H4V22H2V20H0V10H4V8H8V6H12V4H16V2H22V4Z" fill="url(#paint1_linear_30_270)"/>
<defs>
<linearGradient id="paint0_linear_30_270" x1="6" y1="2" x2="27" y2="33" gradientUnits="userSpaceOnUse">
<stop offset="0.0890044" stop-color="#9000FF" stop-opacity="0"/>
<stop offset="0.464739" stop-color="#9000FF" stop-opacity="0.44"/>
<stop offset="0.839567" stop-color="#9100FF" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint1_linear_30_270" x1="16" y1="-6" x2="-9" y2="31.5" gradientUnits="userSpaceOnUse">
<stop offset="0.321116" stop-color="#9000FF" stop-opacity="0.0328773"/>
<stop offset="0.464739" stop-color="#9000FF" stop-opacity="0.22"/>
<stop offset="0.610358" stop-color="#9100FF" stop-opacity="0"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 6.7 KiB

app/assets/icons/mc/portal.svg
+41
View File
@@ -0,0 +1,41 @@
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_9_122)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M3 0H0V15H3V18H0V30H18V27H21V30H24V24H21V21H24V9H21V6H24V0H18V3H15V0H6V3H3V0ZM18 6V12H21V15H18V24H15V27H12V24H6V12H3V9H6V6H9V3H12V6H18ZM6 24V27H3V24H6Z" fill="#100C1C"/>
<path d="M3 0H6V3H3V0Z" fill="#271E3D"/>
<path d="M3 9H6V12H3V9Z" fill="#271E3D"/>
<path d="M0 15H3V18H0V15Z" fill="#271E3D"/>
<path d="M3 24H6V27H3V24Z" fill="#271E3D"/>
<path d="M12 24H15V27H12V24Z" fill="#281F3E"/>
<path d="M18 27H21V30H18V27Z" fill="#271E3D"/>
<path d="M21 21H24V24H21V21Z" fill="#271E3D"/>
<path d="M18 12H21V15H18V12Z" fill="#271E3D"/>
<path d="M21 6H24V9H21V6Z" fill="#271E3D"/>
<path d="M9 3H12V6H9V3Z" fill="#281F3E"/>
<path d="M15 0H18V3H15V0Z" fill="#271E3D"/>
<path d="M24 0H30V30H24V0Z" fill="#000001"/>
<path d="M6 6H9V24H6V6Z" fill="#300D76"/>
<path d="M9 6H12V9H9V6Z" fill="#651AB2"/>
<path d="M12 6H15V9H12V6Z" fill="#7B2AC1"/>
<path d="M15 6H18V9H15V6Z" fill="#9D4CD8"/>
<path d="M9 9H12V12H9V9Z" fill="#984AD1"/>
<path d="M12 9H15V12H12V9Z" fill="#661BB3"/>
<path d="M15 9H18V12H15V9Z" fill="#7B2AC1"/>
<path d="M9 12H12V15H9V12Z" fill="#7B2AC1"/>
<path d="M12 12H15V15H12V12Z" fill="#9A4CD2"/>
<path d="M15 12H18V15H15V12Z" fill="#661BB3"/>
<path d="M9 15H12V18H9V15Z" fill="#661BB3"/>
<path d="M12 15H15V18H12V15Z" fill="#7A29C0"/>
<path d="M15 15H18V18H15V15Z" fill="#9749D1"/>
<path d="M9 18H12V21H9V18Z" fill="#984AD1"/>
<path d="M12 18H15V21H12V18Z" fill="#661BB3"/>
<path d="M15 18H18V21H15V18Z" fill="#7B2AC1"/>
<path d="M9 21H12V24H9V21Z" fill="#7B2AC1"/>
<path d="M12 21H15V24H12V21Z" fill="#984AD1"/>
<path d="M15 21H18V24H15V21Z" fill="#661BB3"/>
</g>
<defs>
<clipPath id="clip0_9_122">
<rect width="30" height="30" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

app/assets/icons/mc/sprite-grass.svg
+66
View File
@@ -0,0 +1,66 @@
<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0H1V1H0V0Z" fill="#86D562"/>
<path d="M1 0H2V1H1V0Z" fill="#52A535"/>
<path d="M2 0H3V1H2V0Z" fill="#6CC349"/>
<path d="M3 0H4V1H3V0Z" fill="#86D562"/>
<path d="M4 0H5V1H4V0Z" fill="#6CC349"/>
<path d="M5 0H6V1H5V0Z" fill="#52A535"/>
<path d="M6 0H7V1H6V0Z" fill="#6CC349"/>
<path d="M7 0H8V1H7V0Z" fill="#52A535"/>
<path d="M0 1H1V2H0V1Z" fill="#52A535"/>
<path d="M1 1H2V2H1V1Z" fill="#66412C"/>
<path d="M2 1H3V2H2V1Z" fill="#50A234"/>
<path d="M3 1H4V2H3V1Z" fill="#3C8527"/>
<path d="M4 1H5V2H4V1Z" fill="#52A535"/>
<path d="M5 1H6V2H5V1Z" fill="#6CC349"/>
<path d="M6 1H7V2H6V1Z" fill="#66412C"/>
<path d="M7 1H8V2H7V1Z" fill="#6AC148"/>
<path d="M0 2H1V3H0V2Z" fill="#66412C"/>
<path d="M1 2H2V3H1V2Z" fill="#988E8A"/>
<path d="M2 2H3V3H2V2Z" fill="#66412C"/>
<path d="M3 2H4V3H3V2Z" fill="#66412C"/>
<path d="M4 2H5V3H4V2Z" fill="#6CC349"/>
<path d="M5 2H6V3H5V2Z" fill="#66412C"/>
<path d="M6 2H7V3H6V2Z" fill="#805539"/>
<path d="M7 2H8V3H7V2Z" fill="#52A535"/>
<path d="M0 3H1V4H0V3Z" fill="#976746"/>
<path d="M1 3H2V4H1V3Z" fill="#805539"/>
<path d="M2 3H3V4H2V3Z" fill="#976746"/>
<path d="M3 3H4V4H3V3Z" fill="#AD7A54"/>
<path d="M4 3H5V4H4V3Z" fill="#66412C"/>
<path d="M5 3H6V4H5V3Z" fill="#805539"/>
<path d="M6 3H7V4H6V3Z" fill="#976746"/>
<path d="M7 3H8V4H7V3Z" fill="#66412C"/>
<path d="M0 4H1V5H0V4Z" fill="#805539"/>
<path d="M1 4H2V5H1V4Z" fill="#66412C"/>
<path d="M2 4H3V5H2V4Z" fill="#66412C"/>
<path d="M3 4H4V5H3V4Z" fill="#976746"/>
<path d="M4 4H5V5H4V4Z" fill="#805539"/>
<path d="M5 4H6V5H5V4Z" fill="#AD7A54"/>
<path d="M6 4H7V5H6V4Z" fill="#66412C"/>
<path d="M7 4H8V5H7V4Z" fill="#66412C"/>
<path d="M0 5H1V6H0V5Z" fill="#AD7A54"/>
<path d="M1 5H2V6H1V5Z" fill="#805539"/>
<path d="M2 5H3V6H2V5Z" fill="#66412C"/>
<path d="M3 5H4V6H3V5Z" fill="#66412C"/>
<path d="M4 5H5V6H4V5Z" fill="#998F8B"/>
<path d="M5 5H6V6H5V5Z" fill="#805539"/>
<path d="M6 5H7V6H6V5Z" fill="#976746"/>
<path d="M7 5H8V6H7V5Z" fill="#805539"/>
<path d="M0 6H1V7H0V6Z" fill="#805539"/>
<path d="M1 6H2V7H1V6Z" fill="#976746"/>
<path d="M2 6H3V7H2V6Z" fill="#66412C"/>
<path d="M3 6H4V7H3V6Z" fill="#AD7A54"/>
<path d="M4 6H5V7H4V6Z" fill="#976746"/>
<path d="M5 6H6V7H5V6Z" fill="#A67450"/>
<path d="M6 6H7V7H6V6Z" fill="#805539"/>
<path d="M7 6H8V7H7V6Z" fill="#976746"/>
<path d="M0 7H1V8H0V7Z" fill="#66412C"/>
<path d="M1 7H2V8H1V7Z" fill="#805539"/>
<path d="M2 7H3V8H2V7Z" fill="#998F8B"/>
<path d="M3 7H4V8H3V7Z" fill="#805539"/>
<path d="M4 7H5V8H4V7Z" fill="#805539"/>
<path d="M5 7H6V8H5V7Z" fill="#976746"/>
<path d="M6 7H7V8H6V7Z" fill="#704931"/>
<path d="M7 7H8V8H7V7Z" fill="#AD7A54"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

app/assets/icons/oundr/3d.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4 7.44444L12 11.8889M4 7.44444L11.0287 3.5396C11.6328 3.20402 12.3672 3.20402 12.9713 3.5396L20 7.44444M4 7.44444V15.3787C4 16.1051 4.39378 16.7743 5.02871 17.1271L12 21M12 11.8889L20 7.44444M12 11.8889V21M20 7.44444V15.3787C20 16.1051 19.6062 16.7743 18.9713 17.1271L12 21" stroke="currentColor" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 429 B

app/assets/icons/oundr/arrow-right.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 12L14 6M20 12L14 18M20 12H4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 233 B

app/assets/icons/oundr/attribution.svg
+5
View File
@@ -0,0 +1,5 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="12" r="9" stroke="currentColor" stroke-width="2"/>
<path d="M9 16C9 16 9.5 14 12 14C14.5 14 15 16 15 16" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
<circle cx="12" cy="9" r="2" stroke="currentColor" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 362 B

app/assets/icons/oundr/book.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 18.5C5 19.3333 5.5 21 7.5 21C9.08317 21 13.9038 21 17.0018 21C18.1064 21 19 20.1046 19 19V16M5 18.5C5 14.4126 5 6.4715 5 5C5 3.4 6.33333 3 7 3H17C18.1046 3 19 3.89543 19 5V16M5 18.5C5 18.8569 5 18.1921 5 18.5ZM5 18.5C5 16.5 6.66667 16 7.5 16H19" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/>
<path d="M9 8H15" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 508 B

app/assets/icons/oundr/bookmark.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 3H8C6.89543 3 6 3.89543 6 5V17.7299C6 19.4256 7.97771 20.3519 9.28037 19.2664L10.7196 18.067C11.4613 17.4489 12.5387 17.4489 13.2804 18.067L14.7196 19.2664C16.0223 20.3519 18 19.4256 18 17.7299V5C18 3.89543 17.1046 3 16 3Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 428 B

app/assets/icons/oundr/briefcase.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3 12V9C3 7.89543 3.89543 7 5 7H7M3 12V19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V12M3 12H7M21 12V9C21 7.89543 20.1046 7 19 7H17M21 12H17M7 7V5C7 3.89543 7.89543 3 9 3H15C16.1046 3 17 3.89543 17 5V7M7 7H17M7 12V14M7 12H17M17 12V14" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 425 B

app/assets/icons/oundr/calendar.svg
+9
View File
@@ -0,0 +1,9 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7 2V5M7 5H5C3.89543 5 3 5.89543 3 7V9M7 5H12H17M17 2V5M17 5H19C20.1046 5 21 5.89543 21 7V9M3 9V19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V9M3 9H21" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<circle cx="7" cy="13" r="1" fill="black"/>
<circle cx="12" cy="13" r="1" fill="black"/>
<circle cx="17" cy="13" r="1" fill="black"/>
<circle cx="7" cy="17" r="1" fill="black"/>
<circle cx="12" cy="17" r="1" fill="black"/>
<circle cx="17" cy="17" r="1" fill="black"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 634 B

app/assets/icons/oundr/camera.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7 8H5C3.89543 8 3 8.89543 3 10V18C3 19.1046 3.89543 20 5 20H19C20.1046 20 21 19.1046 21 18V10C21 8.89543 20.1046 8 19 8H17M7 8L8.44721 5.10557C8.786 4.428 9.47852 4 10.2361 4H13.7639C14.5215 4 15.214 4.428 15.5528 5.10557L17 8M7 8H17" stroke="currentColor" stroke-width="2"/>
<circle cx="12" cy="14" r="3" stroke="currentColor" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 460 B

app/assets/icons/oundr/check.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3 12L9 18L21 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 217 B

app/assets/icons/oundr/chevron-down.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 9L12 15L6 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 217 B

app/assets/icons/oundr/chevron-left.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15 18L9 12L15 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 218 B

app/assets/icons/oundr/chevron-up.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 15L12 9L18 15" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 218 B

app/assets/icons/oundr/code.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.33333 6L4 12L9.33333 18M14.6667 6L20 12L14.6667 18" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 255 B

app/assets/icons/oundr/copyright.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="12" r="9" stroke="currentColor" stroke-width="2"/>
<path d="M15 10C15 9.5 14.4 8 12 8C9 8 9 10.9091 9 10.9091V13.0909C9 14.0606 9.6 16 12 16C14.4 16 15 14.5 15 14.0909" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 356 B

app/assets/icons/oundr/download.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4 20L20 20" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 4V16M12 16L8 12M12 16L16 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 343 B

app/assets/icons/oundr/folder.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.17157 5H6C4.89543 5 4 5.89543 4 7V17C4 18.1046 4.89543 19 6 19H19C20.1046 19 21 18.1046 21 17V10C21 8.89543 20.1046 8 19 8H13.8284C13.298 8 12.7893 7.78929 12.4142 7.41421L10.5858 5.58579C10.2107 5.21071 9.70201 5 9.17157 5Z" stroke="currentColor" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 382 B

app/assets/icons/oundr/globe.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21 12C21 16.9706 16.9706 21 12 21M21 12C21 7.02944 16.9706 3 12 3M21 12H16M12 21C7.02944 21 3 16.9706 3 12M12 21C12 21 8 17 8 12M12 21C12 21 16 17 16 12M3 12C3 7.02944 7.02944 3 12 3M3 12H8M12 3C10.6667 4 8 7 8 12M12 3C12 3 16 7 16 12M8 12H16" stroke="currentColor" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 398 B

app/assets/icons/oundr/hash.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 3L14.5 21M9.5 3L6 21M3 8H21M3 16H21" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 217 B

app/assets/icons/oundr/house.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 21H6C4.89543 21 4 20.1046 4 19V10.9075C4 10.3308 4.24896 9.78216 4.68299 9.40238L10.683 4.15238C11.437 3.49259 12.563 3.49259 13.317 4.15238L19.317 9.40238C19.751 9.78216 20 10.3308 20 10.9075V19C20 20.1046 19.1046 21 18 21H15M9 21V15C9 13.8954 9.89543 13 11 13H13C14.1046 13 15 13.8954 15 15V21M9 21H15" stroke="currentColor" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 461 B

app/assets/icons/oundr/info.svg
+23
View File
@@ -0,0 +1,23 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_84_217)">
<g filter="url(#filter0_d_84_217)">
<path d="M12 16V12M12 8V8.5" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</g>
<circle cx="12" cy="12" r="9" stroke="currentColor" stroke-width="2"/>
</g>
<defs>
<filter id="filter0_d_84_217" x="7" y="7" width="10" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" 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="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_84_217"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_84_217" result="shape"/>
</filter>
<clipPath id="clip0_84_217">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

app/assets/icons/oundr/landscape.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19 20H5C3.89543 20 3 19.1046 3 18V16.8284C3 16.298 3.21071 15.7893 3.58579 15.4142L7.58579 11.4142C8.36683 10.6332 9.63317 10.6332 10.4142 11.4142L14 15M19 20L14 15M19 20V20C20.1046 20 21 19.1046 21 18V16.8284C21 16.298 20.7893 15.7893 20.4142 15.4142L18.4142 13.4142C17.6332 12.6332 16.3668 12.6332 15.5858 13.4142L14 15" stroke="currentColor" stroke-width="2"/>
<circle cx="14.5" cy="6.5" r="2.5" stroke="currentColor" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 553 B

app/assets/icons/oundr/layout-grid.svg
+5
View File
@@ -0,0 +1,5 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4 8V6C4 4.89543 4.89543 4 6 4H8C9.10457 4 10 4.89543 10 6V8C10 9.10457 9.10457 10 8 10H6C4.89543 10 4 9.10457 4 8Z" stroke="currentColor" stroke-width="2"/>
<path d="M14 18V6C14 4.89543 14.8954 4 16 4H18C19.1046 4 20 4.89543 20 6V18C20 19.1046 19.1046 20 18 20H16C14.8954 20 14 19.1046 14 18Z" stroke="currentColor" stroke-width="2"/>
<path d="M4 18V16C4 14.8954 4.89543 14 6 14H8C9.10457 14 10 14.8954 10 16V18C10 19.1046 9.10457 20 8 20H6C4.89543 20 4 19.1046 4 18Z" stroke="currentColor" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 623 B

app/assets/icons/oundr/menu.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3 6H21M3 12H21M3 18H21" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 201 B

app/assets/icons/oundr/monitor.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 20H15M12 16H5C3.89543 16 3 15.1046 3 14V6C3 4.89543 3.89543 4 5 4H19C20.1046 4 21 4.89543 21 6V14C21 15.1046 20.1046 16 19 16H12Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 334 B

app/assets/icons/oundr/moon.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.4078 3.15063C11.1898 3.00568 11.6727 3.89932 11.4053 4.64836C11.143 5.38329 11 6.1749 11 7C11 10.866 14.134 14 18 14C18.3856 14 18.7638 13.9685 19.1323 13.9081C19.9164 13.7796 20.7087 14.4137 20.4299 15.1577C19.1511 18.5706 15.8594 21 12 21C7.02944 21 3 16.9706 3 12C3 7.62306 6.25107 3.9211 10.4078 3.15063Z" stroke="currentColor" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 467 B

app/assets/icons/oundr/newspaper.svg
+6
View File
@@ -0,0 +1,6 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7 21H19C20.1046 21 21 20.1046 21 19V5C21 3.89543 20.1046 3 19 3H9C7.89543 3 7 3.89543 7 5V9M7 21H6C5 21 3 20.4 3 18C3 16.223 3 13.24 3 10.9992C3 9.8946 3.89543 9 5 9H7M7 21V9" stroke="currentColor" stroke-width="2"/>
<path d="M16.95 7H11.05C11.0224 7 11 7.02239 11 7.05V8.95C11 8.97761 11.0224 9 11.05 9H16.95C16.9776 9 17 8.97761 17 8.95V7.05C17 7.02239 16.9776 7 16.95 7Z" stroke="currentColor" stroke-width="2"/>
<path d="M11 13H17" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
<path d="M11 17H17" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 697 B

app/assets/icons/oundr/no-search.svg
+5
View File
@@ -0,0 +1,5 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="10" cy="10" r="7" stroke="currentColor" stroke-width="2"/>
<path d="M15 16L21 22" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
<path d="M8 8L12 12M8 12L12 8" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 380 B

app/assets/icons/oundr/phone.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10 17H14M18 5V19C18 20.1046 17.1046 21 16 21H8C6.89543 21 6 20.1046 6 19V5C6 3.89543 6.89543 3 8 3H16C17.1046 3 18 3.89543 18 5Z" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 307 B

app/assets/icons/oundr/pin.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 11.2821C20 15.5028 15.6564 19.7764 12.8491 21.5248C12.327 21.8499 11.673 21.8499 11.1509 21.5248C8.3436 19.7764 4 15.5028 4 11.2821C4 5.4359 8.5 3 12 3C15.5 3 20 5.4359 20 11.2821Z" stroke="currentColor" stroke-width="2"/>
<circle cx="12" cy="11" r="3" stroke="currentColor" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 410 B

app/assets/icons/oundr/right.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 6L15 12L9 18" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 217 B

app/assets/icons/oundr/search.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="10" cy="10" r="7" stroke="currentColor" stroke-width="2"/>
<path d="M15 16L21 22" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 261 B

app/assets/icons/oundr/sun.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="12" r="4" stroke="currentColor" stroke-width="2"/>
<path d="M12 19V21M19 12H21M5 12H3M7 7L6 6M17 7L18 6M7 17L6 18M17 17L18 18M12 5V3" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 321 B

app/assets/icons/oundr/trash.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4 5H6M20 5H18M6 5L6.8828 19.1248C6.94868 20.1788 7.82278 21 8.8789 21H15.1211C16.1772 21 17.0513 20.1788 17.1172 19.1248L18 5M6 5H12M18 5H12M12 5V3" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M10 10V16M14 10V16" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 467 B

app/assets/icons/oundr/triangle-alert.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 10V13M12 16.5V17M12 4L3 20H21L12 4Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 241 B

app/assets/icons/oundr/wrench.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.535 14.4177C13.5462 14.2188 12.3956 14.2526 11.6824 14.9658L6.97234 19.6759C6.24105 20.4072 5.0554 20.4072 4.32411 19.6759V19.6759C3.59283 18.9446 3.59283 17.7589 4.32411 17.0277L9.03418 12.3176C9.7474 11.6044 9.78122 10.4538 9.58225 9.465C9.32781 8.20052 9.56526 6.49007 11.2757 4.77961C12.772 3.28335 14.2682 2.91428 15.466 3.01564C16.6647 3.11708 16.8139 4.53788 15.9632 5.38852L14.586 6.76578C13.8547 7.49707 13.8547 8.68272 14.586 9.41401V9.41401C15.3173 10.1453 16.5029 10.1453 17.2342 9.41401L18.6115 8.03675C19.4621 7.1861 20.8829 7.33532 20.9844 8.53403C21.0857 9.73176 20.7167 11.228 19.2204 12.7243C17.5099 14.4347 15.7995 14.6722 14.535 14.4177Z" stroke="currentColor" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 816 B

app/assets/icons/oundr/x.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4 4L20 20M4 20L20 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 222 B