505 lines
No EOL
44 KiB
CSS
505 lines
No EOL
44 KiB
CSS
/*
|
|
|
|
akkoma frontend - synth.download edition
|
|
(sd-custom.css is the file you should edit - minify it and paste the minified varient into custom.css)
|
|
|
|
yes, we COULD just modify the styling for elements directly since we fork it -
|
|
but doing so removes the original styling, and we aren't sure if everyone would like our tweaks (therefore could be disabled/reverted if preferred)
|
|
and doing would probably be less of a hassle to maintain with future upstream merges, even if the akkoma components are like. never ever touched again by upstream lol
|
|
|
|
plus, other admins could steal our changes too more easily without forking :]]
|
|
|
|
note that our fork of the akkoma-fe implements cohost styled posts so the classes are changed. so if you are someone who wants to steal this keep that in mind, may need to change some stuff around
|
|
|
|
*/
|
|
|
|
/* selection arrow is misaligned */
|
|
label.Select svg {
|
|
margin-bottom: auto;
|
|
margin-top: auto;
|
|
}
|
|
|
|
/* active selection on navbar don't work well with phosphor icons */
|
|
.router-link-active {
|
|
font-size: unset !important;
|
|
margin-top: unset !important;
|
|
}
|
|
|
|
/* notifications */
|
|
.Notifications {
|
|
/* replace gradient with dot */
|
|
.notification.unseen .notification-overlay {
|
|
background-image: unset !important;
|
|
background: var(--badgeNotification, #f00);
|
|
border-radius: 99px; /* uniform with the badge, default hardcoded value */
|
|
border: solid 0.25rem var(--bg);
|
|
height: 1rem;
|
|
margin-left: 0.15rem;
|
|
margin-top: 0.15rem;
|
|
width: 1rem;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* cohost styled posts */
|
|
.chostlike {
|
|
.status-container {
|
|
/* enforce normalized padding */
|
|
padding: var(--status-margin, 0.75em) !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* posting form changes */
|
|
.form-group {
|
|
.form-control {
|
|
.form-post-subject {
|
|
background: color-mix(in srgb, var(--cOrange) 10%, transparent);
|
|
border-radius: var(--inputRadius) !important;
|
|
border: solid 0.1rem var(--cOrange) !important;
|
|
margin-bottom: 0.8rem;
|
|
}
|
|
|
|
.form-post-body {
|
|
border-radius: var(--inputRadius) !important;
|
|
}
|
|
}
|
|
|
|
/* visibility on statuses - selector when posting */
|
|
.visibility-tray .ScopeSelector button.selected {
|
|
/* followers only */
|
|
svg.fa-lock {
|
|
color: var(--cOrange) !important;
|
|
}
|
|
|
|
/* direct message */
|
|
svg.fa-envelope {
|
|
color: var(--accent) !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* visibility on statuses - posts */
|
|
.status-heading .heading-name-row .heading-right .visibility-icon {
|
|
/* followers only */
|
|
svg.fa-lock {
|
|
color: var(--cOrange) !important;
|
|
}
|
|
|
|
/* direct message */
|
|
svg.fa-envelope {
|
|
color: var(--accent) !important;
|
|
}
|
|
}
|
|
|
|
/* posts that are direct messages */
|
|
.Status:has(.visibility-icon .fa-envelope) {
|
|
border-left: .2rem solid var(--accent);
|
|
}
|
|
|
|
/* nicer mentioned users links */
|
|
.MentionsLine .MentionLink {
|
|
background-color: color-mix(in srgb, var(--accent) 10%, transparent) !important;
|
|
border-radius: 5px;
|
|
color: var(--accent);
|
|
margin-right: .4rem;
|
|
padding: .2rem;
|
|
|
|
&:last-child {
|
|
margin-right: unset !important;
|
|
}
|
|
|
|
&::before {
|
|
content: unset !important;
|
|
}
|
|
}
|
|
|
|
/* "selected" post changes */
|
|
.Status.-focused {
|
|
background-color: color-mix(in srgb, var(--selectedPost) 50%, transparent) !important;
|
|
border-radius: var(--panelRadius, 10px) !important;
|
|
}
|
|
|
|
/* more visible replies footer */
|
|
.status-container {
|
|
.replies {
|
|
background-color: var(--selectedPost) !important;
|
|
border-radius: var(--tooltipRadius);
|
|
color: var(--text) !important;
|
|
margin-top: 0.4rem !important;
|
|
padding: 0.3rem 0.3rem 0.3rem 0.5rem;
|
|
width: fit-content !important;
|
|
}
|
|
}
|
|
|
|
/* edited timestamp changes */
|
|
.heading-edited-row {
|
|
color: var(--faint);
|
|
}
|
|
|
|
/* regular posts style changes */
|
|
.Status.classic {
|
|
/* more visible "reply to" header */
|
|
.heading-reply-row {
|
|
.reply-glued-label {
|
|
background-color: var(--selectedPost);
|
|
border-radius: var(--tooltipRadius);
|
|
color: var(--text);
|
|
padding: 0.3rem;
|
|
|
|
.shortName {
|
|
color: var(--accent);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/* cohost styled post changes */
|
|
.Status.chostlike {
|
|
/*
|
|
* so:
|
|
* - the backgrounds aren't styled properly, so we redo that ourselves
|
|
* - a lot of elements are kinda just weirdly fucked here for some reason
|
|
* - this implementation is entirely jank, just like the rest of akkoma
|
|
*
|
|
* ...in the end a lot of their styling ends up breaking so we practically just end up restyling everything ourselves :p
|
|
* great! welcome to the *omas
|
|
*/
|
|
.status-container {
|
|
.right-side {
|
|
background-color: var(--bg) !important;
|
|
border-radius: 10px !important;
|
|
box-shadow: var(--panelShadow) !important;
|
|
padding: unset; /* conflicts weirdly */
|
|
|
|
.status-heading,
|
|
.status-actions {
|
|
background-color: var(--selectedPost); /* set background color back to elements */
|
|
}
|
|
|
|
.status-heading {
|
|
border-radius: var(--panelRadius, 10px) var(--panelRadius, 10px) 0 0;
|
|
padding: var(--status-margin, 0.75em) var(--status-margin, 0.75em) .3rem var(--status-margin, 0.75em);
|
|
|
|
.reply-glued-label {
|
|
padding-bottom: .3rem;
|
|
}
|
|
}
|
|
|
|
.content {
|
|
/* different/better padding */
|
|
padding: .8rem .7rem !important;
|
|
}
|
|
|
|
.replies {
|
|
margin-bottom: .5rem;
|
|
margin-left: .5rem;
|
|
margin-right: .5rem; /* in case of overflow */
|
|
margin-top: unset !important;
|
|
}
|
|
|
|
.favs-repeated-users {
|
|
margin-bottom: .5rem;
|
|
margin-left: .5rem;
|
|
margin-right: .5rem; /* in case of overflow */
|
|
}
|
|
|
|
.emoji-reactions {
|
|
display: none; /* what the fuck */
|
|
|
|
&:has(button) {
|
|
border-bottom: unset !important;
|
|
display: flex;
|
|
margin-bottom: .3rem;
|
|
margin-top: -.3rem;
|
|
}
|
|
}
|
|
|
|
.status-actions {
|
|
border-radius: 0 0 var(--panelRadius, 10px) var(--panelRadius, 10px);
|
|
border-top: 1px solid var(--faint);
|
|
margin-top: unset !important;
|
|
padding: var(--status-margin, 0.75em);
|
|
width: unset !important; /* width 100% breaks it here */
|
|
|
|
.ExtraButtons {
|
|
flex: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/* cohost styled posts, if it's a boost */
|
|
.Status.chostlike:has(.repeat-info) {
|
|
.status-container {
|
|
.right-side {
|
|
.status-heading {
|
|
border-radius: unset !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* boost info */
|
|
.repeat-info {
|
|
.left-side {
|
|
/* profile picture */
|
|
margin-top: .6rem;
|
|
}
|
|
|
|
.right-side {
|
|
background-color: var(--selectedPost) !important;
|
|
border-bottom: 1px solid rgba(0, 0, 0, .2);
|
|
border-radius: var(--panelRadius, 10px) var(--panelRadius, 10px) 0 0 !important;
|
|
padding: var(--status-margin) !important; /* "starting to notice a trend where this var is fixing everything" */
|
|
}
|
|
}
|
|
}
|
|
|
|
/* less obnoxious username */
|
|
.account-name {
|
|
color: var(--faint);
|
|
}
|
|
|
|
/* sidebar changes (why do they all use the ugly link color) */
|
|
.NavPanel {
|
|
li .menu-item {
|
|
border-radius: unset !important;
|
|
color: var(--text);
|
|
}
|
|
}
|
|
|
|
/* attachment buttons modifications */
|
|
.Attachment .attachment-buttons {
|
|
.attachment-button {
|
|
svg path {
|
|
fill: var(--btnText, #b9b9ba);
|
|
}
|
|
|
|
background-color: var(--btn, #182230) !important;
|
|
border-radius: var(--btnRadius, 4px) !important;
|
|
border: 0.1rem solid var(--border) !important;
|
|
font-size: 1rem !important;
|
|
height: 1.6em !important;
|
|
vertical-align: middle !important;
|
|
width: 2em !important;
|
|
}
|
|
|
|
/* alt text button */
|
|
.attachment-button:has(.fa-align-right) {
|
|
svg {
|
|
display: none;
|
|
}
|
|
|
|
color: var(--btnText, #b9b9ba);
|
|
font-weight: bold;
|
|
padding-left: 0.2rem;
|
|
padding-right: 0.2rem;
|
|
}
|
|
|
|
.attachment-button:has(.fa-align-right)::after {
|
|
content: "ALT";
|
|
}
|
|
|
|
/* expand attatchment button */
|
|
.attachment-button:has(.fa-magnifying-glass-plus) {
|
|
padding-left: 0.1rem;
|
|
padding-right: 0.1rem;
|
|
}
|
|
|
|
/* hide button (on spoilered media) */
|
|
.attachment-button:has(.fa-xmark) {
|
|
padding-left: 0.1rem;
|
|
padding-right: 0.1rem;
|
|
}
|
|
}
|
|
|
|
/* give emoji reactions a more normalized/better styling */
|
|
.emoji-reactions {
|
|
button {
|
|
box-shadow: unset !important;
|
|
margin-bottom: 0.3rem;
|
|
margin-top: 0.2rem;
|
|
max-height: 1.8rem;
|
|
min-height: 1.8rem;
|
|
|
|
span {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.reaction-emoji {
|
|
height: 1.6rem !important;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.unicode-emoji {
|
|
font-size: 1.4rem !important;
|
|
}
|
|
|
|
.picked-reaction {
|
|
background-color: color-mix(in srgb, var(--accent) 10%, transparent) !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* don't enforce aspect ratio on emojis in username */
|
|
.Status .heading-left img {
|
|
aspect-ratio: unset !important;
|
|
}
|
|
|
|
.Status .repeater-name .emoji {
|
|
width: unset !important;
|
|
}
|
|
|
|
/* --------------------------------------------------------------------------- */
|
|
/* -- everything below this is icon replacements -- */
|
|
/* -- font awesome icons -> phosphor icons -- */
|
|
/* -- all icons are bold varient -- */
|
|
/* -- see https://icon-sets.iconify.design/ph/?suffixes=Bold&keyword=ph -- */
|
|
/* --------------------------------------------------------------------------- */
|
|
|
|
/* bottom set of icons in posting field */
|
|
.post-status-form .media-upload-icon,
|
|
.post-status-form .poll-icon,
|
|
.post-status-form .emoji-icon,
|
|
.post-status-form .spoiler-icon {
|
|
font-size: unset !important;
|
|
justify-content: center !important;
|
|
transform: scale(1.2);
|
|
}
|
|
|
|
/* icon used in reply tag */
|
|
.reply-to svg {
|
|
vertical-align: text-bottom !important;
|
|
}
|
|
|
|
/* filter buttons are a bit small */
|
|
.fa-filter {
|
|
transform: scale(1.8) !important;
|
|
}
|
|
|
|
/* buttons on other profiles are just really weird */
|
|
.main .panel-default .user-card .user-buttons {
|
|
display: flex;
|
|
flex-direction: row;
|
|
|
|
.button-unstyled {
|
|
height: 2rem !important;
|
|
margin: unset !important;
|
|
padding: unset !important;
|
|
text-align: center !important;
|
|
vertical-align: middle !important;
|
|
width: 2rem !important;
|
|
|
|
/* there's definetly a better way to fix this but this is so fucking jank. luke how do you even like this fe */
|
|
.fa-up-right-from-square {
|
|
transform: translateY(.4rem) scale(1.4) !important;
|
|
}
|
|
|
|
.fa-rss {
|
|
transform: translateY(.5rem) scale(1.7) !important;
|
|
}
|
|
|
|
.fa-ellipsis-vertical {
|
|
transform: scale(5) !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* favorited/active star */
|
|
.-favorited .fa-star,
|
|
.-type--like .fa-star {
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='m234.29 114.85l-45 38.83L203 211.75a16.4 16.4 0 0 1-24.5 17.82L128 198.49l-50.53 31.08A16.4 16.4 0 0 1 53 211.75l13.76-58.07l-45-38.83A16.46 16.46 0 0 1 31.08 86l59-4.76l22.76-55.08a16.36 16.36 0 0 1 30.27 0l22.75 55.08l59 4.76a16.46 16.46 0 0 1 9.37 28.86Z'/%3E%3C/svg%3E") !important; /* star (filled varient) */
|
|
}
|
|
|
|
/* readd some original functionality back */
|
|
.fa-2x {
|
|
transform: scale(1.5) !important;
|
|
}
|
|
|
|
/* =========================================================================== */
|
|
|
|
/* messes with some values + we only just use svg */
|
|
[class^="fa-"] {
|
|
font-size: unset !important;
|
|
}
|
|
|
|
/* general/new reused icon styling */
|
|
.svg-inline--fa,
|
|
.icon {
|
|
-webkit-mask-image: var(--svg);
|
|
-webkit-mask-repeat: no-repeat;
|
|
-webkit-mask-size: 100% 100%;
|
|
background-color: currentColor;
|
|
display: inline-block;
|
|
height: 1rem !important;
|
|
mask-image: var(--svg);
|
|
mask-repeat: no-repeat;
|
|
mask-size: 100% 100%;
|
|
transform: scale(1.4);
|
|
vertical-align: text-top !important;
|
|
}
|
|
|
|
.fa-bars { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M228 128a12 12 0 0 1-12 12H40a12 12 0 0 1 0-24h176a12 12 0 0 1 12 12M40 76h176a12 12 0 0 0 0-24H40a12 12 0 0 0 0 24m176 104H40a12 12 0 0 0 0 24h176a12 12 0 0 0 0-24'/%3E%3C/svg%3E"); } /* list */
|
|
.fa-bars-staggered { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M84 64a12 12 0 0 1 12-12h120a12 12 0 0 1 0 24H96a12 12 0 0 1-12-12m132 52H96a12 12 0 0 0 0 24h120a12 12 0 0 0 0-24m0 64H96a12 12 0 0 0 0 24h120a12 12 0 0 0 0-24M56 52H40a12 12 0 0 0 0 24h16a12 12 0 0 0 0-24m0 64H40a12 12 0 0 0 0 24h16a12 12 0 0 0 0-24m0 64H40a12 12 0 0 0 0 24h16a12 12 0 0 0 0-24'/%3E%3C/svg%3E"); } /* list-dashes */
|
|
.fa-bell { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M225.29 165.93C216.61 151 212 129.57 212 104a84 84 0 0 0-168 0c0 25.58-4.59 47-13.27 61.93a20.08 20.08 0 0 0-.07 20.07A19.77 19.77 0 0 0 48 196h36.18a44 44 0 0 0 87.64 0H208a19.77 19.77 0 0 0 17.31-10a20.08 20.08 0 0 0-.02-20.07M128 212a20 20 0 0 1-19.6-16h39.2a20 20 0 0 1-19.6 16m-73.34-40C63.51 154 68 131.14 68 104a60 60 0 0 1 120 0c0 27.13 4.48 50 13.33 68Z'/%3E%3C/svg%3E"); } /* bell */
|
|
.fa-bolt { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M219.71 117.38a12 12 0 0 0-7.25-8.52l-51.18-20.47l10.59-70.61a12 12 0 0 0-20.64-10l-112 120a12 12 0 0 0 4.31 19.33l51.18 20.47l-10.59 70.64a12 12 0 0 0 20.64 10l112-120a12 12 0 0 0 2.94-10.84M113.6 203.55l6.27-41.77a12 12 0 0 0-7.41-12.92l-43.72-17.49l73.66-78.92l-6.27 41.77a12 12 0 0 0 7.41 12.92l43.72 17.49Z'/%3E%3C/svg%3E"); } /* lightning */
|
|
.fa-bookmark { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M184 28H72a20 20 0 0 0-20 20v176a12 12 0 0 0 18.36 10.18l57.63-36l57.65 36A12 12 0 0 0 204 224V48a20 20 0 0 0-20-20m-4 174.35l-45.65-28.53a12 12 0 0 0-12.72 0L76 202.35V52h104Z'/%3E%3C/svg%3E"); } /* bookmark-simple */
|
|
.fa-bullhorn { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M252 120a52.06 52.06 0 0 0-52-52h-39.68c-3.44-.21-52.6-4-99.46-43.3A20 20 0 0 0 28 40v160a19.8 19.8 0 0 0 11.54 18.12a19.86 19.86 0 0 0 21.32-2.81A192.9 192.9 0 0 1 144 174.47v26.2a20 20 0 0 0 8.9 16.64a11 11 0 0 0 1.39.8l14.44 7.06A20 20 0 0 0 198.37 213l11.09-41.82A52.07 52.07 0 0 0 252 120M52 191.63V48.4c36.17 28.07 72.17 38.1 92 41.66V150c-19.83 3.52-55.83 13.55-92 41.63m124.39 10.57l-8.39-4.1V172h16.4ZM200 148h-32V92h32a28 28 0 1 1 0 56'/%3E%3C/svg%3E"); } /* megaphone */
|
|
.fa-chevron-down { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='m216.49 104.49l-80 80a12 12 0 0 1-17 0l-80-80a12 12 0 0 1 17-17L128 159l71.51-71.52a12 12 0 0 1 17 17Z'/%3E%3C/svg%3E"); } /* caret-down */
|
|
.fa-chevron-left { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M168.49 199.51a12 12 0 0 1-17 17l-80-80a12 12 0 0 1 0-17l80-80a12 12 0 0 1 17 17L97 128Z'/%3E%3C/svg%3E"); } /* caret-left */
|
|
.fa-chevron-right { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='m184.49 136.49l-80 80a12 12 0 0 1-17-17L159 128L87.51 56.49a12 12 0 1 1 17-17l80 80a12 12 0 0 1-.02 17'/%3E%3C/svg%3E"); } /* caret-right */
|
|
.fa-chevron-up { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M216.49 168.49a12 12 0 0 1-17 0L128 97l-71.51 71.49a12 12 0 0 1-17-17l80-80a12 12 0 0 1 17 0l80 80a12 12 0 0 1 0 17'/%3E%3C/svg%3E"); } /* caret-up */
|
|
.fa-circle { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M176 76a48 48 0 1 0-48 48a48.05 48.05 0 0 0 48-48m-48 24a24 24 0 1 1 24-24a24 24 0 0 1-24 24m60 24a48 48 0 1 0 48 48a48.05 48.05 0 0 0-48-48m0 72a24 24 0 1 1 24-24a24 24 0 0 1-24 24M68 124a48 48 0 1 0 48 48a48.05 48.05 0 0 0-48-48m0 72a24 24 0 1 1 24-24a24 24 0 0 1-24 24'/%3E%3C/svg%3E"); } /* circles-three-bold */
|
|
.fa-circle-check { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M228.75 100.05c-3.52-3.67-7.15-7.46-8.34-10.33c-1.06-2.56-1.14-7.83-1.21-12.47c-.15-10-.34-22.44-9.18-31.27s-21.27-9-31.27-9.18c-4.64-.07-9.91-.15-12.47-1.21c-2.87-1.19-6.66-4.82-10.33-8.34C148.87 20.46 140.05 12 128 12s-20.87 8.46-27.95 15.25c-3.67 3.52-7.46 7.15-10.33 8.34c-2.56 1.06-7.83 1.14-12.47 1.21c-10 .2-22.44.34-31.25 9.2s-9 21.25-9.2 31.25c-.07 4.64-.15 9.91-1.21 12.47c-1.19 2.87-4.82 6.66-8.34 10.33C20.46 107.13 12 116 12 128s8.46 20.87 15.25 28c3.52 3.67 7.15 7.46 8.34 10.33c1.06 2.56 1.14 7.83 1.21 12.47c.15 10 .34 22.44 9.18 31.27s21.27 9 31.27 9.18c4.64.07 9.91.15 12.47 1.21c2.87 1.19 6.66 4.82 10.33 8.34C107.13 235.54 116 244 128 244s20.87-8.46 27.95-15.25c3.67-3.52 7.46-7.15 10.33-8.34c2.56-1.06 7.83-1.14 12.47-1.21c10-.15 22.44-.34 31.27-9.18s9-21.27 9.18-31.27c.07-4.64.15-9.91 1.21-12.47c1.19-2.87 4.82-6.66 8.34-10.33c6.79-7.08 15.25-15.9 15.25-27.95s-8.46-20.87-15.25-27.95m-17.32 39.29c-4.82 5-10.28 10.72-13.19 17.76c-2.82 6.8-2.93 14.16-3 21.29c-.08 5.36-.19 12.71-2.15 14.66s-9.3 2.07-14.66 2.15c-7.13.11-14.49.22-21.29 3c-7 2.91-12.73 8.37-17.76 13.19c-3.6 3.45-8.98 8.61-11.38 8.61s-7.78-5.16-11.34-8.57c-5-4.82-10.72-10.28-17.76-13.19c-6.8-2.82-14.16-2.93-21.29-3c-5.36-.08-12.71-.19-14.66-2.15s-2.07-9.3-2.15-14.66c-.11-7.13-.22-14.49-3-21.29c-2.91-7-8.37-12.73-13.19-17.76C41.16 135.78 36 130.4 36 128s5.16-7.78 8.57-11.34c4.82-5 10.28-10.72 13.19-17.76c2.82-6.8 2.93-14.16 3-21.29C60.88 72.25 61 64.9 63 63s9.3-2.07 14.66-2.15c7.13-.11 14.49-.22 21.29-3c7-2.91 12.73-8.37 17.76-13.19C120.22 41.16 125.6 36 128 36s7.78 5.16 11.34 8.57c5 4.82 10.72 10.28 17.76 13.19c6.8 2.82 14.16 2.93 21.29 3c5.36.08 12.71.19 14.66 2.15s2.07 9.3 2.15 14.66c.11 7.13.22 14.49 3 21.29c2.91 7 8.37 12.73 13.19 17.76c3.41 3.56 8.57 8.94 8.57 11.34s-5.12 7.82-8.53 11.38m-34.94-43.83a12 12 0 0 1 0 17l-56 56a12 12 0 0 1-17 0l-24-24a12 12 0 1 1 17-17L112 143l47.51-47.52a12 12 0 0 1 16.98.03'/%3E%3C/svg%3E"); } /* seal-check */
|
|
.fa-circle-half-stroke { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M128 20a108 108 0 1 0 108 108A108.12 108.12 0 0 0 128 20m12 24.87a83.5 83.5 0 0 1 24 7.25v151.76a83.5 83.5 0 0 1-24 7.25ZM44 128a84.12 84.12 0 0 1 72-83.13v166.26A84.12 84.12 0 0 1 44 128m144 58.71V69.29a83.81 83.81 0 0 1 0 117.42'/%3E%3C/svg%3E"); } /* circle-half */
|
|
.fa-circle-info { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M108 84a16 16 0 1 1 16 16a16 16 0 0 1-16-16m128 44A108 108 0 1 1 128 20a108.12 108.12 0 0 1 108 108m-24 0a84 84 0 1 0-84 84a84.09 84.09 0 0 0 84-84m-72 36.68V132a20 20 0 0 0-20-20a12 12 0 0 0-4 23.32V168a20 20 0 0 0 20 20a12 12 0 0 0 4-23.32'/%3E%3C/svg%3E"); } /* info */
|
|
.fa-circle-notch { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M236 128a108 108 0 0 1-216 0c0-42.52 24.73-81.34 63-98.9a12 12 0 1 1 10 21.81C63.24 64.57 44 94.83 44 128a84 84 0 0 0 168 0c0-33.17-19.24-63.43-49-77.09a12 12 0 1 1 10-21.81c38.27 17.56 63 56.38 63 98.9'/%3E%3C/svg%3E"); } /* circle-notch */
|
|
.fa-clock-rotate-left { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M140 80v41.21l34.17 20.5a12 12 0 1 1-12.34 20.58l-40-24A12 12 0 0 1 116 128V80a12 12 0 0 1 24 0m-12-52a99.38 99.38 0 0 0-70.76 29.34c-4.69 4.74-9 9.37-13.24 14V64a12 12 0 0 0-24 0v40a12 12 0 0 0 12 12h40a12 12 0 0 0 0-24H57.77c5.23-6 10.6-11.78 16.49-17.74a76 76 0 1 1 1.58 109a12 12 0 0 0-16.48 17.46A100 100 0 1 0 128 28'/%3E%3C/svg%3E"); } /* clock-counter-clockwise */
|
|
.fa-download { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M71.51 88.49a12 12 0 0 1 17-17L116 99V24a12 12 0 0 1 24 0v75l27.51-27.52a12 12 0 0 1 17 17l-48 48a12 12 0 0 1-17 0ZM224 116h-36a12 12 0 0 0 0 24h32v56H36v-56h32a12 12 0 0 0 0-24H32a20 20 0 0 0-20 20v64a20 20 0 0 0 20 20h192a20 20 0 0 0 20-20v-64a20 20 0 0 0-20-20m-20 52a16 16 0 1 0-16 16a16 16 0 0 0 16-16'/%3E%3C/svg%3E"); } /* download */
|
|
.fa-ellipsis { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M144 128a16 16 0 1 1-16-16a16 16 0 0 1 16 16m-84-16a16 16 0 1 0 16 16a16 16 0 0 0-16-16m136 0a16 16 0 1 0 16 16a16 16 0 0 0-16-16'/%3E%3C/svg%3E"); } /* dots-three */
|
|
.fa-ellipsis-vertical { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M112 60a16 16 0 1 1 16 16a16 16 0 0 1-16-16m16 52a16 16 0 1 0 16 16a16 16 0 0 0-16-16m0 68a16 16 0 1 0 16 16a16 16 0 0 0-16-16'/%3E%3C/svg%3E"); } /* dots-three-vertical */
|
|
.fa-envelope { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M224 44H32a12 12 0 0 0-12 12v136a20 20 0 0 0 20 20h176a20 20 0 0 0 20-20V56a12 12 0 0 0-12-12m-96 83.72L62.85 68h130.3Zm-35.21.28L44 172.72V83.28Zm17.76 16.28l9.34 8.57a12 12 0 0 0 16.22 0l9.34-8.57l47.7 43.72H62.85ZM163.21 128L212 83.28v89.44Z'/%3E%3C/svg%3E"); } /* envelope */
|
|
.fa-eye-slash { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M56.88 31.93a12 12 0 1 0-17.76 16.14l16 17.65C20.67 88.66 5.72 121.58 5 123.13a12.08 12.08 0 0 0 0 9.75c.37.82 9.13 20.26 28.49 39.61C59.37 198.34 92 212 128 212a131.3 131.3 0 0 0 51-10l20.09 22.1a12 12 0 0 0 17.76-16.14ZM128 188c-29.59 0-55.47-10.73-76.91-31.88A130.7 130.7 0 0 1 29.52 128c5.27-9.31 18.79-29.9 42-44.29l90.09 99.11A109.3 109.3 0 0 1 128 188m123-55.12c-.36.81-9 20-28 39.16a12 12 0 1 1-17-16.9A130.5 130.5 0 0 0 226.48 128a130.4 130.4 0 0 0-21.57-28.12C183.46 78.73 157.59 68 128 68c-3.35 0-6.7.14-10 .42a12 12 0 1 1-2-23.91c3.93-.34 8-.51 12-.51c36 0 68.63 13.67 94.49 39.52c19.35 19.35 28.11 38.8 28.48 39.61a12.08 12.08 0 0 1 .03 9.75'/%3E%3C/svg%3E"); } /* eye-slash */
|
|
.fa-face-smile-beam { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M178.39 158c-11 19.06-29.39 30-50.39 30s-39.36-10.93-50.39-30a12 12 0 0 1 20.78-12c3.89 6.73 12.91 18 29.61 18s25.72-11.28 29.61-18a12 12 0 1 1 20.78 12M236 128A108 108 0 1 1 128 20a108.12 108.12 0 0 1 108 108m-24 0a84 84 0 1 0-84 84a84.09 84.09 0 0 0 84-84m-120-4a16 16 0 1 0-16-16a16 16 0 0 0 16 16m72-32a16 16 0 1 0 16 16a16 16 0 0 0-16-16'/%3E%3C/svg%3E"); } /* smiley */
|
|
.fa-file-arrow-down { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M71.51 88.49a12 12 0 0 1 17-17L116 99V24a12 12 0 0 1 24 0v75l27.51-27.52a12 12 0 0 1 17 17l-48 48a12 12 0 0 1-17 0ZM224 116h-36a12 12 0 0 0 0 24h32v56H36v-56h32a12 12 0 0 0 0-24H32a20 20 0 0 0-20 20v64a20 20 0 0 0 20 20h192a20 20 0 0 0 20-20v-64a20 20 0 0 0-20-20m-20 52a16 16 0 1 0-16 16a16 16 0 0 0 16-16'/%3E%3C/svg%3E"); } /* download */
|
|
.fa-file-arrow-up { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M188 184a16 16 0 1 1 16-16a16 16 0 0 1-16 16m36-68h-44a12 12 0 0 0 0 24h40v56H36v-56h40a12 12 0 0 0 0-24H32a20 20 0 0 0-20 20v64a20 20 0 0 0 20 20h192a20 20 0 0 0 20-20v-64a20 20 0 0 0-20-20M88.49 80.49L116 53v75a12 12 0 0 0 24 0V53l27.51 27.52a12 12 0 1 0 17-17l-48-48a12 12 0 0 0-17 0l-48 48a12 12 0 1 0 17 17Z'/%3E%3C/svg%3E"); } /* upload */
|
|
.fa-file-pen { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='m232.49 55.51l-32-32a12 12 0 0 0-17 0l-96 96A12 12 0 0 0 84 128v32a12 12 0 0 0 12 12h32a12 12 0 0 0 8.49-3.51l96-96a12 12 0 0 0 0-16.98M192 49l15 15l-11 11l-15-15Zm-69 99h-15v-15l56-56l15 15Zm105-7.43V208a20 20 0 0 1-20 20H48a20 20 0 0 1-20-20V48a20 20 0 0 1 20-20h67.43a12 12 0 0 1 0 24H52v152h152v-63.43a12 12 0 0 1 24 0'/%3E%3C/svg%3E"); } /* note-pencil */
|
|
.fa-filter { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M144 128a16 16 0 1 1-16-16a16 16 0 0 1 16 16m-84-16a16 16 0 1 0 16 16a16 16 0 0 0-16-16m136 0a16 16 0 1 0 16 16a16 16 0 0 0-16-16'/%3E%3C/svg%3E"); } /* dots-three */
|
|
.fa-flag { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M40.14 46.88A12 12 0 0 0 36 56v168a12 12 0 0 0 24 0v-42.28c22.84-17.12 42.1-9.12 70.68 5c16.23 8 34.74 17.2 54.8 17.2c14.72 0 30.28-4.94 46.38-18.88A12 12 0 0 0 236 176V56a12 12 0 0 0-19.86-9.07c-24.71 21.41-44.53 13.31-74.82-1.68c-28.13-13.98-63.15-31.31-101.18 1.63M212 170.26c-22.84 17.13-42.1 9.11-70.68-5C118.16 153.76 90.33 140 60 153.87V61.69c22.84-17.12 42.1-9.12 70.68 5c16.23 8 34.74 17.2 54.8 17.2A63 63 0 0 0 212 78.08Z'/%3E%3C/svg%3E"); } /* flag */
|
|
.fa-font { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M212 56v32a12 12 0 0 1-24 0V68h-48v120h20a12 12 0 0 1 0 24H96a12 12 0 0 1 0-24h20V68H68v20a12 12 0 0 1-24 0V56a12 12 0 0 1 12-12h144a12 12 0 0 1 12 12'/%3E%3C/svg%3E"); } /* text-t */
|
|
.fa-gear { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M128 76a52 52 0 1 0 52 52a52.06 52.06 0 0 0-52-52m0 80a28 28 0 1 1 28-28a28 28 0 0 1-28 28m92-27.21v-1.58l14-17.51a12 12 0 0 0 2.23-10.59A111.8 111.8 0 0 0 225 71.89a12 12 0 0 0-9.11-5.89l-22.28-2.5l-1.11-1.11L190 40.1a12 12 0 0 0-5.89-9.1a111.7 111.7 0 0 0-27.23-11.27A12 12 0 0 0 146.3 22l-17.51 14h-1.58L109.7 22a12 12 0 0 0-10.59-2.23a111.8 111.8 0 0 0-27.22 11.28A12 12 0 0 0 66 40.11l-2.5 22.28l-1.11 1.11L40.1 66a12 12 0 0 0-9.1 5.89a111.7 111.7 0 0 0-11.23 27.23A12 12 0 0 0 22 109.7l14 17.51v1.58L22 146.3a12 12 0 0 0-2.23 10.59a111.8 111.8 0 0 0 11.29 27.22a12 12 0 0 0 9.05 5.89l22.28 2.48l1.11 1.11L66 215.9a12 12 0 0 0 5.89 9.1a111.7 111.7 0 0 0 27.23 11.27A12 12 0 0 0 109.7 234l17.51-14h1.58l17.51 14a12 12 0 0 0 10.59 2.23A111.8 111.8 0 0 0 184.11 225a12 12 0 0 0 5.91-9.06l2.48-22.28l1.11-1.11L215.9 190a12 12 0 0 0 9.06-5.91a111.7 111.7 0 0 0 11.27-27.23A12 12 0 0 0 234 146.3Zm-24.12-4.89a70 70 0 0 1 0 8.2a12 12 0 0 0 2.61 8.22l12.84 16.05a86.5 86.5 0 0 1-4.33 10.49l-20.43 2.27a12 12 0 0 0-7.65 4a69 69 0 0 1-5.8 5.8a12 12 0 0 0-4 7.65L166.86 207a86.5 86.5 0 0 1-10.49 4.35l-16.05-12.85a12 12 0 0 0-7.5-2.62h-.72a70 70 0 0 1-8.2 0a12.06 12.06 0 0 0-8.22 2.6l-16.05 12.85A86.5 86.5 0 0 1 89.14 207l-2.27-20.43a12 12 0 0 0-4-7.65a69 69 0 0 1-5.8-5.8a12 12 0 0 0-7.65-4L49 166.86a86.5 86.5 0 0 1-4.35-10.49l12.84-16.05a12 12 0 0 0 2.61-8.22a70 70 0 0 1 0-8.2a12 12 0 0 0-2.61-8.22L44.67 99.63A86.5 86.5 0 0 1 49 89.14l20.43-2.27a12 12 0 0 0 7.65-4a69 69 0 0 1 5.8-5.8a12 12 0 0 0 4-7.65L89.14 49a86.5 86.5 0 0 1 10.49-4.35l16.05 12.85a12.06 12.06 0 0 0 8.22 2.6a70 70 0 0 1 8.2 0a12 12 0 0 0 8.22-2.6l16.05-12.85A86.5 86.5 0 0 1 166.86 49l2.27 20.43a12 12 0 0 0 4 7.65a69 69 0 0 1 5.8 5.8a12 12 0 0 0 7.65 4L207 89.14a86.5 86.5 0 0 1 4.35 10.49l-12.84 16.05a12 12 0 0 0-2.63 8.22'/%3E%3C/svg%3E"); } /* gear */
|
|
.fa-globe { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M128 20a108 108 0 1 0 108 108A108.12 108.12 0 0 0 128 20m84 108a83.6 83.6 0 0 1-4.47 27L167 130a19.65 19.65 0 0 0-7.8-2.78l-22.82-3.08a20.14 20.14 0 0 0-18.66 7.86h-4.07l-2.71-5.6a19.88 19.88 0 0 0-13.8-10.84l-2.68-.56l4-7h14.39a20 20 0 0 0 9.66-2.49l12.25-6.76a20.6 20.6 0 0 0 3.74-2.68l26.92-24.33A20 20 0 0 0 172 56.49A84 84 0 0 1 212 128m-71.24-83l6.2 11.1L122.75 78l-10.93 6H96.14a20.05 20.05 0 0 0-17.36 10.06l-4.49 7.85l-6.61-17.63l9.91-23.42A83.9 83.9 0 0 1 140.76 45M44 128a83.5 83.5 0 0 1 4.4-26.77l7.74 20.65a19.89 19.89 0 0 0 14.52 12.53l19.53 4.2l3 6.1a20.11 20.11 0 0 0 13.55 10.77l-5 11.12a20 20 0 0 0 3.58 21.71l.21.22l18.16 18.7l-.89 4.59A84.09 84.09 0 0 1 44 128m103.65 81.66a20.11 20.11 0 0 0-5-17.3l-.21-.22l-17.72-18.25l11.37-25.52l19 2.56l41.43 25.48a84.2 84.2 0 0 1-48.87 33.25'/%3E%3C/svg%3E"); } /* globe-hemisphere-west */
|
|
.fa-house { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='m222.14 105.85l-80-80a20 20 0 0 0-28.28 0l-80 80A19.86 19.86 0 0 0 28 120v96a12 12 0 0 0 12 12h64a12 12 0 0 0 12-12v-52h24v52a12 12 0 0 0 12 12h64a12 12 0 0 0 12-12v-96a19.86 19.86 0 0 0-5.86-14.15M204 204h-40v-52a12 12 0 0 0-12-12h-48a12 12 0 0 0-12 12v52H52v-82.35l76-76l76 76Z'/%3E%3C/svg%3E"); } /* house */
|
|
.fa-info { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M108 84a16 16 0 1 1 16 16a16 16 0 0 1-16-16m128 44A108 108 0 1 1 128 20a108.12 108.12 0 0 1 108 108m-24 0a84 84 0 1 0-84 84a84.09 84.09 0 0 0 84-84m-72 36.68V132a20 20 0 0 0-20-20a12 12 0 0 0-4 23.32V168a20 20 0 0 0 20 20a12 12 0 0 0 4-23.32'/%3E%3C/svg%3E"); } /* info */
|
|
.fa-list { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M228 128a12 12 0 0 1-12 12H40a12 12 0 0 1 0-24h176a12 12 0 0 1 12 12M40 76h176a12 12 0 0 0 0-24H40a12 12 0 0 0 0 24m176 104H40a12 12 0 0 0 0 24h176a12 12 0 0 0 0-24'/%3E%3C/svg%3E"); } /* list */
|
|
.fa-lock { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M208 76h-28V56a52 52 0 0 0-104 0v20H48a20 20 0 0 0-20 20v112a20 20 0 0 0 20 20h160a20 20 0 0 0 20-20V96a20 20 0 0 0-20-20M100 56a28 28 0 0 1 56 0v20h-56Zm104 148H52V100h152Zm-60-52a16 16 0 1 1-16-16a16 16 0 0 1 16 16'/%3E%3C/svg%3E"); } /* lock */
|
|
.fa-lock-open { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='m222.14 105.85l-80-80a20 20 0 0 0-28.28 0l-80 80A19.86 19.86 0 0 0 28 120v96a12 12 0 0 0 12 12h64a12 12 0 0 0 12-12v-52h24v52a12 12 0 0 0 12 12h64a12 12 0 0 0 12-12v-96a19.86 19.86 0 0 0-5.86-14.15M204 204h-40v-52a12 12 0 0 0-12-12h-48a12 12 0 0 0-12 12v52H52v-82.35l76-76l76 76Z'/%3E%3C/svg%3E"); } /* house (seemingly only used for unlisted posts) */
|
|
.fa-magnifying-glass { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M232.49 215.51L185 168a92.12 92.12 0 1 0-17 17l47.53 47.54a12 12 0 0 0 17-17ZM44 112a68 68 0 1 1 68 68a68.07 68.07 0 0 1-68-68'/%3E%3C/svg%3E"); } /* magnifying-glass */
|
|
.fa-magnifying-glass-plus { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M232.49 215.51L185 168a92.12 92.12 0 1 0-17 17l47.53 47.54a12 12 0 0 0 17-17ZM44 112a68 68 0 1 1 68 68a68.07 68.07 0 0 1-68-68'/%3E%3C/svg%3E"); } /* magnifying-glass */
|
|
.fa-paintbrush { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M203.57 51A107.9 107.9 0 0 0 20 128c0 44.72 27.6 82.25 72 97.94A36 36 0 0 0 140 192a12 12 0 0 1 12-12h46.21a35.79 35.79 0 0 0 35.1-28a108.6 108.6 0 0 0 2.69-24.91A107.23 107.23 0 0 0 203.57 51m6.34 95.67a11.91 11.91 0 0 1-11.7 9.3H152a36 36 0 0 0-36 36a12 12 0 0 1-16 11.3c-16.65-5.88-30.65-15.76-40.48-28.56A76 76 0 0 1 44 128a84 84 0 0 1 83.13-84h.87a84.35 84.35 0 0 1 84 83.29a84.7 84.7 0 0 1-2.09 19.42ZM144 76a16 16 0 1 1-16-16a16 16 0 0 1 16 16m-44 24a16 16 0 1 1-16-16a16 16 0 0 1 16 16m0 56a16 16 0 1 1-16-16a16 16 0 0 1 16 16m88-56a16 16 0 1 1-16-16a16 16 0 0 1 16 16'/%3E%3C/svg%3E"); } /* palette */
|
|
.fa-pen { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='m230.14 70.54l-44.68-44.69a20 20 0 0 0-28.29 0L33.86 149.17A19.85 19.85 0 0 0 28 163.31V208a20 20 0 0 0 20 20h44.69a19.86 19.86 0 0 0 14.14-5.86L230.14 98.82a20 20 0 0 0 0-28.28M91 204H52v-39l84-84l39 39Zm101-101l-39-39l18.34-18.34l39 39Z'/%3E%3C/svg%3E"); } /* pencil-simple */
|
|
.fa-pen-to-square { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='m232.49 55.51l-32-32a12 12 0 0 0-17 0l-96 96A12 12 0 0 0 84 128v32a12 12 0 0 0 12 12h32a12 12 0 0 0 8.49-3.51l96-96a12 12 0 0 0 0-16.98M192 49l15 15l-11 11l-15-15Zm-69 99h-15v-15l56-56l15 15Zm105-7.43V208a20 20 0 0 1-20 20H48a20 20 0 0 1-20-20V48a20 20 0 0 1 20-20h67.43a12 12 0 0 1 0 24H52v152h152v-63.43a12 12 0 0 1 24 0'/%3E%3C/svg%3E"); } /* note-pencil */
|
|
.fa-plus { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M228 128a12 12 0 0 1-12 12h-76v76a12 12 0 0 1-24 0v-76H40a12 12 0 0 1 0-24h76V40a12 12 0 0 1 24 0v76h76a12 12 0 0 1 12 12'/%3E%3C/svg%3E"); } /* plus */
|
|
.fa-quote-left { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M100 52H40a20 20 0 0 0-20 20v64a20 20 0 0 0 20 20h56v4a28 28 0 0 1-28 28a12 12 0 0 0 0 24a52.06 52.06 0 0 0 52-52V72a20 20 0 0 0-20-20m-4 80H44V76h52Zm120-80h-60a20 20 0 0 0-20 20v64a20 20 0 0 0 20 20h56v4a28 28 0 0 1-28 28a12 12 0 0 0 0 24a52.06 52.06 0 0 0 52-52V72a20 20 0 0 0-20-20m-4 80h-52V76h52Z'/%3E%3C/svg%3E"); } /* quotes */
|
|
.fa-reply { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M236 144a68.07 68.07 0 0 1-68 68H80a12 12 0 0 1 0-24h88a44 44 0 0 0 0-88H61l27.52 27.51a12 12 0 0 1-17 17l-48-48a12 12 0 0 1 0-17l48-48a12 12 0 1 1 17 17L61 76h107a68.08 68.08 0 0 1 68 68'/%3E%3C/svg%3E"); } /* arrow-u-up-left */
|
|
.fa-retweet { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M20 128a76.08 76.08 0 0 1 76-76h99l-3.52-3.51a12 12 0 1 1 17-17l24 24a12 12 0 0 1 0 17l-24 24a12 12 0 0 1-17-17L195 76H96a52.06 52.06 0 0 0-52 52a12 12 0 0 1-24 0m204-12a12 12 0 0 0-12 12a52.06 52.06 0 0 1-52 52H61l3.52-3.51a12 12 0 1 0-17-17l-24 24a12 12 0 0 0 0 17l24 24a12 12 0 1 0 17-17L61 204h99a76.08 76.08 0 0 0 76-76a12 12 0 0 0-12-12'/%3E%3C/svg%3E"); } /* repeat */
|
|
.fa-right-from-bracket { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M124 216a12 12 0 0 1-12 12H48a12 12 0 0 1-12-12V40a12 12 0 0 1 12-12h64a12 12 0 0 1 0 24H60v152h52a12 12 0 0 1 12 12m108.49-96.49l-40-40a12 12 0 0 0-17 17L195 116h-83a12 12 0 0 0 0 24h83l-19.52 19.51a12 12 0 0 0 17 17l40-40a12 12 0 0 0 .01-17'/%3E%3C/svg%3E"); } /* sign-out */
|
|
.fa-right-to-bracket { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='m144.49 136.49l-40 40a12 12 0 0 1-17-17L107 140H24a12 12 0 0 1 0-24h83L87.51 96.49a12 12 0 0 1 17-17l40 40a12 12 0 0 1-.02 17M200 28h-64a12 12 0 0 0 0 24h52v152h-52a12 12 0 0 0 0 24h64a12 12 0 0 0 12-12V40a12 12 0 0 0-12-12'/%3E%3C/svg%3E"); } /* sign-in */
|
|
.fa-rss { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M228 192a12 12 0 0 1-24 0c0-77.2-62.8-140-140-140a12 12 0 0 1 0-24c90.43 0 164 73.57 164 164M64 100a12 12 0 0 0 0 24a68.07 68.07 0 0 1 68 68a12 12 0 0 0 24 0a92.1 92.1 0 0 0-92-92m4 72a16 16 0 1 0 16 16a16 16 0 0 0-16-16'/%3E%3C/svg%3E"); } /* rss-simple */
|
|
.fa-server { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M208 36H48a20 20 0 0 0-20 20v144a20 20 0 0 0 20 20h160a20 20 0 0 0 20-20V56a20 20 0 0 0-20-20m-4 24v56H52V60ZM52 196v-56h152v56ZM160 88a16 16 0 1 1 16 16a16 16 0 0 1-16-16m32 80a16 16 0 1 1-16-16a16 16 0 0 1 16 16'/%3E%3C/svg%3E"); } /* hard-drives */
|
|
.fa-share-nodes { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M176 156a43.78 43.78 0 0 0-29.09 11l-40.81-26.2a44.07 44.07 0 0 0 0-25.6L146.91 89a43.83 43.83 0 1 0-13-20.17L93.09 95a44 44 0 1 0 0 65.94l40.81 26.26A44 44 0 1 0 176 156m0-120a20 20 0 1 1-20 20a20 20 0 0 1 20-20M64 148a20 20 0 1 1 20-20a20 20 0 0 1-20 20m112 72a20 20 0 1 1 20-20a20 20 0 0 1-20 20'/%3E%3C/svg%3E"); } /* share-network */
|
|
.fa-square-plus { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M208 28H48a20 20 0 0 0-20 20v160a20 20 0 0 0 20 20h160a20 20 0 0 0 20-20V48a20 20 0 0 0-20-20m-4 176H52V52h152ZM76 128a12 12 0 0 1 12-12h28V88a12 12 0 0 1 24 0v28h28a12 12 0 0 1 0 24h-28v28a12 12 0 0 1-24 0v-28H88a12 12 0 0 1-12-12'/%3E%3C/svg%3E"); } /* plus-square */
|
|
.fa-square-poll-horizontal { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M224 92h-36V56a12 12 0 0 0-12-12H60v-4a12 12 0 0 0-24 0v176a12 12 0 0 0 24 0v-4h84a12 12 0 0 0 12-12v-36h68a12 12 0 0 0 12-12v-48a12 12 0 0 0-12-12m-60-24v24H60V68Zm-32 120H60v-24h72Zm80-48H60v-24h152Z'/%3E%3C/svg%3E"); } /* chart-bar-horizontal */
|
|
.fa-star { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M243 96a20.33 20.33 0 0 0-17.74-14l-56.59-4.57l-21.84-52.81a20.36 20.36 0 0 0-37.66 0L87.35 77.44L30.76 82a20.45 20.45 0 0 0-11.66 35.88l43.18 37.24l-13.2 55.7A20.37 20.37 0 0 0 79.57 233L128 203.19L176.43 233a20.39 20.39 0 0 0 30.49-22.15l-13.2-55.7l43.18-37.24A20.43 20.43 0 0 0 243 96m-70.47 45.7a12 12 0 0 0-3.84 11.86L181.58 208l-47.29-29.08a12 12 0 0 0-12.58 0L74.42 208l12.89-54.4a12 12 0 0 0-3.84-11.86l-42.27-36.5l55.4-4.47a12 12 0 0 0 10.13-7.38L128 41.89l21.27 51.5a12 12 0 0 0 10.13 7.38l55.4 4.47Z'/%3E%3C/svg%3E"); } /* star */
|
|
.fa-suitcase-rolling { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M180 216a12 12 0 0 1-12 12H24a12 12 0 1 1 0-24h144a12 12 0 0 1 12 12m71.79-126.12a12 12 0 0 1-5.64 8.1L98.75 186l-.13.07a43.74 43.74 0 0 1-52.2-5.94l-.19-.18l-36-35.25a20 20 0 0 1 5.55-32.7l2.94-1.44a12 12 0 0 1 9.12-.59l26.5 8.94l14.15-8.56l-18.07-17.57a20 20 0 0 1 5.7-33.05l.48-.2l7.15-2.7a12 12 0 0 1 8.4 0L124.29 76l49.93-29.8a43.8 43.8 0 0 1 56.43 10a2 2 0 0 1 .17.22l18.64 23.88a11.94 11.94 0 0 1 2.33 9.58m-29.61-5.54L212 71.29a19.89 19.89 0 0 0-25.54-4.48l-54.77 32.7a12 12 0 0 1-10.3 1l-46-16.94l21 20.4a12 12 0 0 1-2.15 18.87L62 142.29a12 12 0 0 1-10 1.1l-13.35-4.5l24.31 23.8a19.89 19.89 0 0 0 23.6 2.65Z'/%3E%3C/svg%3E"); } /* airplane-takeoff */
|
|
.fa-thumbs-down { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='m243.78 156.53l-12-96A28 28 0 0 0 204 36H32a20 20 0 0 0-20 20v88a20 20 0 0 0 20 20h40.58l36.69 73.37A12 12 0 0 0 120 244a44.05 44.05 0 0 0 44-44v-12h52a28 28 0 0 0 27.78-31.47M68 140H36V60h32Zm151 22.65a4 4 0 0 1-3 1.35h-64a12 12 0 0 0-12 12v24a20 20 0 0 1-13.18 18.8L92 149.17V60h112a4 4 0 0 1 4 3.5l12 96a4 4 0 0 1-1 3.15'/%3E%3C/svg%3E"); } /* thumbs-down */
|
|
.fa-thumbs-up { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M237 77.47A28 28 0 0 0 216 68h-52V56a44.05 44.05 0 0 0-44-44a12 12 0 0 0-10.73 6.63L72.58 92H32a20 20 0 0 0-20 20v88a20 20 0 0 0 20 20h172a28 28 0 0 0 27.78-24.53l12-96a28 28 0 0 0-6.78-22M36 116h32v80H36Zm184-19.5l-12 96a4 4 0 0 1-4 3.5H92v-89.17l34.82-69.63A20 20 0 0 1 140 56v24a12 12 0 0 0 12 12h64a4 4 0 0 1 4 4.5'/%3E%3C/svg%3E"); } /* thumbs-up */
|
|
.fa-tooth { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M172.46 83.15L160.31 88l12.15 4.85a12 12 0 1 1-8.92 22.29L128 100.93l-35.54 14.22a12 12 0 0 1-8.92-22.29L95.69 88l-12.15-4.85a12 12 0 0 1 8.92-22.29L128 75.08l35.54-14.22a12 12 0 0 1 8.92 22.29m55.54-3.4c.08 76.45-25.2 135.68-49 152.59a20 20 0 0 1-31.44-14.92c-.67-9.06-2.33-22-6.46-32.23C135.76 172 129.92 172 128 172c-7.76 0-11.77 9.92-13.08 13.18c-4.13 10.22-5.79 23.17-6.46 32.23A20 20 0 0 1 88.51 236A19.86 19.86 0 0 1 77 232.34C53.2 215.43 27.92 156.2 28 79.75A60 60 0 0 1 88 20h80a60 60 0 0 1 60 59.75m-24 0A36 36 0 0 0 168 44H88a36 36 0 0 0-36 35.78c-.06 61.09 17.83 109.52 33.3 127.66C91.24 156 114.32 148 128 148s36.76 8 42.7 59.43c15.47-18.12 33.36-66.55 33.3-127.65Z'/%3E%3C/svg%3E"); } /* tooth */
|
|
.fa-up-right-from-square { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M228 104a12 12 0 0 1-24 0V69l-59.51 59.51a12 12 0 0 1-17-17L187 52h-35a12 12 0 0 1 0-24h64a12 12 0 0 1 12 12Zm-44 24a12 12 0 0 0-12 12v64H52V84h64a12 12 0 0 0 0-24H48a20 20 0 0 0-20 20v128a20 20 0 0 0 20 20h128a20 20 0 0 0 20-20v-68a12 12 0 0 0-12-12'/%3E%3C/svg%3E"); } /* arrow-square-out */
|
|
.fa-upload { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M188 184a16 16 0 1 1 16-16a16 16 0 0 1-16 16m36-68h-44a12 12 0 0 0 0 24h40v56H36v-56h40a12 12 0 0 0 0-24H32a20 20 0 0 0-20 20v64a20 20 0 0 0 20 20h192a20 20 0 0 0 20-20v-64a20 20 0 0 0-20-20M88.49 80.49L116 53v75a12 12 0 0 0 24 0V53l27.51 27.52a12 12 0 1 0 17-17l-48-48a12 12 0 0 0-17 0l-48 48a12 12 0 1 0 17 17Z'/%3E%3C/svg%3E"); } /* upload */
|
|
.fa-user { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M234.38 210a123.36 123.36 0 0 0-60.78-53.23a76 76 0 1 0-91.2 0A123.36 123.36 0 0 0 21.62 210a12 12 0 1 0 20.77 12c18.12-31.32 50.12-50 85.61-50s67.49 18.69 85.61 50a12 12 0 0 0 20.77-12M76 96a52 52 0 1 1 52 52a52.06 52.06 0 0 1-52-52'/%3E%3C/svg%3E"); } /* user */
|
|
.fa-user-plus { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M256 136a12 12 0 0 1-12 12h-8v8a12 12 0 0 1-24 0v-8h-8a12 12 0 0 1 0-24h8v-8a12 12 0 0 1 24 0v8h8a12 12 0 0 1 12 12m-54.81 56.28a12 12 0 1 1-18.38 15.44C169.12 191.42 145 172 108 172c-28.89 0-55.46 12.68-74.81 35.72a12 12 0 0 1-18.38-15.44a124.1 124.1 0 0 1 48.69-35.75a72 72 0 1 1 89 0a124 124 0 0 1 48.69 35.75M108 148a48 48 0 1 0-48-48a48.05 48.05 0 0 0 48 48'/%3E%3C/svg%3E"); } /* user-plus */
|
|
.fa-users { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M164.38 181.1a52 52 0 1 0-72.76 0a75.9 75.9 0 0 0-30 28.89a12 12 0 0 0 20.78 12a53 53 0 0 1 91.22 0a12 12 0 1 0 20.78-12a75.9 75.9 0 0 0-30.02-28.89M100 144a28 28 0 1 1 28 28a28 28 0 0 1-28-28m147.21 9.59a12 12 0 0 1-16.81-2.39c-8.33-11.09-19.85-19.59-29.33-21.64a12 12 0 0 1-1.82-22.91a20 20 0 1 0-24.78-28.3a12 12 0 1 1-21-11.6a44 44 0 1 1 73.28 48.35a92.2 92.2 0 0 1 22.85 21.69a12 12 0 0 1-2.39 16.8m-192.28-24c-9.48 2.05-21 10.55-29.33 21.65a12 12 0 0 1-19.19-14.45a92.4 92.4 0 0 1 22.85-21.69a44 44 0 1 1 73.28-48.35a12 12 0 1 1-21 11.6a20 20 0 1 0-24.78 28.3a12 12 0 0 1-1.82 22.91Z'/%3E%3C/svg%3E"); } /* users-three */
|
|
.fa-window-minimize { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M39.51 80.49a12 12 0 0 1 17-17L128 135l71.51-71.52a12 12 0 0 1 17 17l-80 80a12 12 0 0 1-17 0ZM208 180H48a12 12 0 0 0 0 24h160a12 12 0 0 0 0-24'/%3E%3C/svg%3E"); } /* caret-line-down */
|
|
.fa-wrench { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M230.47 67.5a12 12 0 0 0-19.26-4.32L172.43 99l-12.68-2.72L157 83.57l35.79-38.78a12 12 0 0 0-4.32-19.26a76.07 76.07 0 0 0-100.06 96.11l-57.49 52.54a5 5 0 0 0-.39.38a36 36 0 0 0 50.91 50.91l.38-.39l52.54-57.49A76.05 76.05 0 0 0 230.47 67.5M160 148a51.5 51.5 0 0 1-23.35-5.52a12 12 0 0 0-14.26 2.62l-58.08 63.56a12 12 0 0 1-17-17l63.55-58.07a12 12 0 0 0 2.62-14.26A51.5 51.5 0 0 1 108 96a52.06 52.06 0 0 1 52-52h.89l-25.72 27.87a12 12 0 0 0-2.91 10.65l5.66 26.35a12 12 0 0 0 9.21 9.21l26.35 5.66a12 12 0 0 0 10.65-2.91L212 95.12v.89A52.06 52.06 0 0 1 160 148'/%3E%3C/svg%3E"); } /* wrench */
|
|
.fa-xmark { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M208.49 191.51a12 12 0 0 1-17 17L128 145l-63.51 63.49a12 12 0 0 1-17-17L111 128L47.51 64.49a12 12 0 0 1 17-17L128 111l63.51-63.52a12 12 0 0 1 17 17L145 128Z'/%3E%3C/svg%3E"); } /* x */ |