/* * ___________.__ __ _____ __ * \_ _____/| | | | __ / _ \________/ |_ ____ * | __)_ | | | |/ // /_\ \_ __ \ __\/ __ \ * | \| |_| * \/ \/ \/ \/ * https://www.elkarte.net * © ElkArte Forum contributors * * These icons, unless otherwise indicated are from IcoMoon Free (CC BY 4.0) * the remaining are from Font Awesome (SIL OFL 1.1), or as indicated. * * Where an icon was renamed, I list the original name in a comment. * * These icons are all black, color is done with filter() callouts in the * variant files, with the exception of some icons which use a gradient * and filters will not work as expected. * */ /* Top Menu Icons, pulled out with separate names to allow easier modification */ /* Admin button .. Gear */ .i-menu-admin::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23FFFFFF' stroke-width='2px' fill='black' viewBox='0 -1 32 34'%3E%3Cpath d='M29.18 19.07c-1.678-2.908-.668-6.634 2.256-8.328L28.29 5.295c-.897.527-1.942.83-3.057.83-3.36 0-6.085-2.743-6.085-6.126h-6.29c.01 1.04-.25 2.1-.81 3.07-1.68 2.903-5.41 3.892-8.34 2.21L.566 10.723c.905.515 1.69 1.268 2.246 2.234 1.677 2.904.673 6.624-2.24 8.32l3.145 5.447c.895-.522 1.935-.82 3.044-.82 3.35 0 6.07 2.725 6.087 6.092h6.29c-.004-1.036.258-2.08.81-3.04 1.676-2.903 5.4-3.894 8.325-2.22l3.145-5.446c-.9-.514-1.678-1.265-2.232-2.225zM16 22.48c-3.578 0-6.48-2.902-6.48-6.48S12.423 9.52 16 9.52c3.578 0 6.48 2.902 6.48 6.48s-2.902 6.48-6.48 6.48z'/%3E%3C/svg%3E"); } /* Profile Button user outline (if not replaced by avatar) */ .i-menu-profile::before, .i-menu-profile.enabled::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23FFFFFF' stroke-width='2px' fill='black' viewBox='-4 0 32 32'%3E%3Cpath d='M25.143 25.09q0 2.142-1.304 3.383t-3.466 1.24H4.768q-2.16 0-3.464-1.24T0 25.09q0-.947.063-1.85t.25-1.945.473-1.938.768-1.74T2.66 16.17t1.528-.955 1.99-.357q.162 0 .75.384t1.33.857 1.93.855 2.384.384 2.384-.385 1.93-.857 1.33-.858.75-.384q1.088 0 1.99.357t1.527.955 1.107 1.446.768 1.74.473 1.94.25 1.945.065 1.85zM19.43 9.142q0 2.84-2.01 4.848T12.572 16t-4.848-2.01-2.01-4.847 2.01-4.848 4.848-2.01 4.848 2.01 2.01 4.848z'/%3E%3C/svg%3E"); } /* Personal Messages .. Envelope filled icon */ .i-menu-pm-on::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 32 32'%3E%3Cpath d='M32 12.68v14.178q0 1.18-.84 2.018t-2.017.84H2.857q-1.18 0-2.018-.84T0 26.858v-14.18q.786.876 1.804 1.555 6.464 4.393 8.875 6.16 1.013.75 1.65 1.17t1.69.858 1.96.44h.035q.91 0 1.963-.44t1.69-.852 1.65-1.17q3.037-2.196 8.894-6.16 1.02-.697 1.786-1.557zm0-5.25q0 1.41-.875 2.695t-2.18 2.196l-8.355 5.81q-.18.125-.76.545t-.967.68-.93.58-1.026.48-.894.163h-.036q-.41 0-.892-.16t-1.027-.483-.928-.58-.964-.68-.76-.545q-1.625-1.143-4.68-3.26T3.07 12.32q-1.11-.75-2.09-2.06t-.982-2.44q0-1.393.74-2.32t2.117-.93H29.14q1.162 0 2.01.84t.848 2.017z'/%3E%3C/svg%3E"); } .i-menu-pm-on.enabled::before, .i-menu-pm-off::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23FFFFFF' stroke-width='1px' fill='black' viewBox='0 0 32 32'%3E%3Cpath d='M32 12.68v14.178q0 1.18-.84 2.018t-2.017.84H2.857q-1.18 0-2.018-.84T0 26.858v-14.18q.786.876 1.804 1.555 6.464 4.393 8.875 6.16 1.013.75 1.65 1.17t1.69.858 1.96.44h.035q.91 0 1.963-.44t1.69-.852 1.65-1.17q3.037-2.196 8.894-6.16 1.02-.697 1.786-1.557zm0-5.25q0 1.41-.875 2.695t-2.18 2.196l-8.355 5.81q-.18.125-.76.545t-.967.68-.93.58-1.026.48-.894.163h-.036q-.41 0-.892-.16t-1.027-.483-.928-.58-.964-.68-.76-.545q-1.625-1.143-4.68-3.26T3.07 12.32q-1.11-.75-2.09-2.06t-.982-2.44q0-1.393.74-2.32t2.117-.93H29.14q1.162 0 2.01.84t.848 2.017z'/%3E%3C/svg%3E"); } /* Notifications .. Bell filled */ .i-menu-mentions-on::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 32 32'%3E%3Cpath d='M32.047 25c0-9-8-7-8-14 0-.58-.056-1.076-.158-1.498-.53-3.532-2.88-6.366-5.93-7.23.023-.123.04-.25.04-.382C18 .85 17.1 0 16 0s-2 .85-2 1.89c0 .13.014.258.04.382-3.42.97-5.965 4.416-6.038 8.545L8 11c0 7-8 5-8 14 0 2.382 5.33 4.375 12.468 4.878C13.14 31.14 14.47 32 16 32s2.86-.86 3.532-2.122C26.67 29.375 32 27.383 32 25v-.02l.047.02zm-6.227 1.69c-1.695.453-3.692.778-5.837.96C19.805 25.604 18.09 24 16 24s-3.806 1.605-3.985 3.65c-2.144-.18-4.142-.507-5.837-.96-2.332-.62-3.447-1.317-3.855-1.69.408-.372 1.523-1.068 3.855-1.69 2.712-.725 6.2-1.123 9.82-1.123s7.11.398 9.82 1.122c2.332.62 3.447 1.314 3.855 1.69-.408.37-1.523 1.065-3.855 1.69z'/%3E%3C/svg%3E"); } .i-menu-mentions-on.enabled::before, .i-menu-mentions-off::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23FFFFFF' stroke-width='1px' fill='black' viewBox='0 0 32 32'%3E%3Cpath d='M32.047 25c0-9-8-7-8-14 0-.58-.056-1.076-.158-1.498-.53-3.532-2.88-6.366-5.93-7.23.023-.123.04-.25.04-.382C18 .85 17.1 0 16 0s-2 .85-2 1.89c0 .13.014.258.04.382-3.42.97-5.965 4.416-6.038 8.545L8 11c0 7-8 5-8 14 0 2.382 5.33 4.375 12.468 4.878C13.14 31.14 14.47 32 16 32s2.86-.86 3.532-2.122C26.67 29.375 32 27.383 32 25v-.02l.047.02zm-6.227 1.69c-1.695.453-3.692.778-5.837.96C19.805 25.604 18.09 24 16 24s-3.806 1.605-3.985 3.65c-2.144-.18-4.142-.507-5.837-.96-2.332-.62-3.447-1.317-3.855-1.69.408-.372 1.523-1.068 3.855-1.69 2.712-.725 6.2-1.123 9.82-1.123s7.11.398 9.82 1.122c2.332.62 3.447 1.314 3.855 1.69-.408.37-1.523 1.065-3.855 1.69z'/%3E%3C/svg%3E"); } /* Unread .. Speech bubbles, with fill */ .i-menu-unread::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='white' stroke-width='1px' fill='black' viewBox='0 0 36 32'%3E%3Cpath d='M15 0c8.284 0 15 5.435 15 12.14s-6.716 12.138-15 12.138c-.796 0-1.576-.05-2.34-.147C9.44 27.34 5.72 27.918 2 28v-.785c2.008-.98 3.625-2.765 3.625-4.804 0-.283-.022-.562-.063-.835C2.17 19.35 0 15.95 0 12.14 0 5.436 6.716 0 15 0zm16.125 27.21c0 1.747 1.135 3.277 2.875 4.117V32c-3.223-.072-6.18-.566-8.973-3.316-.66.083-1.337.126-2.027.126-2.983 0-5.732-.805-7.925-2.157 4.52-.016 8.79-1.464 12.026-4.084 1.633-1.32 2.92-2.87 3.827-4.607.96-1.84 1.45-3.8 1.45-5.825 0-.327-.015-.652-.04-.975C34.604 13.038 36 15.59 36 18.405c0 3.265-1.88 6.18-4.82 8.086-.036.236-.055.476-.055.72z'/%3E%3C/svg%3E"); } .i-menu-unread.enabled::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23FFFFFF' stroke-width='0px' fill='black' viewBox='0 0 36 32'%3E%3Cpath d='M15 0c8.284 0 15 5.435 15 12.14s-6.716 12.138-15 12.138c-.796 0-1.576-.05-2.34-.147C9.44 27.34 5.72 27.918 2 28v-.785c2.008-.98 3.625-2.765 3.625-4.804 0-.283-.022-.562-.063-.835C2.17 19.35 0 15.95 0 12.14 0 5.436 6.716 0 15 0zm16.125 27.21c0 1.747 1.135 3.277 2.875 4.117V32c-3.223-.072-6.18-.566-8.973-3.316-.66.083-1.337.126-2.027.126-2.983 0-5.732-.805-7.925-2.157 4.52-.016 8.79-1.464 12.026-4.084 1.633-1.32 2.92-2.87 3.827-4.607.96-1.84 1.45-3.8 1.45-5.825 0-.327-.015-.652-.04-.975C34.604 13.038 36 15.59 36 18.405c0 3.265-1.88 6.18-4.82 8.086-.036.236-.055.476-.055.72z'/%3E%3C/svg%3E"); } /* New Replies .. Speech bubbles, no fill */ .i-menu-unreadreplies::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 36 32'%3E%3Cpath d='M15 4c-1.583 0-3.112.248-4.543.738-1.34.46-2.535 1.107-3.547 1.926C5.034 8.182 4 10.127 4 12.138c0 1.125.315 2.217.935 3.247.646 1.073 1.622 2.056 2.82 2.842.952.624 1.593 1.623 1.762 2.748.028.187.05.375.068.564.085-.08.17-.16.254-.25.75-.75 1.77-1.17 2.82-1.17.16 0 .33.01.5.03.6.08 1.22.112 1.83.112 1.58 0 3.11-.248 4.54-.738 1.34-.46 2.535-1.11 3.547-1.928 1.88-1.516 2.91-3.46 2.91-5.47s-1.03-3.958-2.91-5.476c-1.01-.82-2.205-1.464-3.546-1.923C18.115 4.25 16.585 4 15 4zm0-4c8.284 0 15 5.435 15 12.14s-6.716 12.138-15 12.138c-.796 0-1.576-.05-2.34-.147C9.44 27.34 5.72 27.92 2 28v-.785c2.008-.98 3.625-2.765 3.625-4.804 0-.28-.022-.56-.063-.83C2.17 19.35 0 15.95 0 12.14 0 5.436 6.716 0 15 0zm16.125 27.21c0 1.747 1.135 3.277 2.875 4.117V32c-3.223-.072-6.18-.566-8.973-3.316-.66.083-1.337.126-2.027.126-2.983 0-5.732-.805-7.925-2.157 4.52-.016 8.79-1.464 12.026-4.084 1.64-1.32 2.92-2.87 3.83-4.61.96-1.84 1.45-3.8 1.45-5.83 0-.33-.01-.65-.04-.98 2.27 1.88 3.66 4.43 3.66 7.246 0 3.265-1.88 6.18-4.82 8.086-.03.24-.05.48-.05.72z'/%3E%3C/svg%3E"); } .i-menu-unreadreplies.enabled::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 36 32'%3E%3Cpath d='M15 4c-1.583 0-3.112.248-4.543.738-1.34.46-2.535 1.107-3.547 1.926C5.034 8.182 4 10.127 4 12.138c0 1.125.315 2.217.935 3.247.646 1.073 1.622 2.056 2.82 2.842.952.624 1.593 1.623 1.762 2.748.028.187.05.375.068.564.085-.08.17-.16.254-.25.75-.75 1.77-1.17 2.82-1.17.16 0 .33.01.5.03.6.08 1.22.112 1.83.112 1.58 0 3.11-.248 4.54-.738 1.34-.46 2.535-1.11 3.547-1.928 1.88-1.516 2.91-3.46 2.91-5.47s-1.03-3.958-2.91-5.476c-1.01-.82-2.205-1.464-3.546-1.923C18.115 4.25 16.585 4 15 4zm0-4c8.284 0 15 5.435 15 12.14s-6.716 12.138-15 12.138c-.796 0-1.576-.05-2.34-.147C9.44 27.34 5.72 27.92 2 28v-.785c2.008-.98 3.625-2.765 3.625-4.804 0-.28-.022-.56-.063-.83C2.17 19.35 0 15.95 0 12.14 0 5.436 6.716 0 15 0zm16.125 27.21c0 1.747 1.135 3.277 2.875 4.117V32c-3.223-.072-6.18-.566-8.973-3.316-.66.083-1.337.126-2.027.126-2.983 0-5.732-.805-7.925-2.157 4.52-.016 8.79-1.464 12.026-4.084 1.64-1.32 2.92-2.87 3.83-4.61.96-1.84 1.45-3.8 1.45-5.83 0-.33-.01-.65-.04-.98 2.27 1.88 3.66 4.43 3.66 7.246 0 3.265-1.88 6.18-4.82 8.086-.03.24-.05.48-.05.72z'/%3E%3C/svg%3E"); } /* Login .. Key for lock, from svg repo cco */ .i-menu-login::before, .i-menu-login.enabled::before, .i-key::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23000000' viewBox='0 0 320 320'%3E%3Cpath d='M261.891 319.945a10.003 10.003 0 0 1-6.97-2.828l-2.515-2.444-22.722.657c-8.579.197-15.594-6.484-15.832-15.109l-.34-12.18-11.554.334c-.145.004-.295.006-.446.006-8.395 0-15.153-6.641-15.385-15.119l-.337-12.174-11.555.334c-.154.004-.295.006-.437.006-8.4 0-15.162-6.642-15.395-15.121l-.677-24.32c-2.093-2.127-5.762-5.599-9.706-9.23a25.906 25.906 0 0 1-12.896 3.461c-6.772 0-13.196-2.62-18.086-7.377a9.986 9.986 0 0 1-.575-.607 75.788 75.788 0 0 1-1.538-1.828c-3.937.455-7.903.685-11.859.685-27.553 0-53.453-10.775-72.931-30.343-40.182-40.362-40.182-106.036 0-146.399C49.615 10.78 75.517.004 103.071.004s53.455 10.776 72.934 30.344c23.722 23.828 34.284 57.301 28.743 90.367 2.623 4.08 4.098 8.83 4.234 13.808.117 4.269-.747 8.412-2.491 12.158l109.77 110.439a10.003 10.003 0 0 1 2.903 6.771l.774 27.738c.401 14.682-10.999 26.963-25.415 27.383l-32.346.93c-.095.002-.191.003-.286.003zm-5.547-25.391c2.599 0 5.101 1.013 6.97 2.829l2.515 2.444 28.117-.809c3.407-.099 6.102-3.167 6.001-6.838l-.664-23.772-111.407-112.085a10.014 10.014 0 0 1-2.799-5.579l-.383-2.574a10.002 10.002 0 0 1 2.529-8.238c1.189-1.294 1.817-3.021 1.767-4.86-.049-1.788-.752-3.446-1.978-4.669a9.998 9.998 0 0 1-2.719-9.178c5.987-27.927-2.41-56.624-22.463-76.768-15.697-15.769-36.565-24.453-58.76-24.453s-43.061 8.684-58.76 24.453c-32.437 32.582-32.437 85.598 0 118.179 15.697 15.77 36.563 24.453 58.757 24.453 5.311 0 10.642-.513 15.848-1.522a9.993 9.993 0 0 1 10.749 5.148c.576 1.092.369 4.093 5.202 4.926 1.617.279 3.435-.101 4.591-1.331l1.295-1.469a9.996 9.996 0 0 1 6.912-3.369 9.994 9.994 0 0 1 7.261 2.533c.2.18 4.968 4.451 9.827 8.99 10.646 9.945 12.744 12.306 12.874 17.028l.647 23.272 16.947-.49a9.935 9.935 0 0 1 7.157 2.728 9.996 9.996 0 0 1 3.128 6.992l.491 17.724 16.943-.49a9.917 9.917 0 0 1 7.156 2.728 9.995 9.995 0 0 1 3.129 6.989l.495 17.729 22.334-.646c.098-.004.195-.005.291-.005z'/%3E%3Cpath d='M84.895 120.428c-9.363 0-18.163-3.659-24.779-10.305-13.631-13.695-13.63-35.974 0-49.664 6.616-6.646 15.418-10.308 24.782-10.308s18.166 3.661 24.782 10.309c13.629 13.69 13.627 35.968-.003 49.659-6.615 6.647-15.416 10.309-24.782 10.309zm.003-50.276A14.87 14.87 0 0 0 74.29 74.57c-5.885 5.911-5.885 15.53.001 21.443a14.867 14.867 0 0 0 10.604 4.415c4.005 0 7.771-1.569 10.607-4.418 5.886-5.913 5.887-15.53.004-21.44a14.87 14.87 0 0 0-10.608-4.418zM271.669 282.908a9.965 9.965 0 0 1-7.087-2.945l-88.698-89.1c-3.896-3.914-3.882-10.245.032-14.142 3.912-3.895 10.245-3.884 14.142.032l88.698 89.1c3.896 3.914 3.882 10.245-.032 14.142a9.97 9.97 0 0 1-7.055 2.913z'/%3E%3C/svg%3E"); } /* Register .. clipboard with check mark */ .i-menu-register::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 36 36'%3E%3Cpath d='M32.625 4.5H22.5a4.5 4.5 0 0 0-9 0H3.375c-.621 0-1.125.504-1.125 1.125v29.25c0 .621.504 1.125 1.125 1.125h29.25c.621 0 1.125-.504 1.125-1.125V5.625c0-.621-.504-1.125-1.125-1.125zM18 2.25a2.25 2.25 0 1 1 0 4.5 2.25 2.25 0 0 1 0-4.5zm13.5 31.5h-27v-27H9v3.375c0 .621.504 1.125 1.125 1.125h15.75c.621 0 1.125-.504 1.125-1.125V6.75h4.5v27z'/%3E%3Cpath d='m15.75 30.182-7.216-8.341 2.057-2.057 5.159 4.034 9.659-8.534 2.057 2.057z'/%3E%3C/svg%3E"); } .i-menu-register.enabled::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 36 36'%3E%3Cpath d='M32.625 4.5H22.5a4.5 4.5 0 0 0-9 0H3.375c-.621 0-1.125.504-1.125 1.125v29.25c0 .621.504 1.125 1.125 1.125h29.25c.621 0 1.125-.504 1.125-1.125V5.625c0-.621-.504-1.125-1.125-1.125zM18 2.25a2.25 2.25 0 1 1 0 4.5 2.25 2.25 0 0 1 0-4.5zm13.5 31.5h-27v-27H9v3.375c0 .621.504 1.125 1.125 1.125h15.75c.621 0 1.125-.504 1.125-1.125V6.75h4.5v27z'/%3E%3Cpath d='m15.75 30.182-7.216-8.341 2.057-2.057 5.159 4.034 9.659-8.534 2.057 2.057z'/%3E%3C/svg%3E"); } /* Board icons, these use linear gradients, no filter, (C) 2014 Uri Herrera and others, KDE Visual Design Group;, LGPL */ .i-board-redirect::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient xlink:href='%23a' id='b' x2='0' y1='541.798' y2='499.784' gradientTransform='matrix(1 0 0 .99967 0 .176)' gradientUnits='userSpaceOnUse'/%3E%3ClinearGradient id='a'%3E%3Cstop style='stop-color:%233D6E32'/%3E%3Cstop offset='1' style='stop-color:%235FC04D'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M388.571 489.798v27c0 .554.446 1 1 1h54c.554 0 1-.446 1-1v-21.99l-.002-.01h.002v-1h-28l-4-4h-24z' style='fill:%23455F53' transform='translate(-384.571 -483.798)'/%3E%3Cpath d='m410.571 499.798-4 4h-19v1h.002l-.002.012v36.988h58v-42z' style='fill:url(%23b)' transform='translate(-384.571 -483.798)'/%3E%3Cpath d='M387.571 503.798v1h20l3-5-4 4z' style='fill:%23fff;fill-opacity:.235294;fill-rule:evenodd' transform='translate(-384.571 -483.798)'/%3E%3Cpath d='M388.571 502.798v1h18l4-4-6 3z' style='fill-opacity:.235294;fill-rule:evenodd' transform='translate(-384.571 -483.798)'/%3E%3Cpath d='M387.571 540.798v1h58v-1h-58z' style='fill-opacity:.235294' transform='translate(-384.571 -483.798)'/%3E%3Cpath d='m412.571 489.798 3 5h29v-1h-28z' style='fill:%23fff;fill-opacity:.235294;fill-rule:evenodd' transform='translate(-384.571 -483.798)'/%3E%3Cpath d='M32 28a7 7 0 0 0-7 7 7 7 0 0 0 .08 1.002A5 5 0 0 0 25 36a5 5 0 0 0-5 5 5 5 0 0 0 5 5h13a6 6 0 0 0 6-6 6 6 0 0 0-5.068-5.922A7 7 0 0 0 32 28zm0 1a6 6 0 0 1 .6.03 6 6 0 0 1 2.787 1.019 6 6 0 0 1 .002 0 6 6 0 0 1 1.31 1.22 6 6 0 0 1 0 .002 6 6 0 0 1 1.215 2.733A6 6 0 0 1 38 35a5 5 0 0 1 .996.1 5 5 0 0 1 .483.123 5 5 0 0 1 .001 0 5 5 0 0 1 .467.172 5 5 0 0 1 .002 0 5 5 0 0 1 .447.216 5 5 0 0 1 .004.002 5 5 0 0 1 .422.26 5 5 0 0 1 .004.002 5 5 0 0 1 .395.3 5 5 0 0 1 .002.003 5 5 0 0 1 .363.338 5 5 0 0 1 .002.002 5 5 0 0 1 .619.78 5 5 0 0 1 .002.003 5 5 0 0 1 .246.431 5 5 0 0 1 .002.002 5 5 0 0 1 .203.453 5 5 0 0 1 .002.002 5 5 0 0 1 .156.473 5 5 0 0 1 0 .002 5 5 0 0 1 .11.486 5 5 0 0 1 0 .002 5 5 0 0 1 .06.494A5 5 0 0 1 43 40a5 5 0 0 1-5 5H25a4 4 0 0 1-4-4 4 4 0 0 1 .02-.398A4 4 0 0 1 25 37a4 4 0 0 1 .299.014 4 4 0 0 1 0 .002 4 4 0 0 1 1.156.261 6 6 0 0 1-.342-1.146 6 6 0 0 1-.074-.508 6 6 0 0 1-.014-.115A6 6 0 0 1 26 35a6 6 0 0 1 .03-.6A6 6 0 0 1 32 29z' style='fill:%23fff;stroke-linejoin:round'/%3E%3C/svg%3E"); } .i-board-new::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='a'%3E%3Cstop stop-color='%233D6E32'/%3E%3Cstop offset='1' stop-color='%235FC04D'/%3E%3C/linearGradient%3E%3ClinearGradient xlink:href='%23a' id='b' x2='0' y1='542' y2='500' gradientTransform='matrix(1 0 0 1 0 .176)' gradientUnits='userSpaceOnUse'/%3E%3C/defs%3E%3Cpath fill='%23455F53' d='M4 6v27c0 .554.446 1 1 1h54c.554 0 1-.446 1-1V11.01l-.002-.01H60v-1H32l-4-4H4z'/%3E%3Cpath fill='url(%23b)' d='m410.571 499.798-4 4h-19v1h.002l-.002.012v36.988h58v-42z' transform='translate(-384.571 -483.798)'/%3E%3Cpath fill='%23fff' fill-opacity='.235' fill-rule='evenodd' d='M3 20v1h20l3-5-4 4z'/%3E%3Cpath fill-opacity='.235' fill-rule='evenodd' d='M4 19v1h18l4-4-6 3z'/%3E%3Cpath fill-opacity='.235' d='M3 57v1h58v-1H3z'/%3E%3Cpath fill='%23fff' fill-opacity='.235' fill-rule='evenodd' d='m28 6 3 5h29v-1H32z'/%3E%3C/svg%3E"); } .i-board-sub::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='a'%3E%3Cstop stop-color='%233D6E32'/%3E%3Cstop offset='1' stop-color='%235FC04D'/%3E%3C/linearGradient%3E%3ClinearGradient xlink:href='%23a' id='b' x2='0' y1='541.798' y2='499.784' gradientTransform='matrix(1 0 0 .99967 0 .176)' gradientUnits='userSpaceOnUse'/%3E%3C/defs%3E%3Cpath fill='%23455F53' d='M4 6v27c0 .554.446 1 1 1h54c.554 0 1-.446 1-1V11.01l-.002-.01H60v-1H32l-4-4H4z'/%3E%3Cpath fill='url(%23b)' d='m410.571 499.798-4 4h-19v1h.002l-.002.012v36.988h58v-42h-35Z' transform='translate(-384.571 -483.798)'/%3E%3Cpath fill='%23fff' fill-opacity='.235' fill-rule='evenodd' d='M3 20v1h20l3-5-4 4z'/%3E%3Cpath fill-opacity='.235' fill-rule='evenodd' d='M4 19v1h18l4-4-6 3z'/%3E%3Cpath fill-opacity='.235' d='M3 57v1h58v-1H3z'/%3E%3Cpath fill='%23fff' fill-opacity='.235' fill-rule='evenodd' d='m28 6 3 5h29v-1H32z'/%3E%3Cpath fill='%233F4A3C' d='m28.307 28.559.189 1.504V36H30v-6h4v6l1.63.126-.063-7.567h-7.26Zm-2.6 7.742-1.211 1.211 3.85 3.789 1.586 1.505 2.139 1.761 3.392-3.077c-.087.087 3.807-3.744 4.04-3.978l-1.21-1.211L34 40.594l-2 2-2-2-4.293-4.293Z'/%3E%3C/svg%3E"); } .i-board-off::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='a'%3E%3Cstop stop-color='%23a7afb4'/%3E%3Cstop offset='1' stop-color='%23bdc3c7'/%3E%3C/linearGradient%3E%3ClinearGradient xlink:href='%23a' id='b' x2='0' y1='542' y2='500' gradientTransform='matrix(1 0 0 .99967 0 .176)' gradientUnits='userSpaceOnUse'/%3E%3C/defs%3E%3Cpath fill='%236e6e6e' d='M4 6v27c0 .554.446 1 1 1h54c.554 0 1-.446 1-1V11.01l-.002-.01H60v-1H32l-4-4H4z'/%3E%3Cpath fill='url(%23b)' d='m410.571 499.798-4 4h-19v1h.002l-.002.012v36.988h58v-42z' transform='translate(-384.571 -483.798)'/%3E%3Cpath fill='%23fff' fill-opacity='.235' fill-rule='evenodd' d='M3 20v1h20l3-5-4 4z'/%3E%3Cpath fill-opacity='.235' fill-rule='evenodd' d='M4 19v1h18l4-4-6 3z'/%3E%3Cpath fill-opacity='.235' d='M3 57v1h58v-1H3z'/%3E%3Cpath fill='%23fff' fill-opacity='.235' fill-rule='evenodd' d='m28 6 3 5h29v-1H32z'/%3E%3C/svg%3E"); } /* House outline */ .i-home::before, .i-forum::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='black' stroke-width='1px' fill='white' viewBox='0 0 32 32'%3E%3Cpath d='M32 18.45L16 6.03 0 18.45v-5.063L16 .967l16 12.42zM28 18v12h-8v-8h-8v8H4V18l12-9z'/%3E%3C/svg%3E"); } /* Reply icon */ .i-reply::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 36 36'%3E%3Cpath d='M15.75 27.268V36L2.25 22.5 15.75 9v8.924C31.456 18.292 30.782 7.244 26.784 0c9.869 10.667 7.773 27.758-11.034 27.268z'/%3E%3C/svg%3E"); } /* Recycle Icon */ .i-recycle::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 36 36'%3E%3Cpath d='m16.795 23.484-.301 7.393-.04.442-8.438-.583c-1.045-.08-1.908-1.065-2.29-1.949-.804-1.868.241-4.078.844-5.866 0 0 1.547.241 10.225.563zM9.02 11.712l3.616 7.614-2.953-1.848c-4.52 5.163-4.942 9-4.942 9L.924 19.306c-.783-1.165-.08-2.431-.08-2.431s.703-1.266 2.29-3.777L.321 11.37zm24.73 10.386-3.777 7.212c-.522 1.306-1.969 1.426-1.969 1.426s-1.426.141-4.4.241l.161 3.295-4.621-7.373 4.239-7.272.141 3.475c6.81.824 10.225-1.004 10.225-1.004zM17.98 3.536s-.944 1.246-5.324 8.739L6.288 8.518l-.382-.241 4.52-7.152C10.989.241 12.254-.08 13.239.02c2.009.181 3.455 2.129 4.741 3.516zm13.158 6.167 4.259 7.292c.542.904.221 2.17-.301 3.013-1.085 1.688-3.496 2.089-5.304 2.592 0 0-.683-1.426-5.324-8.759l6.288-3.917zm-2.872-4.54 2.853-1.667-4.42 7.493-8.417-.402 3.033-1.728C18.904 2.451 15.71.241 15.71.241l8.136.02c1.406-.121 2.17 1.085 2.17 1.085s.783 1.225 2.25 3.817z'/%3E%3C/svg%3E"); } /* Direction icons like < > i-chevron-up/down, not used with a filter as we need dark stroke and light fill so it can be used on both light and dark backgrounds */ .i-chevron-up::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='grey' stroke-width='2px' fill='white' viewBox='0 2 36 38'%3E%3Cpath d='m33.81 26.739-3.335 3.315a1.274 1.274 0 0 1-1.808 0L18 19.387 7.333 30.054a1.274 1.274 0 0 1-1.808 0L2.19 26.739a1.298 1.298 0 0 1 0-1.828l14.906-14.886a1.274 1.274 0 0 1 1.808 0L33.81 24.911a1.298 1.298 0 0 1 0 1.828z'/%3E%3C/svg%3E"); } .i-chevron-down::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='grey' stroke-width='2px' fill='white' viewBox='0 2 36 38'%3E%3Cpath d='M33.81 16.232 18.904 31.118a1.274 1.274 0 0 1-1.808 0L2.19 16.232a1.298 1.298 0 0 1 0-1.828l3.335-3.315a1.274 1.274 0 0 1 1.808 0L18 21.756l10.667-10.667a1.274 1.274 0 0 1 1.808 0l3.335 3.315a1.298 1.298 0 0 1 0 1.828z'/%3E%3C/svg%3E"); } .i-chevron-circle-right::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 32 32'%3E%3Cpath d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16S24.837 0 16 0zm0 29C8.82 29 3 23.18 3 16S8.82 3 16 3s13 5.82 13 13-5.82 13-13 13z'/%3E%3Cpath d='M11.086 22.086l2.83 2.83L22.828 16l-8.915-8.913-2.828 2.828L17.173 16z'/%3E%3C/svg%3E"); } .i-chevron-circle-left::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 32 32'%3E%3Cpath d='M16 32c8.837 0 16-7.163 16-16S24.837 0 16 0 0 7.163 0 16s7.163 16 16 16zm0-29c7.18 0 13 5.82 13 13s-5.82 13-13 13S3 23.18 3 16 8.82 3 16 3z'/%3E%3Cpath d='M20.914 9.914l-2.83-2.83L9.172 16l8.915 8.913 2.828-2.828L14.827 16z'/%3E%3C/svg%3E"); } /* >> icon From Font Awesome. NOTE adding filer to this allows it to be seen over a drop down menu, instead define the color here. */ .i-last::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 38 38'%3E%3Cpath d='M.8 29.5c-.4.4-.8.3-.8-.4V3c0-.8.4-1 .8-.5l12.7 12.7.2.3V3c0-.8.4-1 .8-.5l12.7 12.7.2.3v-12c0-.7.5-1.2 1.2-1.2H31c.5 0 1 .5 1 1v25.3c0 .6-.5 1-1 1h-2.4c-.7 0-1.2-.4-1.2-1v-12l-.2.2-12.7 12.7c-.4.4-.8.3-.8-.4V16.6s0 .2-.2.3z'/%3E%3C/svg%3E"); } /* Same >> icon but NOTE adding a filer allows it to be seen/bleed over a drop down menu, instead define the color here. */ .i-last_post::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2327A348' viewBox='0 0 38 38'%3E%3Cpath d='M.8 29.5c-.4.4-.8.3-.8-.4V3c0-.8.4-1 .8-.5l12.7 12.7.2.3V3c0-.8.4-1 .8-.5l12.7 12.7.2.3v-12c0-.7.5-1.2 1.2-1.2H31c.5 0 1 .5 1 1v25.3c0 .6-.5 1-1 1h-2.4c-.7 0-1.2-.4-1.2-1v-12l-.2.2-12.7 12.7c-.4.4-.8.3-.8-.4V16.6s0 .2-.2.3z'/%3E%3C/svg%3E"); } /* Filled Dots, these are simple SVG geometry icons and are not from any font set, use with colorize-xxx class */ .i-dot::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='grey' stroke-width='2px' fill='black' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='15'/%3E%3C/svg%3E"); } /* Envelope filled icon */ .i-envelope::before, .i-envelope-o::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 32 32'%3E%3Cpath d='M32 12.68v14.178q0 1.18-.84 2.018t-2.017.84H2.857q-1.18 0-2.018-.84T0 26.858v-14.18q.786.876 1.804 1.555 6.464 4.393 8.875 6.16 1.013.75 1.65 1.17t1.69.858 1.96.44h.035q.91 0 1.963-.44t1.69-.852 1.65-1.17q3.037-2.196 8.894-6.16 1.02-.697 1.786-1.557zm0-5.25q0 1.41-.875 2.695t-2.18 2.196l-8.355 5.81q-.18.125-.76.545t-.967.68-.93.58-1.026.48-.894.163h-.036q-.41 0-.892-.16t-1.027-.483-.928-.58-.964-.68-.76-.545q-1.625-1.143-4.68-3.26T3.07 12.32q-1.11-.75-2.09-2.06t-.982-2.44q0-1.393.74-2.32t2.117-.93H29.14q1.162 0 2.01.84t.848 2.017z'/%3E%3C/svg%3E"); } /* Envelope outline only icon */ .i-envelope-blank::before, .i-envelope-o-blank::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='black' stroke-width='2px' fill-opacity='0' viewBox='0 0 33 32'%3E%3Cpath d='M32 12.68v14.178q0 1.18-.84 2.018t-2.017.84H2.857q-1.18 0-2.018-.84T0 26.858v-14.18q.786.876 1.804 1.555 6.464 4.393 8.875 6.16 1.013.75 1.65 1.17t1.69.858 1.96.44h.035q.91 0 1.963-.44t1.69-.852 1.65-1.17q3.037-2.196 8.894-6.16 1.02-.697 1.786-1.557zm0-5.25q0 1.41-.875 2.695t-2.18 2.196l-8.355 5.81q-.18.125-.76.545t-.967.68-.93.58-1.026.48-.894.163h-.036q-.41 0-.892-.16t-1.027-.483-.928-.58-.964-.68-.76-.545q-1.625-1.143-4.68-3.26T3.07 12.32q-1.11-.75-2.09-2.06t-.982-2.44q0-1.393.74-2.32t2.117-.93H29.14q1.162 0 2.01.84t.848 2.017z'/%3E%3C/svg%3E"); } /* Circular ? icons no fill, gradient in svg*/ .i-help::before, .i-question::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='a'%3E%3Cstop offset='0' stop-color='%230645ad'/%3E%3Cstop offset='1' stop-color='%23398fea'/%3E%3C/linearGradient%3E%3ClinearGradient xlink:href='%23a' id='b' x1='117' x2='117' y1='84' y2='62' gradientUnits='userSpaceOnUse'/%3E%3ClinearGradient xlink:href='%23a' id='c' x1='117' x2='117' y1='84' y2='62' gradientUnits='userSpaceOnUse'/%3E%3C/defs%3E%3Cpath fill='url(%23b)' stroke='url(%23c)' stroke-linecap='round' stroke-width='1.937' d='M126.875 72.92a9.978 9.978 0 1 1-19.955 0 9.978 9.978 0 1 1 19.955 0z' transform='matrix(4.56798 0 0 4.56249 -483.92 -282.732)'/%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-width='3.5' d='m277.288 360.82-.333.33 1.335 6.664 3.002.331c15.96-19.249 32.855-.707 17.05 14.943-5.278 5.227-6.63 10.839-6.67 17.657 0 .61 2.303 1.333 3.002 1.333.699 0 2.668-.723 2.668-1.333-.887-5.925 1.933-10.254 5.337-13.66 11.075-11.081 16.177-22.355 6.41-30.429-6.914-5.716-19.995-6.665-31.801 4.162zm17.252 49.854c-2.753 1.086-4.036 2.584-4.978 4.972v.277c.797 3.04 2.008 4.32 4.978 4.972h.554c2.608-.652 3.963-2.005 4.977-4.972v-.277c-.941-2.605-2.297-4.031-4.977-4.972z' transform='translate(-245 -335)'/%3E%3C/svg%3E"); } /* Circular ! icons */ .i-warning::before, .i-warning-watch::before, .i-warning-moderate::before, .i-post_moderation_moderate::before, .i-warning-mute::before, .i-post_moderation_deny::before, .i-fail::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 32 32'%3E%3Cpath d='M16 3c-3.472 0-6.737 1.352-9.192 3.808S3 12.528 3 16c0 3.472 1.352 6.737 3.808 9.192S12.528 29 16 29c3.472 0 6.737-1.352 9.192-3.808S29 19.472 29 16c0-3.472-1.352-6.737-3.808-9.192S19.472 3 16 3zm0-3c8.837 0 16 7.163 16 16s-7.163 16-16 16S0 24.837 0 16 7.163 0 16 0zm-2 22h4v4h-4zm0-16h4v12h-4z'/%3E%3C/svg%3E"); } /* Info circle */ .i-info::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230000bc' fill-opacity='.55' viewBox='0 0 77 77'%3E%3Cpath d='M38.4 0c21.208 0 38.4 17.192 38.4 38.4S59.608 76.8 38.4 76.8 0 59.608 0 38.4 17.192 0 38.4 0Zm8.952 28.286c-1.141-1.183-2.713-1.598-4.37-1.578-2.208.026-4.567.826-6.254 1.612-4.038 1.881-7.136 5.212-9.717 8.773-.464.64-.707 1.398.11 1.988.698.503 1.2.053 1.62-.396l.028-.03.095-.102a59.44 59.44 0 0 0 1.384-1.57l.114-.132.114-.133c1.369-1.587 2.762-3.152 4.605-4.213 1.096-.632 1.886.343 1.717 1.438-.102.657-.447 1.275-.688 1.91-.858 2.254-1.728 4.504-2.595 6.755a681.974 681.974 0 0 0-2.817 7.416l-.08.215-.08.215c-.812 2.186-1.612 4.355-2.142 6.636-.423 1.824-.992 4.037-.174 5.828.471 1.032 1.47 1.741 2.583 1.903 1.516.22 3.156.245 4.64-.092a17.387 17.387 0 0 0 2.263-.68c2.265-.853 4.329-2.167 6.187-3.71 1.89-1.576 3.557-3.44 5.076-5.373.488-.62 1.08-1.308 1.247-2.103.156-.747-.51-1.812-1.373-1.38-.456.23-.798.795-1.13 1.172a66.91 66.91 0 0 1-1.271 1.396c-.86.92-1.74 1.819-2.625 2.714a7.15 7.15 0 0 1-1.907 1.35c-.864.424-1.551-.046-1.458-1.003.086-.878.3-1.765.602-2.597 1.212-3.347 2.448-6.685 3.673-10.027a927.144 927.144 0 0 0 2.28-6.273c.702-1.957 1.3-3.898 1.554-5.972.174-1.428-.196-2.906-1.211-3.957zm2.549-16.06c-3.654-1.422-8.01 1.004-8.743 4.87-.53 2.792.533 5.25 2.72 6.286 4.23 2.007 9.291-1.198 9.291-5.883 0-2.6-1.144-4.447-3.268-5.273z'/%3E%3C/svg%3E"); } /* Close X icon */ .i-close::before, .i-remove::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='-4 -4 40 40'%3E%3Cpath d='M31.708 25.708L22 16l9.708-9.708c.105-.105.18-.227.23-.357.132-.356.056-.77-.23-1.057L27.122.292c-.286-.286-.702-.36-1.057-.23-.13.05-.252.125-.357.23L16 9.998 6.292.29C6.187.188 6.065.11 5.935.064c-.356-.133-.77-.057-1.057.23L.292 4.877c-.286.286-.36.702-.23 1.057.05.13.125.252.23.357L10 16 .292 25.708c-.104.105-.18.227-.23.357-.132.355-.056.77.23 1.057l4.586 4.586c.286.286.702.36 1.057.23.13-.05.252-.125.357-.23L16 22l9.708 9.708c.105.105.227.18.357.23.356.132.77.056 1.057-.23l4.586-4.586c.286-.286.362-.702.23-1.057-.05-.13-.125-.252-.23-.357z'/%3E%3C/svg%3E"); } /* ! triangle icons */ .i-alert::before, .i-warn::before, .i-exclamation::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 32 32'%3E%3Cpath d='M18.286 24.554V21.16q0-.25-.17-.42t-.402-.17h-3.43q-.23 0-.4.17t-.17.42v3.394q0 .25.17.42t.4.17h3.43q.232 0 .402-.17t.17-.42zm-.036-6.68l.32-8.195q0-.216-.178-.34-.232-.197-.43-.197h-3.928q-.196 0-.43.196-.178.124-.178.374l.304 8.16q0 .18.18.296t.428.117h3.304q.25 0 .42-.116t.188-.293zM18 1.197L31.714 26.34q.625 1.124-.036 2.25-.304.517-.83.82t-1.134.304H2.284q-.606 0-1.133-.304t-.83-.82q-.66-1.126-.034-2.25L14 1.195q.303-.554.838-.875t1.16-.32 1.162.32.84.876z'/%3E%3C/svg%3E"); } /* Checkmark icon */ .i-check::before, .i-post_moderation_allow::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 32 32'%3E%3Cpath d='M27 4L12 19l-7-7-5 5 12 12L32 9z'/%3E%3C/svg%3E"); } /* Globe */ .i-website::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 32 32'%3E%3Cpath d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16S24.837 0 16 0zm0 30c-1.967 0-3.84-.407-5.538-1.14l7.286-8.196c.163-.183.253-.42.253-.664v-3c0-.552-.44-1-1-1-3.53 0-7.25-3.67-7.29-3.707C9.52 12.105 9.27 12 9 12H5c-.55 0-1 .448-1 1v6c0 .38.215.725.554.894L8 21.618v5.87C4.375 24.96 2 20.76 2 16c0-2.147.485-4.18 1.35-6H7c.266 0 .52-.105.708-.293l4-4C11.896 5.52 12 5.265 12 5V2.58c1.27-.376 2.61-.58 4-.58 2.2 0 4.282.508 6.135 1.412-.13.11-.256.224-.376.345C20.62 4.89 20 6.397 20 8s.624 3.11 1.757 4.243c1.14 1.14 2.663 1.757 4.24 1.757.1 0 .198 0 .297-.006.432 1.62 1.21 5.833-.263 11.635-.01.05-.02.1-.02.16-2.54 2.6-6.08 4.21-10 4.21z'/%3E%3C/svg%3E"); } /* Box with outward arrow */ .i-external-link::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 32 32'%3E%3Cpath d='M6 2v24h24V2H6zm22 22H8V4h20v20zM4 28V7L2 5v25h25l-2-2H4z'/%3E%3Cpath d='M11 8l5 5-6 6 3 3 6-6 5 5V8z'/%3E%3C/svg%3E"); } /* A pencil from svg repo cco */ .i-modify::before, .i-pencil::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M446.029 0 130.498 267.303l-20.33 66.646c-8.624 7.369-19.857 11.39-32.017 11.391-4.776 0-9.583-.622-14.293-1.848l-14.438-3.761L0 512l172.268-49.421-3.759-14.438c-4.454-17.1-.883-34.137 9.54-46.309l66.648-20.331L512 65.971 446.029 0zM136.351 441.068l-61.413 17.618 42.732-42.732-21.625-21.624-42.731 42.732 17.627-61.444c2.401.202 4.807.303 7.21.303 16.215-.001 31.518-4.56 44.35-13.043l26.609 26.609c-9.908 14.923-14.38 32.971-12.759 51.581zm37.626-69.966-33.079-33.078 10.109-33.14 56.109 56.109-33.139 10.109zm61.026-25.47-68.636-68.636 46.828-39.671 61.478 61.478-39.67 46.829zm1.607-128.14L444.314 41.535l26.152 26.152-175.957 207.704-57.899-57.899z'/%3E%3C/svg%3E"); } /* Bar-chart */ .i-poll::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 128 128'%3E%3Cpath fill='%23fff' d='M4 4h120v120H4z'/%3E%3Cg fill='none' stroke='%23b0bec5' stroke-miterlimit='10' stroke-width='2'%3E%3Cpath d='M124 24.35H5.57M124 43.67H5.47M124 62.99H5.36M124 82.31H5.26M124 101.64H5.15'/%3E%3C/g%3E%3Cpath fill='%239ccc65' d='M38.72 121.91H21.89V55.38c0-1.36 1.1-2.46 2.46-2.46h11.91c1.36 0 2.46 1.1 2.46 2.46v66.53z'/%3E%3Cpath fill='%23f44336' d='M72.42 121.91H55.58V74.84c0-1.36 1.1-2.46 2.46-2.46h11.91c1.36 0 2.46 1.1 2.46 2.46v47.07z'/%3E%3Cpath fill='%230091ea' d='M103.64 121.91H91.73c-1.36 0-2.46-1.1-2.46-2.46V25.86c0-1.36 1.1-2.46 2.46-2.46h11.91c1.36 0 2.46 1.1 2.46 2.46v93.59c0 1.36-1.1 2.46-2.46 2.46z'/%3E%3Cpath fill='%23b0bec5' d='M124 120H8V4H4v120h120z'/%3E%3Cpath fill='%23b0bec5' d='M122 6v116H6V6h116m2-2H4v120h120V4z'/%3E%3C/svg%3E"); } /* Shadowed bar chart */ .i-poll-locked::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 32 32'%3E%3Cpath d='M0 26h32v4H0zm4-8h4v6H4zm6-8h4v14h-4zm6 6h4v8h-4zm6-12h4v20h-4z'/%3E%3C/svg%3E"); } /* Speech bubble three dots */ .i-comment::before, .i-profile::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='-3 0 133 128'%3E%3Cpath fill='none' stroke='%23000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='12' d='M63.65 8.07C20.99 8.29 3.72 30.53 3.39 58.23c-.18 15.47 9.79 28.83 25.07 36.98 7.45 5.27-1.42 22.54-8.52 26.95 0 0 25.1-1.71 32.02-19.4 3.82.56 7.75.85 11.78.85 33.28 0 60.17-17.68 60.17-45.38S106.72 7.86 63.65 8.07z'/%3E%3Cg fill='%23000'%3E%3Ccircle cx='32.6' cy='57' r='10'/%3E%3Ccircle cx='64.6' cy='57' r='10'/%3E%3Ccircle cx='95.4' cy='57' r='10'/%3E%3C/g%3E%3C/svg%3E"); } /* Speech bubble outline */ .i-comment-blank::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 32 32'%3E%3Cpath d='M16 6c-1.717 0-3.375.27-4.928.804-1.46.502-2.76 1.21-3.863 2.108C5.14 10.592 4 12.755 4 15c0 1.26.35 2.48 1.04 3.63.71 1.185 1.78 2.268 3.092 3.133.95.625 1.587 1.623 1.755 2.747.056.375.09.753.105 1.13.233-.195.46-.402.684-.625.755-.755 1.774-1.172 2.828-1.172.168 0 .336.01.505.032.653.083 1.323.126 1.99.126 1.715 0 3.373-.27 4.926-.802 1.46-.502 2.76-1.21 3.863-2.108C26.86 19.407 28 17.245 28 15s-1.14-4.406-3.21-6.087c-1.104-.897-2.404-1.606-3.863-2.108C19.374 6.27 17.717 6 16 6zm0-4c8.837 0 16 5.82 16 13s-7.163 13-16 13c-.85 0-1.682-.054-2.495-.158C10.068 31.28 5.965 31.895 2 31.986v-.84c2.142-1.05 4-2.962 4-5.146 0-.305-.024-.604-.068-.897C2.312 22.72 0 19.08 0 15 0 7.82 7.163 2 16 2z'/%3E%3C/svg%3E"); } /* Karma */ .i-karma::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17'%3E%3Cg fill='%23000' fill-rule='evenodd' transform='translate(1)'%3E%3Cpath d='M7.984.053C3.599.053.045 3.614.045 8.006s3.555 7.953 7.939 7.953 7.939-3.561 7.939-7.953S12.369.053 7.984.053M7.49 2.045c.838 0 1.519.654 1.519 1.46s-.681 1.46-1.519 1.46c-.84 0-1.519-.654-1.519-1.46s.679-1.46 1.519-1.46m.545 12.863c-3.051 0-5.693-3.99.066-6.924 5.256-2.676 2.803-7.24-.066-6.976 4.375 0 6.939 3.111 6.939 6.95.001 3.839-3.107 6.95-6.939 6.95' class='si-glyph-fill'/%3E%3Cellipse cx='8.493' cy='11.445' class='si-glyph-fill' rx='1.493' ry='1.445'/%3E%3C/g%3E%3C/svg%3E"); } /* Bell filled */ .i-bell::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 32 32'%3E%3Cpath d='M32.047 25c0-9-8-7-8-14 0-.58-.056-1.076-.158-1.498-.53-3.532-2.88-6.366-5.93-7.23.023-.123.04-.25.04-.382C18 .85 17.1 0 16 0s-2 .85-2 1.89c0 .13.014.258.04.382-3.42.97-5.965 4.416-6.038 8.545L8 11c0 7-8 5-8 14 0 2.382 5.33 4.375 12.468 4.878C13.14 31.14 14.47 32 16 32s2.86-.86 3.532-2.122C26.67 29.375 32 27.383 32 25v-.02l.047.02zm-6.227 1.69c-1.695.453-3.692.778-5.837.96C19.805 25.604 18.09 24 16 24s-3.806 1.605-3.985 3.65c-2.144-.18-4.142-.507-5.837-.96-2.332-.62-3.447-1.317-3.855-1.69.408-.372 1.523-1.068 3.855-1.69 2.712-.725 6.2-1.123 9.82-1.123s7.11.398 9.82 1.122c2.332.62 3.447 1.314 3.855 1.69-.408.37-1.523 1.065-3.855 1.69z'/%3E%3C/svg%3E"); } /* Bell outline */ .i-bell-blank::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='black' stroke-width='1px' fill-opacity='0' viewBox='0 0 33 32'%3E%3Cpath d='M32.047 25c0-9-8-7-8-14 0-.58-.056-1.076-.158-1.498-.53-3.532-2.88-6.366-5.93-7.23.023-.123.04-.25.04-.382C18 .85 17.1 0 16 0s-2 .85-2 1.89c0 .13.014.258.04.382-3.42.97-5.965 4.416-6.038 8.545L8 11c0 7-8 5-8 14 0 2.382 5.33 4.375 12.468 4.878C13.14 31.14 14.47 32 16 32s2.86-.86 3.532-2.122C26.67 29.375 32 27.383 32 25v-.02l.047.02zm-6.227 1.69c-1.695.453-3.692.778-5.837.96C19.805 25.604 18.09 24 16 24s-3.806 1.605-3.985 3.65c-2.144-.18-4.142-.507-5.837-.96-2.332-.62-3.447-1.317-3.855-1.69.408-.372 1.523-1.068 3.855-1.69 2.712-.725 6.2-1.123 9.82-1.123s7.11.398 9.82 1.122c2.332.62 3.447 1.314 3.855 1.69-.408.37-1.523 1.065-3.855 1.69z'/%3E%3C/svg%3E"); } /* Edison light bulb, from noto, no filter */ .i-bulb::before, .i-lamp::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23424242' d='M11.89 18.262c0-.617-.847-1.114-1.89-1.114s-1.89.497-1.89 1.114c0 .613.847 1.113 1.89 1.113s1.89-.5 1.89-1.113Zm0 0'/%3E%3Cpath fill='%23ffd600' d='M10 .625c-3.293 0-5.965 2.45-5.965 5.469 0 .785.238 1.629.586 2.37.488 1.044 1.02 1.817 1.176 2.098.437.793.375 1.626.492 2.149.227.973.906 1.328 3.711 1.328 2.8 0 3.406-.336 3.656-1.234.172-.614.004-1.282.438-2.07.156-.282.793-1.227 1.281-2.27.352-.742.586-1.586.586-2.371C15.965 3.074 13.293.625 10 .625Zm0 0'/%3E%3Cpath fill='%23b26500' d='M13.43 13.457c0-.383-1.535-.695-3.43-.695-1.895 0-3.43.312-3.43.695 0 .387 1.535.7 3.43.7 1.895 0 3.43-.313 3.43-.7Zm0 0'/%3E%3Cpath fill='%23b26500' d='M13.43 13.457c0-.383-1.535-.695-3.43-.695-1.895 0-3.43.312-3.43.695 0 .387 1.535.7 3.43.7 1.895 0 3.43-.313 3.43-.7Zm0 0'/%3E%3Cpath fill='%23ffa000' d='M12.5 13.457c0-.176-1.121-.32-2.5-.32s-2.5.144-2.5.32c0 .18 1.121.324 2.5.324s2.5-.144 2.5-.324Zm0 0'/%3E%3Cpath fill='none' stroke='%23b26500' stroke-miterlimit='10' stroke-width='.3125' d='M8.328 8.871c-.098.242-.348.746-.219.969.305.523 1.032.71 1.032 1.191 0 .735-.532 3.117-.532 3.117m2.957-5.367s.352.75.204 1.086c-.114.25-.778.656-.864.723-.398.312.13 3.558.13 3.558'/%3E%3Cpath fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='.3125' d='M8.328 8.871c.54-1.062.813-3.488.133-3.363-1.152.207.266 4.191.965 3.734.699-.46 1.562-3.726.5-3.742-1.063-.012.074 4.168.793 3.703.57-.367 1.965-3.695.82-3.695-.973 0 .031 3.273.031 3.273'/%3E%3Cpath fill='%2382aec0' d='M13.422 13.602s-.902.437-3.422.437-3.422-.437-3.422-.437-.055.804.133 1.168c.223.437.394.59.394.59l.094.445-.039.117a.466.466 0 0 0 .094.441l.082.09.09.43-.031.086a.452.452 0 0 0 .105.472l.059.059.074.352s.37.793 2.367.793c1.996 0 2.367-.793 2.367-.793l.008-.032.04-.039c.081-.078.108-.199.07-.304l-.024-.063.098-.46.168-.18a.285.285 0 0 0 .05-.329l-.078-.156.098-.465.062-.047c.094-.101.094-.254.055-.359a.226.226 0 0 1 .055-.238c.101-.094.226-.235.32-.414.191-.356.133-1.164.133-1.164Zm0 0'/%3E%3Cpath fill='%232f7889' d='m7.105 15.36.082.449c.91-.004 2.125.039 4.454-.332.421-.094.925-.282.367-.204 0-.003-2.137.204-4.903.086Zm.313 1.527c1.004-.02 3.062-.117 5.27-.598l.101-.465c-2.312.528-4.484.621-5.46.633Zm5.129.066c-2.043.442-3.957.555-4.992.582l.066.317s.031.992 2.367.992 2.371-.992 2.371-.992-1 .285-2.226.148a.097.097 0 0 1-.098-.098.1.1 0 0 1 .098-.101c.734-.098 1.61-.238 2.32-.387Zm0 0'/%3E%3Cpath fill='none' stroke='%2382aec0' stroke-linecap='round' stroke-miterlimit='10' stroke-width='.62453125' d='M6.59 13.602s1.012.437 3.402.437 3.418-.437 3.418-.437'/%3E%3Cpath fill='%23ffff8d' d='M7.793 1.613c.613-.152 1.25-.074 1.687.457.125.149.22.328.243.52.043.375-.188.726-.465.988-.781.738-1.899 1.098-2.403 2.121-.12.239-.214.496-.394.692-.18.195-.484.312-.719.187-.125-.062-.21-.187-.281-.312-.445-.79-.41-1.797-.02-2.618.43-.894 1.372-1.796 2.352-2.035Zm0 0'/%3E%3Cpath fill='%23ffd600' d='M7.258 14.363c-.137-.062-.082-.27.066-.258.504.04 1.36.09 2.492.09a27.1 27.1 0 0 0 2.856-.156c.152-.016.21.191.07.258-.469.219-1.336.473-2.816.473-1.446 0-2.242-.215-2.668-.407Zm0 0'/%3E%3Cpath fill='%2394d1e0' d='M8.117 15.941c-.105.04-.215.09-.265.188a.173.173 0 0 0-.024.117c.012.059.067.102.121.129.11.05.235.066.356.066.246.004.492-.043.738-.09.074-.015.148-.027.215-.062.066-.039.12-.098.133-.172.015-.097-.055-.195-.141-.242-.297-.164-.836-.04-1.133.066Zm.23 1.032c-.105.035-.21.09-.265.183-.02.04-.027.078-.02.117.012.063.067.102.122.13.109.054.23.066.351.07.25.004.496-.043.742-.09a.808.808 0 0 0 .215-.067c.063-.035.121-.097.133-.168.016-.101-.055-.195-.14-.242-.297-.164-.837-.039-1.137.067Zm0 0'/%3E%3Cpath fill='%23ffff8d' d='M7.813 13.156c.144.016.292 0 .414-.074.12-.078.195-.234.148-.367a.46.46 0 0 0-.133-.18c-.117-.117-.234-.23-.351-.348a6.028 6.028 0 0 0-.399-.374c-.219-.18-.508-.352-.797-.22-.242.114-.3.337-.191.567.23.488.762.942 1.309.996Zm0 0'/%3E%3C/svg%3E"); } /* Torso From Font Awesome */ .i-user::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='-4 2 28 32'%3E%3Cpath d='M22.857 24.982c0 2.607-1.714 4.732-3.804 4.732H3.803c-2.089 0-3.804-2.125-3.804-4.732 0-4.696 1.161-10.125 5.839-10.125a7.972 7.972 0 0 0 11.178 0c4.679 0 5.839 5.429 5.839 10.125zM18.286 9.143c0 3.786-3.071 6.857-6.857 6.857s-6.857-3.071-6.857-6.857 3.071-6.857 6.857-6.857 6.857 3.071 6.857 6.857z'/%3E%3C/svg%3E"); } /* User outline with green +, 2 color icon, no filter*/ .i-user-plus::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23aeaeae' d='M12 23c0-4.726 2.996-8.765 7.19-10.32.508-1.14.81-2.41.81-3.68 0-4.97 0-9-6-9S8 4.03 8 9c0 3.096 1.797 6.19 4 7.432v1.65C5.216 18.636 0 21.97 0 26h12.416c-.27-.956-.416-1.96-.416-3z'/%3E%3Cpath fill='%2327A348' d='M23 14c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9-4.03-9-9-9zm5 10h-4v4h-2v-4h-4v-2h4v-4h2v4h4v2z'/%3E%3C/svg%3E"); } /* User outline with red -, 2 color icon, no filter */ .i-user-minus::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23aeaeae' d='M12 23c0-4.726 2.996-8.765 7.19-10.32.508-1.14.81-2.41.81-3.68 0-4.97 0-9-6-9S8 4.03 8 9c0 3.096 1.797 6.19 4 7.432v1.65C5.216 18.636 0 21.97 0 26h12.416c-.27-.956-.416-1.96-.416-3z'/%3E%3Cpath fill='%23AF0101' d='M23 14c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9-4.03-9-9-9zm5 10H18v-2h10v2z'/%3E%3C/svg%3E"); } /* Group of users From Font Awesome */ .i-users::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 32 38'%3E%3Cpath d='M10.59 16q-2.894.09-4.733 2.286H3.464Q2 18.286 1 17.563t-1-2.116q0-6.304 2.214-6.304.107 0 .777.375t1.744.76 2.125.383q1.195 0 2.374-.41-.09.66-.09 1.18 0 2.48 1.447 4.57zm19.124 11.375q0 2.143-1.304 3.384T24.946 32H9.34q-2.162 0-3.465-1.24T4.57 27.374q0-.946.064-1.848t.25-1.946.473-1.937.768-1.74 1.107-1.447T8.76 17.5t1.99-.356q.18 0 .768.384t1.304.857 1.91.857 2.412.384 2.41-.384 1.912-.857 1.304-.857.768-.384q1.09 0 1.99.357t1.528.958 1.107 1.446.768 1.74.476 1.94.25 1.945.063 1.847zM11.43 4.57q0 1.894-1.34 3.233t-3.232 1.34-3.232-1.34-1.34-3.232 1.34-3.23T6.858 0t3.232 1.34 1.34 3.23zM24 11.43q0 2.838-2.01 4.847t-4.847 2.01-4.848-2.01-2.01-4.848 2.01-4.85 4.848-2.01 4.848 2.01T24 11.43zm10.286 4.016q0 1.393-1 2.116t-2.464.723H28.43Q26.59 16.09 23.696 16q1.446-2.09 1.446-4.572 0-.518-.09-1.18 1.18.412 2.376.412 1.053 0 2.124-.384t1.74-.76.778-.374q2.214 0 2.214 6.304zM32 4.57q0 1.894-1.34 3.233t-3.23 1.34-3.233-1.34-1.34-3.232 1.34-3.23T27.43 0t3.23 1.34T32 4.57z'/%3E%3C/svg%3E"); } /* Paperclip, from noto, no filter */ .i-paperclip::before, .i-clip::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%2382aec0' d='M17.504 18.195c2.113-1.836 2.254-4.648.348-6.843l-6.579-7.563c-.113-.137-1.082.707-.964.84l6.574 7.566c1.195 1.371 1.59 3.461-.219 5.032-1.207 1.046-3.125 1.445-4.89-.586L3.308 6.902c-1-1.148-1.832-3.168-.352-4.457C4.563 1.051 6.32 2.723 7 3.508l5.078 5.844c.656.75 1.29 2.34.746 2.882-.543.543-1.652 1.032-3.308-.625L6.41 8.08c-.105-.118-1.094.698-.965.843l3.11 3.535c.968 1.098 2.875 2.691 4.761 1.055 1.434-1.246 1.329-3.164-.27-5.004L7.97 2.668C6.05.461 3.809.008 2.113 1.477.363 3 .375 5.484 2.145 7.523l8.66 9.957c1.933 2.23 4.629 2.516 6.699.715Zm0 0'/%3E%3Cpath fill='%232f7889' d='M13.25 11.012c0-.809-.5-1.575-.895-2.028L7.277 3.141C6.72 2.504 5.93 1.82 4.914 1.76c-1.344-.077-2.027.716-1.879.606C4.68 1.125 6.32 2.723 7 3.507l5.078 5.845c.813 1.027 1.094 2.14.832 2.773 0 0 .34-.262.34-1.113Zm4.21 5.273c1.126-1.473.743-3.254-.3-4.457 0 0-6.601-7.57-6.601-7.586-.137.145-.301.328-.262.371l6.586 7.582c.883 1.016 1.449 2.684.578 4.09ZM2.11 7.477l8.695 10.003c2.14 2.38 4.707 2.434 6.78.633.403-.347.02-.031-.105.059-2.015 1.465-4.578 1.039-6.402-1.059L2.422 7.156c-1.457-1.68-1.723-3.66-.79-5.16C.403 3.47.556 5.691 2.11 7.476Zm0 0'/%3E%3Cpath fill='%232f7889' d='M13.395 13.43c.257-.23.437-.477.597-.742-.125.16-.234.312-.398.457-1.887 1.64-3.793.043-4.762-1.055L5.687 8.54s-.335.296-.234.394l3.484 3.925c1.036 1.04 2.739 2.125 4.458.57Zm0 0'/%3E%3Cpath fill='%23b9e4ea' d='M1.625 5.086c-.3-.504-.313-1.211-.223-1.664.145-.727.457-1.344 1.028-1.809.726-.582 1.828-.89 2.832-.636 0 0 .379.09.32.343-.059.254-.66.157-.66.157-.586-.125-1.578.023-2.188.511-.398.325-.71.77-.851 1.27-.39 1.351.137 2.484-.258 1.828Zm16.14 12.328c-.335.328-.71.559-.925.43-.106-.063-.074-.258.098-.422.406-.39.734-.809.812-.93.836-1.273.809-2.086.535-3.242-.074-.316.074-.344.192-.2.168.212.265.708.3.93.34 2.168-.859 3.282-1.011 3.434Zm-4.468-4.539c-.57.473-.914.023-.613-.297.39-.414 1.129-.926.64-2.402-.082-.246.028-.492.254-.086.742 1.348.285 2.308-.281 2.785Zm0 0'/%3E%3C/svg%3E"); } /* Twisted Arrows */ .i-shuffle::before, .i-split::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 32 32'%3E%3Cpath d='M24 22h-3.172l-5-5 5-5H24v5l7-7-7-7v5h-4c-.53 0-1.04.21-1.414.586L13 14.172 7.414 8.586C7.04 8.21 6.53 8 6 8H0v4h5.172l5 5-5 5H0v4h6c.53 0 1.04-.21 1.414-.586L13 19.828l5.586 5.586c.375.375.884.586 1.414.586h4v5l7-7-7-7v5z'/%3E%3C/svg%3E"); } /* Merging Arrows */ .i-merge::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 512.203 512.203'%3E%3Cpath d='m501.981 236.116-103.23-74.549c-11.67-8.439-27.992-.097-27.992 14.31v53.742h-97.103V150.17c0-58.403-47.519-105.931-105.931-105.931h-35.31C121.935 18.375 100.255.102 70.621.102 31.62.102 0 31.722 0 70.722c0 39.009 31.62 70.621 70.621 70.621 29.634 0 51.315-18.264 61.793-44.138h35.31c29.21 0 52.966 23.764 52.966 52.966v79.448h-88.276c-10.478-25.865-32.159-44.138-61.793-44.138-39 0-70.621 31.62-70.621 70.621 0 39.009 31.62 70.621 70.621 70.621 29.634 0 51.315-18.264 61.793-44.138h88.276v79.448c0 29.21-23.755 52.966-52.966 52.966h-35.31c-10.478-25.865-32.159-44.138-61.793-44.138-39 0-70.621 31.62-70.621 70.621 0 39.009 31.62 70.621 70.621 70.621 29.634 0 51.315-18.264 61.793-44.138h35.31c58.412 0 105.931-47.519 105.931-105.931v-70.621h97.103v44.924c0 14.398 16.322 22.74 27.992 14.31l103.23-74.549c13.63-9.845 13.63-30.139.001-39.982'/%3E%3C/svg%3E"); } /* Down Arrow */ .i-arrow-down::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 36 36'%3E%3Cpath d='M18 34.875 34.875 18H24.75V0h-13.5v18H1.125z'/%3E%3C/svg%3E"); } /* Up Arrow */ .i-arrow-up::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 36 36'%3E%3Cpath d='M18 1.125 1.125 18H11.25v18h13.5V18h10.125z'/%3E%3C/svg%3E"); } /* Forward Arrow */ .i-arrow-forward::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 36 36'%3E%3Cpath d='M9.216 0C5.218 7.243 4.544 18.292 20.25 17.924V9l13.5 13.5L20.25 36v-8.732C1.443 27.758-.653 10.667 9.216 0z'/%3E%3C/svg%3E"); } /* Bookmark */ .i-bookmark::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='black' stroke-width='2px' fill='none' viewBox='0 3 32 30'%3E%3Cpath d='M6.765 18.015 4.5 15.75v-9A2.244 2.244 0 0 1 6.75 4.5h9l15.054 15.054c.881.881.886 2.307.008 3.184l-8.074 8.074a2.253 2.253 0 0 1-3.184-.008l-2.693-2.693A7.313 7.313 0 0 0 6.766 18.015zm3.923-5.64a1.688 1.688 0 1 0 0-3.377 1.688 1.688 0 0 0 0 3.377zm0 18a6.188 6.188 0 1 0 0-12.376 6.188 6.188 0 0 0 0 12.376zm-.563-3.102-2.648-2.648.824-.824 1.824 1.824 3.511-3.511.824.824-4.335 4.335z'/%3E%3C/svg%3E"); } /* Send and un-send (like gmail icon) from material icons */ .i-mark_read::before{ content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 4 36 33'%3E%3Cpath d='m24.75 30.023-5.273-6.047H22.5v-4.5H27v4.5h3.023zM31.5 31.5V18H18v13.5h13.5zm0-16.523q1.195 0 2.109.914T34.523 18v13.5q0 1.195-.914 2.109t-2.109.914H18q-1.195 0-2.109-.914t-.914-2.109v-5.273L3.024 31.5V21.023L16.524 18l-13.5-3.023V4.5l23.977 10.477h4.5z'/%3E%3C/svg%3E"); } .i-mark_unread::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 4 36 33'%3E%3Cpath d='m27.422 21.023 1.055 1.055-2.672 2.672 2.672 2.672-1.055 1.055-2.672-2.672-2.672 2.672-1.055-1.055 2.672-2.672-2.672-2.672 1.055-1.055 2.672 2.672zM24.75 32.977q3.445 0 5.836-2.391t2.391-5.836-2.391-5.836-5.836-2.391-5.836 2.391-2.391 5.836 2.391 5.836 5.836 2.391zm0-19.477q4.641 0 7.945 3.305T36 24.75t-3.305 7.945T24.75 36q-4.219 0-7.383-2.777t-3.727-6.926L1.546 31.5l-.07-10.477L14.976 18l-13.5-3.023.07-10.477 21.375 9.141q1.266-.141 1.828-.141z'/%3E%3C/svg%3E"); } /* Switch slider buttons */ .i-switch-on::before, .i-switch-off::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 41 36'%3E%3Cpath d='M0 18C0 10.908 5.766 5.143 12.857 5.143h15.429c7.092 0 12.857 5.766 12.857 12.857s-5.766 12.857-12.857 12.857H12.857C5.765 30.857 0 25.091 0 18zm28.286 10.286c5.665 0 10.286-4.621 10.286-10.286S33.951 7.714 28.286 7.714 18 12.335 18 18s4.621 10.286 10.286 10.286z'/%3E%3C/svg%3E"); } .i-switch-off::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 41 36'%3E%3Cpath d='M23.143 18c0-5.665-4.621-10.286-10.286-10.286S2.571 12.335 2.571 18s4.621 10.286 10.286 10.286S23.143 23.665 23.143 18zm15.428 0c0-5.665-4.621-10.286-10.286-10.286h-7.754c3.134 2.35 5.183 6.087 5.183 10.286s-2.049 7.935-5.183 10.286h7.754c5.665 0 10.286-4.621 10.286-10.286zm2.572 0c0 7.092-5.766 12.857-12.857 12.857H12.857C5.765 30.857 0 25.091 0 18S5.766 5.143 12.857 5.143h15.429c7.092 0 12.857 5.766 12.857 12.857z'/%3E%3C/svg%3E"); } /* A folder */ .i-directory::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 36 36'%3E%3Cpath d='m29.25 33.75 6.75-18H6.75L0 33.75zM4.5 13.5 0 33.75V4.5h10.125l4.5 4.5H29.25v4.5z'/%3E%3C/svg%3E"); } /* A box */ .i-package::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 36 36'%3E%3Cpath d='M21.857 16.714c0-.703-.583-1.286-1.286-1.286h-5.143c-.703 0-1.286.583-1.286 1.286S14.725 18 15.428 18h5.143c.703 0 1.286-.583 1.286-1.286zm11.572-3.857v19.286c0 .703-.583 1.286-1.286 1.286H3.857a1.295 1.295 0 0 1-1.286-1.286V12.857c0-.703.583-1.286 1.286-1.286h28.286c.703 0 1.286.583 1.286 1.286zm1.285-9V9c0 .703-.583 1.286-1.286 1.286H2.571A1.295 1.295 0 0 1 1.285 9V3.857c0-.703.583-1.286 1.286-1.286h30.857c.703 0 1.286.583 1.286 1.286z'/%3E%3C/svg%3E"); } /* Paint palette */ .i-paint::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 2 32 32'%3E%3Cpath d='M26.227 18q.914 0 1.582-.633t.668-1.617-.668-1.617-1.582-.633-1.582.633-.668 1.617.668 1.617 1.582.633zm-4.5-5.977q.914 0 1.582-.668t.668-1.582-.668-1.582-1.582-.668-1.582.668-.668 1.582.668 1.582 1.582.668zm-7.454 0q.914 0 1.582-.668t.668-1.582-.668-1.582-1.582-.668-1.582.668-.668 1.582.668 1.582 1.582.668zM9.773 18q.914 0 1.582-.633t.668-1.617-.668-1.617-1.582-.633-1.582.633-.668 1.617.668 1.617T9.773 18zM18 4.5q5.555 0 9.527 3.516t3.973 8.508q0 3.094-2.215 5.273t-5.309 2.18h-2.602q-.984 0-1.617.668t-.633 1.582q0 .773.563 1.477t.563 1.547q0 .984-.633 1.617T18 31.501q-5.625 0-9.563-3.938T4.499 18t3.938-9.563T18 4.499z'/%3E%3C/svg%3E"); } /* A Quote mark */ .i-quote::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='m21.023 25.523 2.953-6.047h-4.5v-9h9v9l-2.953 6.047h-4.5zM9 25.523l3.023-6.047h-4.5v-9h9v9L13.5 25.523H9z'/%3E%3C/svg%3E"); } /* Language icon */ .i-language::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='-1 -1 32 38'%3E%3Cpath d='M13.138 21.656c-.04.141-1.025-.321-1.286-.422-.261-.121-1.446-.783-1.748-.984s-1.446-1.145-1.587-1.205c-.723 1.105-1.647 2.411-2.692 3.636-.362.422-1.446 1.788-2.109 2.21-.1.06-.683.121-.763.08.321-.241 1.246-1.386 1.647-1.848.502-.583 2.893-3.917 3.295-4.681.422-.763 1.687-3.295 1.748-3.536-.201-.02-1.788.522-2.21.663-.402.121-1.507.382-1.587.442-.08.08-.02.321-.06.402s-.402.261-.623.301a2.14 2.14 0 0 1-.944 0c-.261-.06-.502-.321-.562-.422 0 0-.08-.121-.1-.462.241-.08.643-.1 1.085-.221s1.527-.442 2.109-.643 1.708-.623 2.049-.703c.362-.06 1.266-.663 1.748-.824s.824-.362.844-.261 0 .542-.02.663c-.02.1-.984 1.989-1.125 2.29-.08.161-.643 1.225-1.547 2.632.321.141 1.004.422 1.286.563.342.161 2.732 1.165 2.853 1.205s.342.964.301 1.125zM9.02 11.893c.06.342-.04.482-.08.563-.201.382-.703.643-1.004.763s-.804.241-1.205.241c-.181-.02-.542-.08-.984-.522-.241-.261-.422-.964-.342-.884s.663.161.924.1.884-.241 1.165-.321c.301-.1.904-.261 1.105-.281.201 0 .362.08.422.342zm14.022 2.591 1.266 4.56-2.792-.844zM.783 30.556l13.942-4.661V5.163L.783 9.844v20.712zm24.931-6.368 2.049.623-3.636-13.199-2.009-.623-4.339 10.768 2.049.623.904-2.21 4.239 1.306zM15.609 4.862 27.12 8.558V.924zm6.248 26.578 3.174.261-1.085 3.214-.804-1.326c-1.627 1.045-3.636 1.848-5.545 2.17-.583.121-1.246.241-1.828.241h-1.688c-2.129 0-6.007-1.266-7.694-2.491-.121-.1-.161-.181-.161-.321 0-.221.161-.382.362-.382.181 0 1.125.583 1.386.703 1.808.904 4.339 1.728 6.368 1.728 2.511 0 4.219-.321 6.509-1.306.663-.301 1.246-.683 1.868-1.025zm9-21.677v21.676c-15.529-4.942-15.549-4.942-15.549-4.942-.321.141-14.725 5.002-14.926 5.002a.386.386 0 0 1-.362-.261c0-.02-.02-.04-.02-.06V9.522c.02-.06.04-.161.08-.201.121-.141.281-.181.402-.221.06-.02 1.286-.422 2.993-1.004V.382l11.21 3.978C14.826 4.32 27.321.001 27.502.001c.221 0 .402.161.402.422V8.82z'/%3E%3C/svg%3E"); } /* Puzzle piece */ .i-puzzle::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 33 36'%3E%3Cpath d='M33.429 22.058c0 2.069-1.185 3.797-3.375 3.797-2.451 0-3.094-2.23-5.304-2.23-1.607 0-2.21 1.004-2.21 2.491 0 1.567.643 3.074.623 4.621v.1c-.221 0-.442 0-.663.02-2.069.201-4.158.603-6.248.603-1.426 0-2.913-.563-2.913-2.21 0-2.21 2.23-2.853 2.23-5.304 0-2.19-1.728-3.375-3.797-3.375-2.109 0-4.058 1.165-4.058 3.475 0 2.551 1.949 3.656 1.949 5.042 0 .703-.442 1.326-.924 1.788-.623.583-1.507.703-2.35.703-1.647 0-3.295-.221-4.922-.482-.362-.06-.743-.1-1.105-.161l-.261-.04c-.04-.02-.1-.02-.1-.04V10.285c.08.06 1.266.201 1.467.241 1.627.261 3.275.482 4.922.482.844 0 1.728-.121 2.35-.703.482-.462.924-1.085.924-1.788 0-1.386-1.949-2.491-1.949-5.042C7.715 1.165 9.664 0 11.793 0c2.049 0 3.777 1.185 3.777 3.375 0 2.451-2.23 3.094-2.23 5.304 0 1.647 1.487 2.21 2.913 2.21 2.31 0 4.6-.522 6.891-.643v.04c-.06.08-.201 1.266-.241 1.467-.261 1.627-.482 3.275-.482 4.922 0 .844.121 1.728.703 2.35.462.482 1.085.924 1.788.924 1.386 0 2.491-1.949 5.042-1.949 2.31 0 3.475 1.949 3.475 4.058z'/%3E%3C/svg%3E"); } /* Credit card */ .i-credit::before, .i-money::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 36 36'%3E%3Cpath d='M32.625 4.5H3.375A3.385 3.385 0 0 0 0 7.875v20.25A3.385 3.385 0 0 0 3.375 31.5h29.25A3.385 3.385 0 0 0 36 28.125V7.875A3.385 3.385 0 0 0 32.625 4.5zM3.375 6.75h29.25c.61 0 1.125.515 1.125 1.125v3.375H2.25V7.875c0-.61.515-1.125 1.125-1.125zm29.25 22.5H3.375a1.14 1.14 0 0 1-1.125-1.125V18h31.5v10.125a1.14 1.14 0 0 1-1.125 1.125zM4.5 22.5h2.25V27H4.5zm4.5 0h2.25V27H9zm4.5 0h2.25V27H13.5z'/%3E%3C/svg%3E"); } /* Share icon */ .i-share::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='black' stroke-width='1px' fill-opacity='1' viewBox='0 0 32 32'%3E%3Cpath d='M27 22c-1.4 0-2.7.6-3.6 1.53L9.95 16.8c.04-.27.06-.53.06-.8s0-.53-.02-.8L23.4 8.5c.92.94 2.2 1.52 3.6 1.52 2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5c0 .27.02.54.06.8L8.6 12.52C7.67 11.6 6.4 11 5 11c-2.76 0-5 2.24-5 5s2.24 5 5 5c1.4 0 2.7-.58 3.6-1.52l13.46 6.73c-.04.3-.06.57-.06.8 0 2.8 2.24 5 5 5s5-2.2 5-5-2.24-5-5-5z'/%3E%3C/svg%3E"); } /* Magnifying glass */ .i-search::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 32 32'%3E%3Cpath d='M31.008 27.23l-7.58-6.446c-.784-.705-1.622-1.03-2.3-.998C22.92 17.69 24 14.97 24 12c0-6.63-5.373-12-12-12S0 5.37 0 12s5.374 12 12 12c2.973 0 5.692-1.082 7.788-2.87-.03.676.293 1.514.998 2.298l6.447 7.58c1.105 1.226 2.908 1.33 4.008.23s.998-2.903-.23-4.007zM12 20c-4.418 0-8-3.582-8-8s3.582-8 8-8 8 3.582 8 8-3.582 8-8 8z'/%3E%3C/svg%3E"); } /* Eyeball with + sign, 2 color icon, no filter */ .i-eye-plus::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2327A348' viewBox='0 0 32 32'%3E%3Cpath d='M32 4h-4V0h-4v4h-4v4h4v4h4V8h4z'/%3E%3Cpath fill='%23555555' d='M26.996 13.938c.576.64 1.1 1.33 1.563 2.062-1.2 1.89-2.79 3.498-4.67 4.697C21.524 22.204 18.8 23 16 23s-5.527-.796-7.89-2.303c-1.88-1.2-3.47-2.805-4.67-4.697 1.198-1.89 2.79-3.498 4.67-4.697.123-.078.247-.154.372-.228C8.172 11.93 8 12.85 8 13.812c0 4.418 3.582 8 8 8s8-3.582 8-8v-.065c-3.416-.88-5.948-3.957-6-7.635C17.345 6.038 16.677 6 16 6 9.02 6 2.972 10.062 0 16c2.972 5.935 9.02 10 16 10s13.027-4.065 16-10c-.55-1.102-1.21-2.138-1.958-3.096-.915.537-1.946.897-3.046 1.034zM13 10c1.657 0 3 1.343 3 3s-1.343 3-3 3-3-1.343-3-3 1.343-3 3-3z'/%3E%3C/svg%3E"); } /* Eyeball */ .i-view::before, .i-eye::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 32 32'%3E%3Cpath d='M16 6C9.02 6 2.97 10.06 0 16c2.97 5.94 9.02 10 16 10s13.03-4.06 16-10c-2.97-5.94-9.02-10-16-10zm7.9 5.3c1.87 1.2 3.46 2.8 4.66 4.7-1.2 1.9-2.8 3.5-4.67 4.7-2.4 1.5-5.1 2.3-7.9 2.3s-5.57-.8-7.9-2.3c-1.9-1.2-3.5-2.8-4.7-4.7 1.2-1.9 2.8-3.5 4.66-4.7l.37-.22c-.3.85-.48 1.77-.48 2.73 0 4.48 3.57 8 8 8s8-3.52 8-8c0-.9-.18-1.82-.5-2.7l.38.2zM16 13c0 1.66-1.34 3-3 3s-3-1.34-3-3 1.34-3 3-3 3 1.34 3 3z'/%3E%3C/svg%3E"); } /* user outline */ .i-account::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='black' stroke-width='1px' fill-opacity='0' viewBox='0 0 32 32'%3E%3Cpath d='M25.143 25.09q0 2.142-1.304 3.383t-3.466 1.24H4.768q-2.16 0-3.464-1.24T0 25.09q0-.947.063-1.85t.25-1.945.473-1.938.768-1.74T2.66 16.17t1.528-.955 1.99-.357q.162 0 .75.384t1.33.857 1.93.855 2.384.384 2.384-.385 1.93-.857 1.33-.858.75-.384q1.088 0 1.99.357t1.527.955 1.107 1.446.768 1.74.473 1.94.25 1.945.065 1.85zM19.43 9.142q0 2.84-2.01 4.848T12.572 16t-4.848-2.01-2.01-4.847 2.01-4.848 4.848-2.01 4.848 2.01 2.01 4.848z'/%3E%3C/svg%3E"); } /* user plus outline */ .i-register::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='black' stroke-width='1px' fill-opacity='0' viewBox='0 0 37 32'%3E%3Cpath d='M12.57 16q-2.838 0-4.847-2.01t-2.01-4.847 2.01-4.848 4.848-2.01 4.85 2.01 2.01 4.848-2.01 4.848T12.57 16zm17.144 2.286H36q.232 0 .402.17t.17.402v3.43q0 .23-.17.4t-.402.17h-6.286v6.287q0 .232-.17.402t-.402.17h-3.43q-.23 0-.4-.17t-.17-.402V22.86h-6.287q-.232 0-.402-.17t-.17-.403v-3.43q0-.23.17-.4t.402-.17h6.286V12q0-.232.17-.402t.406-.17h3.43q.23 0 .4.17t.17.402v6.286zm-13.143 4q0 .93.68 1.607t1.61.68h4.57v4.25q-1.213.892-3.053.892H4.767q-2.16 0-3.464-1.232T0 25.09q0-.946.062-1.848t.25-1.946.473-1.938.768-1.74T2.66 16.17t1.527-.954 1.99-.357q.34 0 .697.3 1.41 1.09 2.76 1.634t2.937.545 2.94-.545 2.76-1.634q.358-.303.697-.303 2.357 0 3.875 1.713H18.86q-.93 0-1.607.68t-.68 1.608v3.428z'/%3E%3C/svg%3E"); } /* Trashcan */ .i-delete::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 32 32'%3E%3Cpath d='M4 10v20c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V10H4zm6 18H8V14h2v14zm4 0h-2V14h2v14zm4 0h-2V14h2v14zm4 0h-2V14h2v14zm4.5-24H20V1.5c0-.82-.68-1.5-1.5-1.5h-7c-.82 0-1.5.68-1.5 1.5V4H3.5C2.68 4 2 4.68 2 5.5V8h26V5.5c0-.82-.68-1.5-1.5-1.5zM18 4h-6V2.02h6V4z'/%3E%3C/svg%3E"); } /* Gear */ .i-cog::before, .i-gear::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 36 36'%3E%3Cpath d='M32.829 21.454c-1.889-3.271-.753-7.464 2.537-9.369l-3.538-6.127a6.776 6.776 0 0 1-3.44.932c-3.781 0-6.845-3.085-6.845-6.89h-7.075a6.778 6.778 0 0 1-.913 3.454c-1.889 3.272-6.088 4.384-9.382 2.488L.635 12.069a6.782 6.782 0 0 1 2.527 2.513c1.886 3.266.756 7.45-2.521 9.359l3.538 6.127a6.778 6.778 0 0 1 3.424-.923c3.769 0 6.825 3.065 6.845 6.854h7.075a6.783 6.783 0 0 1 .913-3.418c1.886-3.266 6.074-4.38 9.366-2.497l3.538-6.127a6.776 6.776 0 0 1-2.511-2.504zM18 25.289c-4.026 0-7.289-3.263-7.289-7.289s3.263-7.289 7.289-7.289 7.289 3.263 7.289 7.289-3.263 7.289-7.289 7.289z'/%3E%3C/svg%3E"); } /* Wrench and Screwdriver */ .i-tools::before, .i-wrench::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='2 4 26 26'%3E%3Cpath d='M27.783 7.936a6.377 6.377 0 0 1-1.379 6.955c-2.071 2.071-5.201 2.395-7.634 1.022l-1.759 1.921 1.255 1.26.75-.75a.98.98 0 0 1 1.388 0l6.082 6.144a.98.98 0 0 1 0 1.388l-2.776 2.776a.98.98 0 0 1-1.388 0l-6.082-6.144a.98.98 0 0 1 0-1.388l.685-.685-1.196-1.199-8.411 9.189a1.962 1.962 0 0 1-2.776 0l-.694-.694a1.962 1.962 0 0 1 0-2.776l9.582-8.025-6.364-6.381-2.01-.001-2.326-3.74 1.872-1.875 3.825 2.341.025 1.968 6.438 6.463 1.873-1.568c-1.831-2.496-1.64-6.012.616-8.268a6.382 6.382 0 0 1 6.925-1.396L20.18 8.54l3.471 3.471 4.132-4.075zM6.15 25.934a.982.982 0 1 0-1.388 1.39.982.982 0 0 0 1.388-1.39z'/%3E%3C/svg%3E"); } /* Padlock, from noto, not filtered */ .i-lock::before, .i-locked::before, .locked_row .topic_info::before, .locked_row .topic_details::before, .locked_row.sticky_row .topic_info::before, .admin_img_security::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 128 128'%3E%3Cpath fill='%23e2a610' d='M103.65 62.7h-.01c-.12-2.45-2.72-4.74-7.21-6.09-9.61-2.89-20.27-4.58-32.43-4.68-12.15.1-22.81 1.79-32.43 4.68-4.49 1.35-7.07 3.64-7.2 6.09h-.02v50.08c-.11 2.8 3.02 5.8 10.26 7.85 7.48 2.12 17.6 3.49 29.38 3.49s21.9-1.37 29.38-3.49c7.59-2.15 10.66-5.34 10.22-8.25h.04V62.7zM24.35 63.43h79.3'/%3E%3Cpath fill='%234e342e' d='m71.9 108.24-4.49-10.58a7.662 7.662 0 0 0 4.33-6.9c0-4.24-3.44-7.67-7.67-7.67s-7.67 3.44-7.67 7.67c0 2.85 1.56 5.34 3.87 6.66l-4.18 10.89c-.53 1.38.49 2.85 1.96 2.85h11.92c1.5 0 2.51-1.54 1.93-2.92z'/%3E%3Cpath fill='%239e740b' d='M71.47 107.26H56.48l-.4 1.05c-.53 1.38.49 2.85 1.96 2.85h11.92c1.51 0 2.52-1.54 1.93-2.92l-.42-.98zM60.95 95.4c.18-.52-.01-1.08-.45-1.4-.6-.44-1.41-1.22-1.92-2.46-1.86-4.48.35-6.47.35-6.47a7.622 7.622 0 0 0-2.54 5.69c0 2.85 1.56 5.34 3.87 6.66l.69-2.02zM69.46 85.3s2.2 4.42-.32 7.25c-.86.96-1.59 1.47-2.13 1.72-.53.25-.77.88-.52 1.41l.93 1.96a7.662 7.662 0 0 0 4.33-6.9c-.02-3.25-2.29-5.44-2.29-5.44z'/%3E%3Cpath fill='%23fdd835' d='M94.74 55.95C85.63 53.3 75.52 51.76 64 51.66c-11.52.09-21.63 1.64-30.74 4.28-9.13 2.65-10.04 9.26 2.89 12.8 7.09 1.94 16.69 3.19 27.85 3.19s20.76-1.25 27.85-3.19c12.93-3.53 12.02-10.15 2.89-12.79z'/%3E%3Cg%3E%3Cpath fill='%2384b0c1' stroke='%2384b0c1' stroke-miterlimit='10' stroke-width='1.958' d='M92.15 62.21s-.37 1.72-5.22 1.72-5.88-1.72-5.88-1.72V40.16C81.05 30.14 73.4 22 63.99 22s-17.06 8.15-17.06 18.16v22.06s-2.11 1.72-5.95 1.72-5.14-1.72-5.14-1.72V40.16c0-16.14 12.63-29.26 28.15-29.26s28.15 13.13 28.15 29.26v22.05z'/%3E%3Cpath fill='%23b9e4ea' d='M51.31 21.56c-5.14 3.06-5.93 5.13-7.36 6.08-1.06.7-2.47.14-1.55-2.29.79-2.08 2.69-6.02 7.43-9.05 8.16-5.22 15.2-4.98 14.82-.99-.32 3.53-7.86 2.99-13.34 6.25z'/%3E%3C/g%3E%3C/svg%3E"); } /* Push Pin, from noto, not filtered */ .i-pin::before, .i-sticky::before, .sticky_row .topic_info::before, .sticky_row .topic_details::before, .locked_row.sticky_row .topic_info .topic_name::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 128 128'%3E0080FF%3Cpath fill='%2382aec0' d='M44.27 77.03c.62-.64 1.26-1.26 1.93-1.83 1.97-1.65 7.09-5.48 9.85-3.89 1.64.95 1.4 4.1.8 5.41-1.49 3.24-5.31 5.97-7.64 8.67-1.84 2.14-4.04 4.05-6.05 6.05-3.2 3.21-6.27 6.81-9.74 9.74-.01 0-21.31 17.99-26.56 22.43-.66.56-1.63.51-2.24-.09-.61-.61-.65-1.58-.1-2.24L26.95 94.7c4.39-4.39 8.79-8.79 13.18-13.19 1.41-1.41 2.74-3.02 4.14-4.48z'/%3E%3Cpath fill='%232f7889' d='M56.88 76.61c-.71-.89-1.48-1.77-2.32-2.62-.88-.88-1.8-1.69-2.73-2.42-2.22.93-4.47 2.65-5.63 3.63-.67.56-1.31 1.18-1.93 1.83-1.4 1.47-2.72 3.07-4.14 4.48-1.33 1.33-2.67 2.67-4 4.01 0 0-.24 2.06 2.11 4.41 2.35 2.35 4.3 2.14 4.3 2.14.21-.21.41-.42.62-.63 2-2 4.21-3.91 6.05-6.05 2.33-2.7 6.14-5.43 7.64-8.67.01-.03.02-.08.03-.11z'/%3E%3Cpath fill='%234336f4' d='M40.81 81.59c-4.79-5.16-9.05-10.75-12.51-16.54-1.46-2.44-3.36-7.29-3.94-11.96-.67-5.32 3.26-10.16 8.6-10.64 6.54-.59 16.67-.37 24.02 5.06l23.65-23.65 23.65 23.64-23.65 23.64c5.43 7.34 5.65 17.46 5.07 24-.49 5.41-5.44 9.32-10.82 8.58-4.88-.68-9.97-2.77-12.48-4.31-7.74-4.74-15.15-10.89-21.59-17.82z'/%3E%3Cpath fill='%234336f4' d='m52.77 50.86 27.86-27.01s5.76 7.62 10.14 12.09c4.38 4.46 13.52 11.56 13.52 11.56L77.32 74.46s-9.94.92-17.34-6.48c-8.62-8.63-7.21-17.12-7.21-17.12z'/%3E%3Cpath fill='%233232d6' d='M65.96 56.15c1.2 8.92 4.49 13.92 6.22 15.43 2.79 2.41 6.75 1.26 8.45-.43l23.65-23.65s-9.14-7.09-13.52-11.56-10.13-12.09-10.13-12.09L69.99 34.09c-1.87 1.8-3.13 4.15-3.53 6.71-.52 3.39-1.51 7.88-.5 15.35z'/%3E%3Cpath fill='%234336f4' d='M78.87 5.52 68.38 16.01c-1.96 1.53-2.02 3.47-2.02 3.47-1.08 6.02 4.8 17.13 14.9 27.24 10.11 10.11 21.22 15.98 27.24 14.9 0 0 1.6.13 3.14-1.69l10.82-10.82L78.87 5.52z'/%3E%3Cpath fill='%234336f4' d='M122.46 49.11c-4.28 4.86-18.05-1.46-30.09-13.5S74.29 10.1 78.87 5.52c4.58-4.58 17.93 1.59 30.09 13.5 11.76 11.51 17.88 25.12 13.5 30.09z'/%3E%3Cpath fill='%235575ff' d='M53.34 51.32c-.08-3.85-7.76-8.46-12.51-4.53-4.01 3.32-2.39 10.39-.34 14.1 2.27 4.11 5.49 7.92 9.71 9.98 4.23 2.07 10.59.93 8.35-3.2-2.97-5.48-5.03-8.08-5.21-16.35zM92.44 33.36c19.12 18.79 26.11 15.19 27.49 14.12.98-.75 1.44-2.07 1.56-3.34.32-3.34-1.89-9.3-3.53-12.17-4.27-7.47-8.36-11.92-20.4-20.98-5.32-4.01-13.16-6.34-15.81-4.01-3.12 2.74-3.45 12.48 10.69 26.38z'/%3E%3C/svg%3E"); } /* Nested speech bubbles, no fill */ .i-comments-blank::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 36 32'%3E%3Cpath d='M15 4c-1.583 0-3.112.248-4.543.738-1.34.46-2.535 1.107-3.547 1.926C5.034 8.182 4 10.127 4 12.138c0 1.125.315 2.217.935 3.247.646 1.073 1.622 2.056 2.82 2.842.952.624 1.593 1.623 1.762 2.748.028.187.05.375.068.564.085-.08.17-.16.254-.25.75-.75 1.77-1.17 2.82-1.17.16 0 .33.01.5.03.6.08 1.22.112 1.83.112 1.58 0 3.11-.248 4.54-.738 1.34-.46 2.535-1.11 3.547-1.928 1.88-1.516 2.91-3.46 2.91-5.47s-1.03-3.958-2.91-5.476c-1.01-.82-2.205-1.464-3.546-1.923C18.115 4.25 16.585 4 15 4zm0-4c8.284 0 15 5.435 15 12.14s-6.716 12.138-15 12.138c-.796 0-1.576-.05-2.34-.147C9.44 27.34 5.72 27.92 2 28v-.785c2.008-.98 3.625-2.765 3.625-4.804 0-.28-.022-.56-.063-.83C2.17 19.35 0 15.95 0 12.14 0 5.436 6.716 0 15 0zm16.125 27.21c0 1.747 1.135 3.277 2.875 4.117V32c-3.223-.072-6.18-.566-8.973-3.316-.66.083-1.337.126-2.027.126-2.983 0-5.732-.805-7.925-2.157 4.52-.016 8.79-1.464 12.026-4.084 1.64-1.32 2.92-2.87 3.83-4.61.96-1.84 1.45-3.8 1.45-5.83 0-.33-.01-.65-.04-.98 2.27 1.88 3.66 4.43 3.66 7.246 0 3.265-1.88 6.18-4.82 8.086-.03.24-.05.48-.05.72z'/%3E%3C/svg%3E"); } /* Nested speech bubbles, with fill */ .i-comments::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 36 32'%3E%3Cpath d='M15 0c8.284 0 15 5.435 15 12.14s-6.716 12.138-15 12.138c-.796 0-1.576-.05-2.34-.147C9.44 27.34 5.72 27.918 2 28v-.785c2.008-.98 3.625-2.765 3.625-4.804 0-.283-.022-.562-.063-.835C2.17 19.35 0 15.95 0 12.14 0 5.436 6.716 0 15 0zm16.125 27.21c0 1.747 1.135 3.277 2.875 4.117V32c-3.223-.072-6.18-.566-8.973-3.316-.66.083-1.337.126-2.027.126-2.983 0-5.732-.805-7.925-2.157 4.52-.016 8.79-1.464 12.026-4.084 1.633-1.32 2.92-2.87 3.827-4.607.96-1.84 1.45-3.8 1.45-5.825 0-.327-.015-.652-.04-.975C34.604 13.038 36 15.59 36 18.405c0 3.265-1.88 6.18-4.82 8.086-.036.236-.055.476-.055.72z'/%3E%3C/svg%3E"); } /* Open door, inward arrow */ .i-sign-in::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='black' stroke-width='1px' fill-opacity='0' viewBox='0 0 33 32'%3E%3Cpath d='M12 16H2v-4h10V8l6 6-6 6zM32 0v26l-12 6v-6H8v-8h2v6h10V6l8-4H10v8H8V0z'/%3E%3C/svg%3E"); } /* Open door, outward arrow */ .i-sign-out::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='black' stroke-width='1px' fill-opacity='0' viewBox='-1 0 32 32'%3E%3Cpath d='M24 20v-4H14v-4h10V8l6 6zm-2-2v8H12v6L0 26V0h22v10h-2V2H4l8 4v18h8v-6z'/%3E%3C/svg%3E"); } /* Open door, outward arrow, filled */ .i-move::before, .i-moved::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23111111' stroke-width='1px' fill='black' viewBox='0 0 32 32'%3E%3Cpath d='M24 20v-4H14v-4h10V8l6 6zm-2-2v8H12v6L0 26V0h22v10h-2V2H4l8 4v18h8v-6z'/%3E%3C/svg%3E"); } /* Old phone set */ .i-phone::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='black' stroke-width='1px' fill-opacity='0' viewBox='0 0 32 32'%3E%3Cpath d='M22 20c-2 2-2 4-4 4s-4-2-6-4-4-4-4-6 2-2 4-4-4-8-6-8-6 6-6 6c0 4 4.11 12.11 8 16s12 8 16 8c0 0 6-4 6-6s-6-8-8-6z'/%3E%3C/svg%3E"); } /* Rolodex card */ .i-contact::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 15 15'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M11 2H4V0H3v2H1.5A1.5 1.5 0 0 0 0 3.5v8A1.5 1.5 0 0 0 1.5 13h12a1.5 1.5 0 0 0 1.5-1.5v-8A1.5 1.5 0 0 0 13.5 2H12V0h-1v2ZM3 6a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm-.618 4.618a2.927 2.927 0 0 1 5.236 0l.33.658A.5.5 0 0 1 7.5 12h-5a.5.5 0 0 1-.447-.724l.329-.658ZM9 6h3V5H9v1Zm0 3h3V8H9v1Z' clip-rule='evenodd'/%3E%3Cpath fill='%23000' d='M15 14v1H0v-1h15Z'/%3E%3C/svg%3E"); } /* Page with lines */ .i-post-text::before, .i-xx::before, .i-normal::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' d='M2.668 16.781V1.027h14.824V16.57H5.31a.288.288 0 0 0-.282.23c-.105.579-.453 2.028-1.297 2.028-.457 0-1.062-.57-1.062-2.047Zm0 0'/%3E%3Cpath fill='none' stroke='%23222' stroke-linecap='round' stroke-miterlimit='10' stroke-width='.604' d='M5.21 4.441h9.556M5.21 6.727h9.556M5.21 9.012h9.556M5.21 11.297h9.556M5.21 13.582h4.087'/%3E%3Cpath fill='%23888' d='M18.898 16.402h-1.12V1.066c0-.242-.2-.441-.442-.441H2.664c-.242 0-.441.2-.441.441V16.61c0 .754-.137 2.766 2.234 2.766H17.09c1.793 0 2.055-1.938 2.086-2.684a.274.274 0 0 0-.278-.289Zm-16.046.207V1.25h14.296v15.152H5.273A.277.277 0 0 0 5 16.63c-.102.558-.445 1.973-1.266 1.973-.644 0-.882-.555-.882-1.993Zm0 0'/%3E%3C/svg%3E"); } /* Arrow line heading up */ .i-trending::before, .i-hot::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 52'%3E%3Cpath d='M50.1 30.56a1.16 1.16 0 0 1-2 .82L42.73 26 30.32 36.65a3.39 3.39 0 0 1-4.92 0l-7.49-8.54-13.34 11.7a1.13 1.13 0 0 1-1.64 0l-.59-.59a1.13 1.13 0 0 1 0-1.64l13.12-17.9a3.39 3.39 0 0 1 4.92 0l7.49 7.49 7.61-8.78-4.92-4.45a1.26 1.26 0 0 1 .82-2.11h16.38A2.35 2.35 0 0 1 50 14.3Z'/%3E%3C/svg%3E"); } /* Small calendar */ .i-calendar::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 30 32'%3E%3Cpath d='M10 12h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zM4 24h4v4H4zm6 0h4v4h-4zm6 0h4v4h-4zm-6-6h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zM4 18h4v4H4zM26 0v2h-4V0H8v2H4V0H0v32h30V0h-4zm2 30H2V8h26v22z'/%3E%3C/svg%3E"); } /* Pie Chart, from svg repo cco */ .i-pie-chart::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 58 58'%3E%3Cpath fill='%2327A348' d='M31 26.962h26.924C56.94 12.541 45.421 1.022 31 .038v26.924z'/%3E%3Cpath fill='%23FFA500' d='M50.386 48.615c4.343-4.71 7.151-10.858 7.614-17.653H32.733l17.653 17.653z'/%3E%3Cpath fill='%233A87AD' d='M27 28.134V.038C11.918 1.067 0 13.619 0 28.962A28.883 28.883 0 0 0 7.134 48L27 28.134z'/%3E%3Cpath fill='%23888888' d='M28.414 32.376 9.962 50.828A28.883 28.883 0 0 0 29 57.962a28.85 28.85 0 0 0 18.401-6.599L28.414 32.376z'/%3E%3C/svg%3E"); } /* Bug */ .i-bug::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 32 32'%3E%3Cpath d='M32 18v-2h-6.04c-.183-2.27-.993-4.345-2.24-6.008h5.06l2.19-8.758L29.03.75l-1.81 7.24h-5.46l-.084-.063c.21-.61.324-1.263.324-1.944C22 2.678 19.314 0 16 0s-6 2.678-6 5.983c0 .68.114 1.334.324 1.944-.028.02-.056.043-.084.064H4.78L2.97.75l-1.94.484 2.19 8.758h5.06C7.034 11.655 6.224 13.728 6.04 16H0v2h6.043c.12 1.427.485 2.775 1.05 3.992H3.22L1.03 30.75l1.94.484 1.81-7.243h3.512c1.834 2.44 4.606 3.994 7.708 3.994s5.874-1.554 7.708-3.992h3.51l1.812 7.244 1.94-.485-2.19-8.757h-3.874c.567-1.217.932-2.565 1.05-3.992H32z'/%3E%3C/svg%3E"); } /* Cloud with outward arrow */ .i-download::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 32 32'%3E%3Cpath d='M27.844 11.252C27.744 7.23 24.454 4 20.41 4c-2.368 0-4.476 1.11-5.838 2.835-.764-.987-1.96-1.624-3.303-1.624-2.31 0-4.18 1.875-4.18 4.18 0 .2.015.4.043.595-.35-.063-.71-.098-1.08-.098C2.71 9.887 0 12.597 0 15.943S2.713 22 6.057 22h2.868l7.078 7.328L23.08 22h3.484c3.004-.006 5.438-2.444 5.438-5.45 0-2.566-1.77-4.717-4.156-5.297zM16 26l-6-6h4v-6h4v6h4l-6 6z'/%3E%3C/svg%3E"); } /* Computer with outward arrow */ .i-upload::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 32 32'%3E%3Cpath d='M15 22H0v8h30v-8H15zm13 4h-4v-2h4v2zM7 10l8-8 8 8h-5v10h-6V10z'/%3E%3C/svg%3E"); } /* Life Ring */ .i-support::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 32 32'%3E%3Cpath d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16S24.837 0 16 0zm-6 16c0-3.314 2.686-6 6-6s6 2.686 6 6-2.686 6-6 6-6-2.686-6-6zm18.937 5.36l-5.544-2.298c.39-.943.608-1.977.608-3.062s-.212-2.12-.604-3.062l5.544-2.297C29.62 12.296 30 14.1 30 16s-.38 3.708-1.063 5.36zM21.36 3.062l-2.3 5.545C18.12 8.217 17.085 8 16 8s-2.12.216-3.062.607L10.64 3.063C12.293 2.38 14.1 2 16 2s3.708.38 5.36 1.063zM3.062 10.64l5.544 2.298C8.216 13.88 8 14.915 8 16s.215 2.12.606 3.062L3.062 21.36C2.377 19.707 2 17.9 2 16s.378-3.708 1.062-5.36zm7.578 18.297l2.298-5.544c.943.39 1.977.608 3.062.608s2.12-.212 3.062-.604l2.297 5.544C19.704 29.62 17.9 30 16 30s-3.708-.38-5.36-1.063z'/%3E%3C/svg%3E"); } /* Ring of dots for animation, needs icon-spin class */ .i-spinner::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 64 64'%3E%3Cpath d='M24 8c0-4.418 3.582-8 8-8s8 3.582 8 8-3.582 8-8 8-8-3.582-8-8zm25.437 24c0-3.625 2.938-6.563 6.563-6.563s6.563 2.938 6.563 6.563c0 3.625-2.938 6.563-6.563 6.563S49.437 35.625 49.437 32zm-6.41 16.97c0-3.282 2.66-5.943 5.943-5.943s5.944 2.66 5.944 5.944-2.66 5.95-5.944 5.95-5.944-2.66-5.944-5.944zM26.617 56c0-2.973 2.41-5.384 5.382-5.384s5.38 2.41 5.38 5.384c0 2.973-2.41 5.384-5.386 5.384S26.61 58.974 26.61 56zM10.15 48.97c0-2.692 2.183-4.875 4.876-4.875S19.9 46.278 19.9 48.97c0 2.696-2.182 4.88-4.875 4.88s-4.877-2.184-4.877-4.877zM3.582 32c0-2.44 1.98-4.416 4.418-4.416S12.416 29.56 12.416 32c0 2.44-1.977 4.416-4.416 4.416S3.584 34.44 3.584 32zm7.448-16.97c0-2.21 1.79-4 4-4s4 1.79 4 4-1.79 4-4 4-4-1.79-4-4zm45.187 0c0 4-3.244 7.246-7.246 7.246s-7.24-3.244-7.24-7.246c0-4.002 3.245-7.246 7.246-7.246s7.247 3.244 7.247 7.246z'/%3E%3C/svg%3E"); } /* Self animated loaders, https://github.com/SamHerbert/SVG-Loaders */ .i-oval::before { content: url("data:image/svg+xml,%3Csvg viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg' stroke='black' %3E%3Cg transform='translate(1 1)' stroke-width='2' fill='none' fill-rule='evenodd'%3E%3Ccircle stroke-opacity='.5' cx='18' cy='18' r='18'/%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='1.3s' repeatCount='indefinite'/%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } .i-puff::before { content: url("data:image/svg+xml,%3Csvg viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg' stroke='black' %3E%3Cg fill='none' fill-rule='evenodd' stroke-width='2'%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='0s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-opacity' begin='0s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='-0.9s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-opacity' begin='-0.9s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E"); } .i-tailspin::before { content: url("data:image/svg+xml,%3Csvg viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient x1='8.042%25' y1='0%25' x2='65.682%25' y2='23.865%25' id='a'%3E%3Cstop stop-color='black' stop-opacity='0' offset='0%25'/%3E%3Cstop stop-color='black' stop-opacity='.631' offset='63.146%25'/%3E%3Cstop stop-color='black' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform='translate(1 1)' fill='none' fill-rule='evenodd'%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18' stroke='url(%23a)' stroke-width='2'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='0.9s' repeatCount='indefinite'/%3E%3C/path%3E%3Ccircle fill='black' cx='36' cy='18' r='1'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='0.9s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E"); } .i-concentric::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 100 100' %3E%3Cpath d='M31.6 3.5C5.9 13.6-6.6 42.7 3.5 68.4c10.1 25.7 39.2 38.3 64.9 28.1l-3.1-7.9C44 97 19.9 86.6 11.5 65.3c-8.4-21.3 2-45.4 23.3-53.8l-3.2-8z'%3E%3CanimateTransform attributeName='transform' attributeType='XML' type='rotate' dur='2s' from='0 50 50' to='360 50 50' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath fill='black' d='M42.3 39.6c5.7-4.3 13.9-3.1 18.1 2.7 4.3 5.7 3.1 13.9-2.7 18.1l4.1 5.5c8.8-6.5 10.6-19 4.1-27.7-6.5-8.8-19-10.6-27.7-4.1l4.1 5.5z'%3E%3CanimateTransform attributeName='transform' attributeType='XML' type='rotate' dur='1s' from='0 50 50' to='-360 50 50' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath fill='black' d='M82 35.7C74.1 18 53.4 10.1 35.7 18S10.1 46.6 18 64.3l7.6-3.4c-6-13.5 0-29.3 13.5-35.3s29.3 0 35.3 13.5l7.6-3.4z'%3E%3CanimateTransform attributeName='transform' attributeType='XML' type='rotate' dur='2s' from='0 50 50' to='360 50 50' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E"); } .i-balls::before { content: url("data:image/svg+xml,%3Csvg viewBox='0 0 57 57' xmlns='http://www.w3.org/2000/svg' stroke='black' %3E%3Cg transform='translate(1 1)' stroke-width='2' fill='none' fill-rule='evenodd'%3E%3Ccircle cx='5' cy='50' r='5'%3E%3Canimate attributeName='cy' begin='0s' dur='2.2s' values='50;5;50;50' calcMode='linear' repeatCount='indefinite'/%3E%3Canimate attributeName='cx' begin='0s' dur='2.2s' values='5;27;49;5' calcMode='linear' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='27' cy='5' r='5'%3E%3Canimate attributeName='cy' begin='0s' dur='2.2s' from='5' to='5' values='5;50;50;5' calcMode='linear' repeatCount='indefinite'/%3E%3Canimate attributeName='cx' begin='0s' dur='2.2s' from='27' to='27' values='27;49;5;27' calcMode='linear' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='49' cy='50' r='5'%3E%3Canimate attributeName='cy' begin='0s' dur='2.2s' values='50;50;5;50' calcMode='linear' repeatCount='indefinite'/%3E%3Canimate attributeName='cx' from='49' to='49' begin='0s' dur='2.2s' values='49;5;27;49' calcMode='linear' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E"); } .i-chase::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='black' viewBox='0 0 128 128' %3E%3Cpath d='M64.4 16a49 49 0 0 0-50 48 51 51 0 0 0 50 52.2 53 53 0 0 0 54-52c-.7-48-45-55.7-45-55.7s45.3 3.8 49 55.6c.8 32-24.8 59.5-58 60.2-33 .8-61.4-25.7-62-60C1.3 29.8 28.8.6 64.3 0c0 0 8.5 0 8.7 8.4 0 8-8.6 7.6-8.6 7.6z'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 64 64' to='360 64 64' dur='1.4s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E"); } .i-mystic::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128' %3E%3Cg%3E%3Cpath fill='%23b8b8b8' d='M99.359 10.919a60.763 60.763 0 1 0 0 106.162 63.751 63.751 0 1 1 0-106.162Z'/%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 64 64' to='360 64 64' dur='960ms' repeatCount='indefinite'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%236a6a6a' d='M28.641 117.081a60.763 60.763 0 1 0 0-106.162 63.751 63.751 0 1 1 0 106.162Z'/%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 64 64' to='360 64 64' dur='1.4s' repeatCount='indefinite'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M117.081 99.313a60.763 60.763 0 1 0-106.162 0 63.751 63.751 0 1 1 106.162 0Z'/%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 64 64' to='360 64 64' dur='2.8s' repeatCount='indefinite'/%3E%3C/g%3E%3C/svg%3E"); } /* 3 line hamburger */ .i-menu::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 32 32'%3E%3Cpath d='M2 6h28v6H2zm0 8h28v6H2zm0 8h28v6H2z'/%3E%3C/svg%3E"); } /* Cake */ .i-cake::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23fde8c2' d='M883.2 358.4c0-14.08-11.52-25.6-25.6-25.6H166.4c-14.08 0-25.6 11.52-25.6 25.6V512h742.4z'/%3E%3Cpath fill='%23231c1c' d='M883.2 524.8H140.8c-7.68 0-12.8-5.12-12.8-12.8V358.4c0-21.76 16.64-38.4 38.4-38.4h691.2c21.76 0 38.4 16.64 38.4 38.4V512c0 7.68-5.12 12.8-12.8 12.8m-729.6-25.6h716.8V358.4c0-7.68-5.12-12.8-12.8-12.8H166.4c-7.68 0-12.8 5.12-12.8 12.8z'/%3E%3Cpath fill='%236fb0be' d='M140.8 870.4c0 14.08 11.52 25.6 25.6 25.6h691.2c14.08 0 25.6-11.52 25.6-25.6V704H140.8z'/%3E%3Cpath fill='%23231c1c' d='M857.6 908.8H166.4c-21.76 0-38.4-16.64-38.4-38.4V704c0-7.68 5.12-12.8 12.8-12.8h742.4c7.68 0 12.8 5.12 12.8 12.8v166.4c0 21.76-16.64 38.4-38.4 38.4m-704-192v153.6c0 7.68 5.12 12.8 12.8 12.8h691.2c7.68 0 12.8-5.12 12.8-12.8V716.8z'/%3E%3Cpath fill='%23e1e0a6' d='M140.8 512h742.4v192H140.8z'/%3E%3Cpath fill='%23231c1c' d='M883.2 716.8H140.8c-7.68 0-12.8-5.12-12.8-12.8V512c0-7.68 5.12-12.8 12.8-12.8h742.4c7.68 0 12.8 5.12 12.8 12.8v192c0 7.68-5.12 12.8-12.8 12.8m-729.6-25.6h716.8V524.8H153.6z'/%3E%3Cpath fill='%23f29b54' d='M883.2 345.6H140.8V512h89.6v51.2c0 14.08 11.52 25.6 25.6 25.6h12.8c14.08 0 25.6-11.52 25.6-25.6V512h115.2v192c0 14.08 11.52 25.6 25.6 25.6H448c14.08 0 25.6-11.52 25.6-25.6V512h89.6v89.6c0 14.08 11.52 25.6 25.6 25.6h12.8c14.08 0 25.6-11.52 25.6-25.6V512h115.2v140.8c0 14.08 11.52 25.6 25.6 25.6h12.8c14.08 0 25.6-11.52 25.6-25.6V512h76.8z'/%3E%3Cpath fill='%23231c1c' d='M448 742.4h-12.8c-21.76 0-38.4-16.64-38.4-38.4V524.8h-89.6v38.4c0 21.76-16.64 38.4-38.4 38.4H256c-21.76 0-38.4-16.64-38.4-38.4v-38.4h-76.8c-7.68 0-12.8-5.12-12.8-12.8V345.6c0-7.68 5.12-12.8 12.8-12.8h742.4c7.68 0 12.8 5.12 12.8 12.8V512c0 7.68-5.12 12.8-12.8 12.8h-64v128c0 21.76-16.64 38.4-38.4 38.4H768c-21.76 0-38.4-16.64-38.4-38.4v-128H640v76.8c0 21.76-16.64 38.4-38.4 38.4h-12.8c-21.76 0-38.4-16.64-38.4-38.4v-76.8h-64V704c0 21.76-16.64 38.4-38.4 38.4M294.4 499.2h115.2c7.68 0 12.8 5.12 12.8 12.8v192c0 7.68 5.12 12.8 12.8 12.8H448c7.68 0 12.8-5.12 12.8-12.8V512c0-7.68 5.12-12.8 12.8-12.8h89.6c7.68 0 12.8 5.12 12.8 12.8v89.6c0 7.68 5.12 12.8 12.8 12.8h12.8c7.68 0 12.8-5.12 12.8-12.8V512c0-7.68 5.12-12.8 12.8-12.8h115.2c7.68 0 12.8 5.12 12.8 12.8v140.8c0 7.68 5.12 12.8 12.8 12.8h12.8c7.68 0 12.8-5.12 12.8-12.8V512c0-7.68 5.12-12.8 12.8-12.8h64V358.4H153.6v140.8h76.8c7.68 0 12.8 5.12 12.8 12.8v51.2c0 7.68 5.12 12.8 12.8 12.8h12.8c7.68 0 12.8-5.12 12.8-12.8V512c0-7.68 5.12-12.8 12.8-12.8'/%3E%3Cpath fill='%23231c1c' d='M307.2 243.2h25.6v102.4h-25.6z'/%3E%3Cpath fill='%23fac546' d='M358.4 204.8c0 21.76-16.64 38.4-38.4 38.4s-38.4-16.64-38.4-38.4S298.24 128 320 128s38.4 55.04 38.4 76.8'/%3E%3Cpath fill='%23231c1c' d='M320 256c-28.16 0-51.2-23.04-51.2-51.2 0-17.92 15.36-89.6 51.2-89.6s51.2 71.68 51.2 89.6c0 28.16-23.04 51.2-51.2 51.2m0-115.2c-8.96 1.28-25.6 42.24-25.6 64 0 14.08 11.52 25.6 25.6 25.6s25.6-11.52 25.6-25.6c0-21.76-16.64-62.72-25.6-64m179.2 102.4h25.6v102.4h-25.6z'/%3E%3Cpath fill='%23fac546' d='M550.4 204.8c0 21.76-16.64 38.4-38.4 38.4s-38.4-16.64-38.4-38.4S490.24 128 512 128s38.4 55.04 38.4 76.8'/%3E%3Cpath fill='%23231c1c' d='M512 256c-28.16 0-51.2-23.04-51.2-51.2 0-17.92 15.36-89.6 51.2-89.6s51.2 71.68 51.2 89.6c0 28.16-23.04 51.2-51.2 51.2m0-115.2c-8.96 1.28-25.6 42.24-25.6 64 0 14.08 11.52 25.6 25.6 25.6s25.6-11.52 25.6-25.6c0-21.76-16.64-62.72-25.6-64m179.2 102.4h25.6v102.4h-25.6z'/%3E%3Cpath fill='%23fac546' d='M742.4 204.8c0 21.76-16.64 38.4-38.4 38.4s-38.4-16.64-38.4-38.4S682.24 128 704 128s38.4 55.04 38.4 76.8'/%3E%3Cpath fill='%23231c1c' d='M704 256c-28.16 0-51.2-23.04-51.2-51.2 0-17.92 15.36-89.6 51.2-89.6s51.2 71.68 51.2 89.6c0 28.16-23.04 51.2-51.2 51.2m0-115.2c-8.96 1.28-25.6 42.24-25.6 64 0 14.08 11.52 25.6 25.6 25.6s25.6-11.52 25.6-25.6c0-21.76-16.64-62.72-25.6-64'/%3E%3C/svg%3E"); } /* Thumbs up/down From Font Awesome */ .i-thumbup::before, .i-thumbsup::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 32 32'%3E%3Cpath d='M6.63 25.6q0-.5-.37-.85t-.85-.37-.8.37-.3.85.4.86.87.36.87-.36.37-.86zM28.5 14.63q0-.97-.73-1.7t-1.7-.74H19.4q0-1.1.9-3.1t.92-3.1q0-1.9-.6-2.8t-2.44-.9q-.5.5-.73 1.6t-.58 2.4-1.13 2.03q-.4.42-1.46 1.72l-.44.55-.6.8-.65.8-.8.86-.8.7-.8.5-.7.18H9v12.2h.6q.25 0 .6.07t.63.15.7.2.68.23.7.25.6.2q4 1.4 6.5 1.4h2.3q3.7 0 3.7-3.2 0-.46-.1-1.03.6-.3.9-1t.37-1.4-.36-1.3q1-.98 1-2.3 0-.5-.17-1.1t-.47-.9q.6 0 1-.9t.4-1.5zm2.44-.02q0 1.7-.93 3.2.2.7.2 1.3 0 1.5-.7 2.8.1.4.1.8 0 1.97-1.1 3.4 0 2.68-1.6 4.2t-4.3 1.5H20q-1.82 0-3.6-.4t-4.1-1.23q-2.22-.76-2.64-.76H4.2q-1 0-1.73-.7t-.7-1.73V14.7q0-1 .7-1.7t1.72-.74h5.2Q10 11.8 12 9.3q1.1-1.43 2-2.43.4-.5.63-1.63t.6-2.4 1.2-2.1q.75-.7 1.7-.7 1.6 0 2.88.62t2 1.94.7 3.5q0 1.78-.9 3.66h3.35q2 0 3.43 1.44t1.4 3.4z'/%3E%3C/svg%3E"); } .i-thumbdown::before, .i-thumbsdown::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 32 32'%3E%3Cpath d='M5.72 6.22q0-.5-.38-.86T4.44 5t-.9.36-.4.86.4.86.9.36.9-.36.38-.86zm23.13 11q0-.67-.43-1.55t-1.08-.9q.3-.32.5-.9t.2-1.06q0-1.3-1.06-2.2.36-.6.36-1.3T27 7.9t-.96-1q.1-.6.1-1.1 0-1.6-1-2.4t-2.72-.8h-2.57Q17.22 2.6 13 4l-.6.2-.7.2-.7.22-.8.2-.7.13-.6.06h-.6v12.2h.6q.3 0 .7.2t.8.5.77.7.8.8.7.8.63.8.47.6q1.1 1.3 1.6 1.73.82.83 1.2 2.1t.6 2.4.77 1.6q1.92 0 2.57-.87t.68-2.78q0-1.12-.98-3.06t-.98-3.04h7.1q1 0 1.8-.73t.77-1.7zm2.57.02q0 1.97-1.53 3.42t-3.7 1.44h-3.5q.93 1.9.93 3.7 0 2.3-.7 3.6-.7 1.3-2.05 1.93t-3.03.6q-1.07 0-1.8-.7-.7-.62-1.1-1.56t-.5-1.73-.4-1.62-.6-1.2q-.97-.97-2.16-2.44-2.04-2.5-2.76-2.96H3.1q-1.05 0-1.8-.72t-.73-1.8V5q0-1.02.75-1.73t1.82-.72h5.78q.44 0 2.77-.76Q14.2.9 16.1.5t4.1-.4h2.24Q25.26.1 27 1.6t1.7 4.14v.1q1.2 1.47 1.2 3.4 0 .42-.05.82.77 1.28.77 2.75 0 .7-.18 1.4.98 1.4.98 3.1z'/%3E%3C/svg%3E"); } /* Sorting icons */ .i-sort-alpha-up::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 32 32'%3E%3Cpath d='M10 24V0H6v24H1l7 7 7-7h-5zm19 8h-8c-.37 0-.708-.203-.882-.528s-.155-.72.05-1.027L27.13 20H21c-.552 0-1-.448-1-1s.448-1 1-1h8c.37 0 .708.203.882.528s.155.72-.05 1.027L22.87 30H29c.552 0 1 .448 1 1s-.448 1-1 1zm2.894-19.447l-6-12C25.724.213 25.378 0 25 0s-.725.214-.895.553l-6 12c-.247.494-.047 1.095.447 1.342.144.072.296.106.447.106.364 0 .72-.2.892-.55L21.618 10h6.764l1.724 3.448c.247.494.848.694 1.342.447s.694-.848.447-1.342zM22.618 8L25 3.236 27.382 8h-4.764z'/%3E%3C/svg%3E"); } .i-sort-alpha-down::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M10 24V0H6v24H1l7 7 7-7h-5zm19-10h-8c-.37 0-.708-.203-.882-.528s-.155-.72.05-1.027L27.13 2H21c-.552 0-1-.448-1-1s.448-1 1-1h8c.37 0 .708.203.882.528s.155.72-.05 1.027L22.87 12H29c.552 0 1 .448 1 1s-.448 1-1 1zm2.894 16.553l-6-12c-.17-.34-.516-.553-.894-.553s-.725.214-.895.553l-6 12c-.247.494-.047 1.095.447 1.342.144.072.296.106.447.106.364 0 .72-.2.892-.55L21.618 28h6.764l1.724 3.448c.247.494.848.694 1.342.447s.694-.848.447-1.342zM22.618 26L25 21.236 27.382 26h-4.764z'/%3E%3C/svg%3E"); } .i-sort-amount-up::before, .i-sortup::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 32 32'%3E%3Cpath d='M10 24V0H6v24H1l7 7 7-7h-5z'/%3E%3Cpath d='M14 18h18v4H14v-4zm0-6h14v4H14v-4zm0-6h10v4H14V6zm0-6h6v4h-6V0z'/%3E%3C/svg%3E"); } .i-sort-amount-down::before, .i-sortdown::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 32 32'%3E%3Cpath d='M10 24V0H6v24H1l7 7 7-7h-5zm4-24h18v4H14V0zm0 6h14v4H14V6zm0 6h10v4H14v-4z'/%3E%3C/svg%3E"); } .i-sort-numeric-up::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 32 32'%3E%3Cpath d='M10 24V0H6v24H1l7 7 7-7h-5zm17-10c-.552 0-1-.448-1-1V2h-1c-.552 0-1-.448-1-1s.448-1 1-1h2c.552 0 1 .448 1 1v12c0 .552-.448 1-1 1zm2 4h-6c-.552 0-1 .448-1 1v6c0 .552.448 1 1 1h5v4h-5c-.552 0-1 .448-1 1s.448 1 1 1h6c.552 0 1-.448 1-1V19c0-.552-.448-1-1-1zm-5 2h4v4h-4v-4z'/%3E%3C/svg%3E"); } .i-sort-numeric-down::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 32 32'%3E%3Cpath d='M10 24V0H6v24H1l7 7 7-7h-5zm17 8c-.552 0-1-.448-1-1V20h-1c-.552 0-1-.448-1-1s.448-1 1-1h2c.552 0 1 .448 1 1v12c0 .552-.448 1-1 1zm2-32h-6c-.552 0-1 .448-1 1v6c0 .552.448 1 1 1h5v4h-5c-.552 0-1 .448-1 1s.448 1 1 1h6c.552 0 1-.448 1-1V1c0-.552-.448-1-1-1zm-5 2h4v4h-4V2z'/%3E%3C/svg%3E"); } /* Gender icons are all from Font Awesome */ .i-cust_gender_2::before, .i-female::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 -1 32 36'%3E%3Cpath d='M23.143 11.571c0 5.946-4.5 10.848-10.286 11.491v5.223h4.5c.362 0 .643.281.643.643v1.286a.634.634 0 01-.643.643h-4.5v4.5a.634.634 0 01-.643.643h-1.286a.634.634 0 01-.643-.643v-4.5h-4.5a.634.634 0 01-.643-.643v-1.286c0-.362.281-.643.643-.643h4.5v-5.223C4.198 22.399-.463 16.995.039 10.627.481 5.163 4.82.683 10.244.08a11.561 11.561 0 0112.897 11.491zm-20.572 0c0 4.962 4.038 9 9 9s9-4.038 9-9-4.038-9-9-9-9 4.038-9 9z'/%3E%3C/svg%3E"); } .i-cust_gender_1::before, .i-male::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 -1 32 36'%3E%3Cpath d='M29.571 2.571c.703 0 1.286.583 1.286 1.286v8.357a.634.634 0 01-.643.643h-1.286a.634.634 0 01-.643-.643V6.951l-7.674 7.694a11.45 11.45 0 012.531 7.212c0 6.388-5.183 11.571-11.571 11.571S0 28.245 0 21.857s5.183-11.571 11.571-11.571c2.732 0 5.243.944 7.212 2.531l7.674-7.674h-5.243a.634.634 0 01-.643-.643V3.214c0-.362.281-.643.643-.643h8.357zm-18 28.286c4.962 0 9-4.038 9-9s-4.038-9-9-9-9 4.038-9 9 4.038 9 9 9z'/%3E%3C/svg%3E"); } .i-cust_gender_4::before, .i-nonbinary::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 -1 32 36'%3E%3Cpath d='M16.674 6.348c3.817 1.888 6.469 5.826 6.469 10.366 0 5.946-4.5 10.848-10.286 11.491v2.652h1.929c.362 0 .643.281.643.643v1.286a.634.634 0 01-.643.643h-1.929v1.929a.634.634 0 01-.643.643h-1.286a.634.634 0 01-.643-.643v-1.929H8.356a.634.634 0 01-.643-.643V31.5c0-.362.281-.643.643-.643h1.929v-2.652C4.499 27.562-.001 22.66-.001 16.714c0-4.54 2.652-8.478 6.469-10.366C4.359 5.123 2.711 3.194 1.888.864A.64.64 0 012.491 0h1.386c.261 0 .482.161.583.402 1.165 2.792 3.917 4.741 7.112 4.741s5.946-1.949 7.112-4.741c.1-.241.321-.402.743-.402h1.225c.442 0 .763.442.603.864-.824 2.33-2.471 4.259-4.58 5.484zm-5.103 19.366c4.962 0 9-4.038 9-9s-4.038-9-9-9-9 4.038-9 9 4.038 9 9 9z'/%3E%3C/svg%3E"); } .i-bigendered::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 -1 32 36'%3E%3Cpath d='M20.571.643c0-.362.281-.643.643-.643H27c.703 0 1.286.583 1.286 1.286v5.786a.634.634 0 01-.643.643h-1.286a.634.634 0 01-.643-.643V4.38l-5.103 5.123a11.568 11.568 0 012.531 7.212c0 5.946-4.5 10.848-10.286 11.491v2.652h1.929c.362 0 .643.281.643.643v1.286a.634.634 0 01-.643.643h-1.929v1.929a.634.634 0 01-.643.643h-1.286a.634.634 0 01-.643-.643V33.43H8.355a.634.634 0 01-.643-.643v-1.286c0-.362.281-.643.643-.643h1.929v-2.652C4.217 27.543-.464 22.139.038 15.791.46 10.327 4.799 5.847 10.223 5.224a11.493 11.493 0 018.558 2.451l5.123-5.103h-2.692a.634.634 0 01-.643-.643V.643zm-9 25.071c4.962 0 9-4.038 9-9s-4.038-9-9-9-9 4.038-9 9 4.038 9 9 9z'/%3E%3C/svg%3E"); } .i-cust_gender_5::before, .i-transgendered::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 -1 32 36'%3E%3Cpath d='M25.714.643c0-.362.281-.643.643-.643h5.786c.703 0 1.286.583 1.286 1.286v5.786a.634.634 0 01-.643.643H31.5a.634.634 0 01-.643-.643V4.38l-5.103 5.123a11.568 11.568 0 012.531 7.212c0 5.946-4.5 10.848-10.286 11.491v2.652h1.929c.362 0 .643.281.643.643v1.286a.634.634 0 01-.643.643h-1.929v1.929a.634.634 0 01-.643.643H16.07a.634.634 0 01-.643-.643V33.43h-1.929a.634.634 0 01-.643-.643v-1.286c0-.362.281-.643.643-.643h1.929v-2.652c-5.786-.643-10.286-5.545-10.286-11.491 0-2.732.964-5.243 2.531-7.212L6.627 8.438l-2.029 2.23a.658.658 0 01-.904.06l-.964-.884c-.261-.221-.281-.643-.04-.904l2.109-2.31-2.23-2.25v2.692a.634.634 0 01-.643.643H.64a.634.634 0 01-.643-.643V1.286C-.003.583.58 0 1.283 0h5.786c.362 0 .643.281.643.643v1.286a.634.634 0 01-.643.643H4.397l2.129 2.15 1.728-1.888a.658.658 0 01.904-.06l.964.884c.261.221.281.643.04.904L8.354 6.551l1.145 1.125c1.969-1.567 4.48-2.531 7.212-2.531s5.243.964 7.212 2.531l5.123-5.103h-2.692a.634.634 0 01-.643-.643V.644zm-9 25.071c4.962 0 9-4.038 9-9s-4.038-9-9-9-9 4.038-9 9 4.038 9 9 9z'/%3E%3C/svg%3E"); } .i-cust_gender_3::before, .i-genderless::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 -1 32 36'%3E%3Cpath d='M23.143 11.571c0 5.946-4.5 10.848-10.286 11.491v12.295a.634.634 0 01-.643.643h-1.286a.634.634 0 01-.643-.643V23.062C4.499 22.419-.001 17.517-.001 11.571-.001 5.183 5.182 0 11.57 0s11.571 5.183 11.571 11.571zm-11.572 9c4.962 0 9-4.038 9-9s-4.038-9-9-9-9 4.038-9 9 4.038 9 9 9z'/%3E%3C/svg%3E"); } .i-cust_gender_0::before, .i-undisclosed::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='black' stroke-width='1px' stroke-dasharray='2px,2px' fill-opacity='0' viewBox='-1 0 32 36'%3E%3Cpath d='M20.571 19.286c0-4.962-4.038-9-9-9s-9 4.038-9 9 4.038 9 9 9 9-4.038 9-9zm2.572 0c0 6.388-5.183 11.571-11.571 11.571S.001 25.674.001 19.286 5.184 7.715 11.572 7.715s11.571 5.183 11.571 11.571z'/%3E%3C/svg%3E"); } /* Standard and brand icons, From Font Awesome */ .i-rss::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 32 32'%3E%3Cpath d='M4.26 23.467C1.91 23.467 0 25.384 0 27.72c0 2.348 1.91 4.243 4.26 4.243 2.357 0 4.264-1.895 4.264-4.244 0-2.338-1.907-4.254-4.265-4.254zM.004 10.873v6.133c3.993 0 7.75 1.562 10.577 4.39 2.826 2.823 4.385 6.596 4.385 10.604h6.16c0-11.65-9.478-21.127-21.12-21.127zM.012 0v6.136C14.255 6.136 25.848 17.74 25.848 32H32C32 14.36 17.648 0 .012 0z'/%3E%3C/svg%3E"); } .i-linkedin::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 32 32'%3E%3Cpath d='M29 0H3C1.35 0 0 1.35 0 3v26c0 1.65 1.35 3 3 3h26c1.65 0 3-1.35 3-3V3c0-1.65-1.35-3-3-3zM12 26H8V12h4v14zm-2-16c-1.106 0-2-.894-2-2s.894-2 2-2c1.106 0 2 .894 2 2s-.894 2-2 2zm16 16h-4v-8c0-1.106-.894-2-2-2s-2 .894-2 2v8h-4V12h4v2.48c.825-1.13 2.087-2.48 3.5-2.48 2.488 0 4.5 2.238 4.5 5v9z'/%3E%3C/svg%3E"); } .i-twitter-old::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 32 32'%3E%3Cpath d='M32 7.075c-1.175.525-2.444.875-3.77 1.03 1.357-.812 2.395-2.1 2.888-3.63-1.27.75-2.675 1.3-4.17 1.594C25.75 4.79 24.044 4 22.156 4c-3.625 0-6.563 2.938-6.563 6.563 0 .512.056 1.012.17 1.494-5.46-.275-10.297-2.887-13.533-6.862-.563.97-.887 2.1-.887 3.3 0 2.275 1.156 4.287 2.92 5.463-1.076-.03-2.088-.33-2.976-.82v.082c0 3.18 2.263 5.838 5.27 6.437-.55.15-1.132.23-1.732.23-.425 0-.83-.043-1.237-.118.838 2.6 3.263 4.5 6.13 4.56-2.25 1.76-5.074 2.81-8.155 2.81-.53 0-1.05-.03-1.57-.094C2.908 28.92 6.357 30 10.063 30c12.076 0 18.68-10.005 18.68-18.68 0-.287-.004-.57-.017-.85 1.28-.92 2.394-2.075 3.275-3.394z'/%3E%3C/svg%3E"); } .i-twitter::before, .i-x::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 24 24'%3E%3Cpath d='M14.095 10.316 22.286 1h-1.94L13.23 9.088 7.551 1H1l8.59 12.231L1 23h1.94l7.51-8.543 6 8.543H23l-8.905-12.684zm-2.658 3.022-.872-1.218L3.64 2.432h2.98l5.59 7.821.869 1.219 7.265 10.166h-2.982l-5.926-8.3z'/%3E%3C/svg%3E"); } .i-facebook::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 32 32'%3E%3Cpath d='M29 0H3C1.35 0 0 1.35 0 3v26c0 1.65 1.35 3 3 3h13V18h-4v-4h4v-2c0-3.306 2.694-6 6-6h4v4h-4c-1.1 0-2 .9-2 2v2h6l-1 4h-5v14h9c1.65 0 3-1.35 3-3V3c0-1.65-1.35-3-3-3z'/%3E%3C/svg%3E"); } .i-skype::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 32 32'%3E%3Cpath d='M13.3 1.17l-.16-.08h-.16.32zm-12.15 12l-.03.15c.04.05.05.1.1.15l-.07-.3zm29.7 5.66l.02-.17-.08-.15v.4zM18.5 30.73l.16.07.16-.03-.32-.05z'/%3E%3Cpath d='M30.87 18.66c0 .06-.02.12-.03.17l-.06-.32.1.2c.15-.9.24-1.8.24-2.7 0-2-.4-4-1.2-5.9-.75-1.8-1.84-3.4-3.23-4.8s-3-2.42-4.8-3.2C20 1.2 18 .8 16 .8c-.95 0-1.9.1-2.85.28l.15.08-.32-.05h.16c-1.28-.7-2.74-1-4.2-1C6.56.1 4.3 1 2.62 2.7S0 6.6 0 9c0 1.5.4 3 1.13 4.3l.02-.15.06.32v-.15c-.2.86-.3 1.73-.3 2.6 0 2.04.4 4.03 1.2 5.9.8 1.8 1.9 3.4 3.3 4.8s3 2.46 4.8 3.23c1.87.78 3.85 1.18 5.9 1.18.87 0 1.76-.08 2.63-.23l-.16-.1.4.07c-.07 0-.1.02-.18.03 1.33.75 2.85 1.16 4.4 1.16 2.4 0 4.63-.93 6.32-2.62S32 25.4 32 23c0-1.5-.4-3-1.13-4.33zm-14.8 6.52c-5.37 0-7.77-2.64-7.77-4.62 0-1 .75-1.72 1.78-1.72 2.3 0 1.7 3.3 6 3.3 2.18 0 3.4-1.2 3.4-2.42 0-.73-.37-1.54-1.8-1.9l-4.8-1.2c-3.83-.95-4.53-3.03-4.53-5 0-4.05 3.82-5.57 7.4-5.57 3.3 0 7.2 1.82 7.2 4.26 0 1.1-.9 1.7-1.93 1.7-1.96 0-1.6-2.7-5.55-2.7-1.97 0-3.05.9-3.05 2.2s1.55 1.7 2.9 2l3.54.8c3.86.87 4.85 3.13 4.85 5.25 0 3.3-2.5 5.76-7.6 5.76z'/%3E%3C/svg%3E"); } .i-instagram::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 32 32'%3E%3Cpath d='M16 2.881c4.275 0 4.781 0.019 6.462 0.094 1.563 0.069 2.406 0.331 2.969 0.55 0.744 0.288 1.281 0.638 1.837 1.194 0.563 0.563 0.906 1.094 1.2 1.838 0.219 0.563 0.481 1.412 0.55 2.969 0.075 1.688 0.094 2.194 0.094 6.463s-0.019 4.781-0.094 6.463c-0.069 1.563-0.331 2.406-0.55 2.969-0.288 0.744-0.637 1.281-1.194 1.837-0.563 0.563-1.094 0.906-1.837 1.2-0.563 0.219-1.413 0.481-2.969 0.55-1.688 0.075-2.194 0.094-6.463 0.094s-4.781-0.019-6.463-0.094c-1.563-0.069-2.406-0.331-2.969-0.55-0.744-0.288-1.281-0.637-1.838-1.194-0.563-0.563-0.906-1.094-1.2-1.837-0.219-0.563-0.481-1.413-0.55-2.969-0.075-1.688-0.094-2.194-0.094-6.463s0.019-4.781 0.094-6.463c0.069-1.563 0.331-2.406 0.55-2.969 0.288-0.744 0.638-1.281 1.194-1.838 0.563-0.563 1.094-0.906 1.838-1.2 0.563-0.219 1.412-0.481 2.969-0.55 1.681-0.075 2.188-0.094 6.463-0.094zM16 0c-4.344 0-4.887 0.019-6.594 0.094-1.7 0.075-2.869 0.35-3.881 0.744-1.056 0.412-1.95 0.956-2.837 1.85-0.894 0.888-1.438 1.781-1.85 2.831-0.394 1.019-0.669 2.181-0.744 3.881-0.075 1.713-0.094 2.256-0.094 6.6s0.019 4.887 0.094 6.594c0.075 1.7 0.35 2.869 0.744 3.881 0.413 1.056 0.956 1.95 1.85 2.837 0.887 0.887 1.781 1.438 2.831 1.844 1.019 0.394 2.181 0.669 3.881 0.744 1.706 0.075 2.25 0.094 6.594 0.094s4.888-0.019 6.594-0.094c1.7-0.075 2.869-0.35 3.881-0.744 1.050-0.406 1.944-0.956 2.831-1.844s1.438-1.781 1.844-2.831c0.394-1.019 0.669-2.181 0.744-3.881 0.075-1.706 0.094-2.25 0.094-6.594s-0.019-4.887-0.094-6.594c-0.075-1.7-0.35-2.869-0.744-3.881-0.394-1.063-0.938-1.956-1.831-2.844-0.887-0.887-1.781-1.438-2.831-1.844-1.019-0.394-2.181-0.669-3.881-0.744-1.712-0.081-2.256-0.1-6.6-0.1v0z' /%3E%3Cpath d='M16 7.781c-4.537 0-8.219 3.681-8.219 8.219s3.681 8.219 8.219 8.219 8.219-3.681 8.219-8.219c0-4.537-3.681-8.219-8.219-8.219zM16 21.331c-2.944 0-5.331-2.387-5.331-5.331s2.387-5.331 5.331-5.331c2.944 0 5.331 2.387 5.331 5.331s-2.387 5.331-5.331 5.331z' /%3E%3Cpath d='M26.462 7.456c0 1.060-0.859 1.919-1.919 1.919s-1.919-0.859-1.919-1.919c0-1.060 0.859-1.919 1.919-1.919s1.919 0.859 1.919 1.919z'/%3E%3C/svg%3E"); } .i-github::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 36 36'%3E%3Cpath d='M18 .444c-9.94 0-18 8.058-18 18 0 7.953 5.158 14.7 12.309 17.08.9.167 1.23-.391 1.23-.866 0-.429-.017-1.847-.024-3.351-5.008 1.089-6.065-2.124-6.065-2.124-.819-2.08-1.999-2.634-1.999-2.634-1.633-1.117.123-1.094.123-1.094 1.807.127 2.759 1.855 2.759 1.855 1.606 2.752 4.211 1.956 5.238 1.496.161-1.163.628-1.957 1.143-2.407-3.998-.455-8.201-1.999-8.201-8.896 0-1.965.703-3.571 1.855-4.831-.187-.454-.803-2.284.174-4.764 0 0 1.512-.483 4.951 1.845a17.249 17.249 0 0 1 4.505-.606c1.529.007 3.07.207 4.509.606 3.436-2.329 4.945-1.845 4.945-1.845.98 2.48.364 4.31.177 4.764 1.154 1.261 1.853 2.866 1.853 4.831 0 6.914-4.211 8.436-8.219 8.881.646.559 1.221 1.654 1.221 3.333 0 2.408-.021 4.347-.021 4.94 0 .479.324 1.04 1.237.864 7.148-2.383 12.299-9.127 12.299-17.078 0-9.941-8.059-18-18-18z'/%3E%3C/svg%3E"); } /* A few smiles, from noto */ .i-angry::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cdefs%3E%3CradialGradient id='a' cx='63.6' cy='2584.9' r='56.96' fx='63.6' fy='2584.9' gradientTransform='translate(0 -394.063) scale(.15625)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.12' stop-color='%23fac742'/%3E%3Cstop offset='.32' stop-color='%23fac440'/%3E%3Cstop offset='.48' stop-color='%23fbba3b'/%3E%3Cstop offset='.62' stop-color='%23fba931'/%3E%3Cstop offset='.76' stop-color='%23fc9224'/%3E%3Cstop offset='.88' stop-color='%23fe7413'/%3E%3Cstop offset='1' stop-color='%23ff5100'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M9.938 18.563c-4.36 0-9.063-2.735-9.063-8.735s4.703-8.734 9.063-8.734c2.421 0 4.656.797 6.312 2.25C18.047 4.938 19 7.188 19 9.828s-.953 4.875-2.75 6.469c-1.656 1.453-3.906 2.265-6.313 2.265Zm0 0'/%3E%3Cpath fill='%23d84213' d='M17.422 4.637c.832 1.343 1.265 2.941 1.265 4.722 0 2.641-.953 4.875-2.75 6.47-1.656 1.452-3.906 2.265-6.312 2.265-2.82 0-5.781-1.149-7.527-3.586 1.68 2.762 4.843 4.055 7.84 4.055 2.406 0 4.656-.813 6.312-2.266C18.047 14.703 19 12.469 19 9.828c0-1.992-.543-3.758-1.578-5.191Zm0 0'/%3E%3Cpath d='m3.285 16.594.555-5.242 12.34 1.296-.551 5.247Zm0 0'/%3E%3Cpath fill='%23fff' d='m6.05 14.734-.327-.03-.215.82-.406-.04.21-.82-.453-.047.04-.37.511.05.14-.531-.448-.043.035-.371.511.046.223-.832.402.04-.214.832.328.03.222-.835.407.039-.223.836.469.047-.035.37-.532-.05-.144.527.469.047-.036.371-.527-.05-.219.824-.402-.04Zm-.23-.398.328.031.141-.531-.328-.031Zm3.086.742a.334.334 0 0 0-.054-.234.684.684 0 0 0-.23-.176 5.591 5.591 0 0 1-.313-.176 1.134 1.134 0 0 1-.239-.195.683.683 0 0 1-.14-.235.768.768 0 0 1-.028-.312.666.666 0 0 1 .254-.469.878.878 0 0 1 .563-.176l.031-.378.281.027-.035.383a.804.804 0 0 1 .488.312.85.85 0 0 1 .133.574l-.605-.054a.5.5 0 0 0-.043-.293.255.255 0 0 0-.383-.063.3.3 0 0 0-.086.196.29.29 0 0 0 .055.218c.062.07.14.13.226.172.106.059.207.114.301.176.086.055.168.121.238.195.063.07.11.153.145.242a.77.77 0 0 1 .031.313.678.678 0 0 1-.242.48.831.831 0 0 1-.543.176l-.035.36-.285-.028.035-.363a.917.917 0 0 1-.57-.32.87.87 0 0 1-.157-.617l.602.058a.463.463 0 0 0 .058.313.322.322 0 0 0 .246.129.246.246 0 0 0 .2-.055.272.272 0 0 0 .101-.18Zm1.367.809a.308.308 0 0 1 .13-.227.415.415 0 0 1 .527.05.33.33 0 0 1-.028.462.387.387 0 0 1-.293.086.39.39 0 0 1-.254-.121.307.307 0 0 1-.082-.25Zm.704-.547-.54-.05.106-1.97.707.07Zm4.063-.313a1.283 1.283 0 0 1-.313.739.709.709 0 0 1-.614.23.552.552 0 0 1-.258-.09.468.468 0 0 1-.156-.203.58.58 0 0 1-.508.195.473.473 0 0 1-.296-.132.595.595 0 0 1-.157-.313 1.033 1.033 0 0 1 0-.437c.047-.27.176-.516.367-.711a.75.75 0 0 1 .614-.223.86.86 0 0 1 .453.172l.11.09-.2 1.066c-.035.168.016.258.156.27a.297.297 0 0 0 .282-.172c.093-.153.148-.32.168-.5.074-.328.019-.68-.157-.969a1.04 1.04 0 0 0-.804-.414 1.104 1.104 0 0 0-.641.117c-.2.11-.367.27-.48.469a1.851 1.851 0 0 0-.25.726c-.063.43-.012.766.156 1.008.195.262.5.418.824.426a1.572 1.572 0 0 0 .621-.058l.04.312a.987.987 0 0 1-.313.09c-.133.02-.27.02-.403.004a1.738 1.738 0 0 1-.828-.274 1.19 1.19 0 0 1-.469-.625c-.09-.3-.109-.617-.062-.925a2.13 2.13 0 0 1 .32-.887c.156-.242.38-.438.64-.563a1.722 1.722 0 0 1 1.634.13c.21.148.367.359.453.6.094.274.117.567.07.852Zm-1.852.032a.716.716 0 0 0 0 .363.19.19 0 0 0 .171.14.207.207 0 0 0 .168-.062.59.59 0 0 0 .141-.207l.156-.832a.53.53 0 0 0-.113-.024.372.372 0 0 0-.332.13 1.12 1.12 0 0 0-.191.492Zm0 0'/%3E%3Cpath fill='%23422b0d' d='M12.934 8.023c.652 0 1.25.555 1.25 1.473s-.598 1.473-1.25 1.473c-.657 0-1.25-.555-1.25-1.473s.593-1.473 1.25-1.473Zm-5.868 0c-.652 0-1.25.555-1.25 1.473s.598 1.473 1.25 1.473c.657 0 1.25-.555 1.25-1.473s-.593-1.473-1.25-1.473Zm0 0'/%3E%3Cpath fill='%23422b0d' d='m5.715 6.832-.016-.012c-.261-.234-.672.14-.441.47a2.894 2.894 0 0 0 3.05 1.04c.383-.115.294-.666-.054-.643a3.565 3.565 0 0 1-2.54-.855Zm8.57 0 .016-.012c.261-.234.672.14.441.47a2.894 2.894 0 0 1-3.05 1.04c-.383-.115-.294-.666.054-.643a3.565 3.565 0 0 0 2.54-.855Zm0 0'/%3E%3Cpath fill='%23896024' d='M6.918 8.574a.453.453 0 0 0-.598.207.453.453 0 0 0 .094.516.445.445 0 0 0 .504-.723Zm5.992 0a.453.453 0 0 0-.598.207.453.453 0 0 0 .094.516.445.445 0 0 0 .504-.723Zm0 0'/%3E%3C/svg%3E"); } .i-wink::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cdefs%3E%3CradialGradient id='a' cx='63.6' cy='216.9' r='56.96' fx='63.6' fy='216.9' gradientTransform='translate(0 -24.063) scale(.15625)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.5' stop-color='%23fde030'/%3E%3Cstop offset='.92' stop-color='%23f7c02b'/%3E%3Cstop offset='1' stop-color='%23f4a223'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M9.938 18.563c-4.36 0-9.063-2.735-9.063-8.735s4.703-8.734 9.063-8.734c2.421 0 4.656.797 6.312 2.25C18.047 4.938 19 7.188 19 9.828s-.953 4.875-2.75 6.469c-1.656 1.453-3.906 2.265-6.313 2.265Zm0 0'/%3E%3Cpath fill='%23eb8f00' d='M17.422 4.637c.832 1.343 1.265 2.941 1.265 4.722 0 2.641-.953 4.875-2.75 6.47-1.656 1.452-3.906 2.265-6.312 2.265-2.82 0-5.781-1.149-7.527-3.586 1.68 2.762 4.843 4.055 7.84 4.055 2.406 0 4.656-.813 6.312-2.266C18.047 14.703 19 12.469 19 9.828c0-1.992-.543-3.758-1.578-5.191Zm0 0'/%3E%3Cpath fill='%23fff' d='M15.89 11.281a.912.912 0 0 0-1.117-.406c-1.406.438-3.125.602-4.855.602a17.287 17.287 0 0 1-4.934-.696.908.908 0 0 0-1.117.406c-.21.391-.058.848.121 1.239C5 14.633 7.203 15.953 9.906 15.96h.024c2.703 0 4.836-1.234 5.84-3.438.18-.394.332-.847.12-1.242Zm0 0'/%3E%3Cpath fill='%23422b0d' d='m7.656 8.89-.023-.03-.067-.087-.082-.09c-.035-.038-.078-.078-.117-.117a.864.864 0 0 0-.129-.113c-.043-.031-.086-.062-.133-.086a.456.456 0 0 0-.101-.039h-.059.043-.086c-.023 0-.007 0 0 0h.012c.012 0 0 0 0 0h-.016c-.039.008-.07.024-.105.04-.043.027-.09.054-.129.085a2.382 2.382 0 0 0-.336.328l-.078.094-.04.043a.656.656 0 0 1-.874.098.558.558 0 0 1-.23-.547s.011-.063.039-.172c.046-.156.113-.313.195-.453a1.95 1.95 0 0 1 .996-.86.922.922 0 0 1 .144-.046 1.11 1.11 0 0 1 .157-.036l.097-.015.079-.008h.289c.054 0 .105.012.156.02.101.019.199.046.297.081a1.95 1.95 0 0 1 .996.86 2.184 2.184 0 0 1 .199.469.53.53 0 0 1 .023.113v.039a.582.582 0 0 1-.492.66c-.008.004-.015.004-.023.004a.666.666 0 0 1-.602-.234Zm6.164 0-.023-.03-.067-.087-.082-.09c-.035-.038-.078-.078-.117-.117a.864.864 0 0 0-.129-.113c-.043-.031-.086-.062-.132-.086a.456.456 0 0 0-.102-.039h-.059.043-.086c-.023 0-.007 0 0 0h.012c.012 0 0 0 0 0h-.015c-.04.008-.07.024-.106.04a.925.925 0 0 0-.129.085 2.382 2.382 0 0 0-.336.328l-.078.094-.035.043a.662.662 0 0 1-.879.098.558.558 0 0 1-.23-.547s.011-.063.043-.172c.046-.16.109-.313.195-.453.133-.235.308-.442.523-.602a1.72 1.72 0 0 1 .614-.304c.05-.016.105-.028.156-.036l.097-.015.079-.008h.289c.054 0 .105.012.156.02.101.019.2.046.297.081a1.95 1.95 0 0 1 .996.86 2.184 2.184 0 0 1 .2.465c.01.039.019.074.023.113v.039a.586.586 0 0 1-.485.668h-.015a.653.653 0 0 1-.618-.234Zm0 0'/%3E%3Cpath fill='%23b3b3b3' d='M15.766 11.848c-.016.011-.97.722-2.766 1.187V11.27c-.203.03-.414.058-.625.082v1.824a12.77 12.77 0 0 1-2.207.238v-1.941h-.625v1.941c.066 0 .066.004 0 .004l-.004-.004a13.8 13.8 0 0 1-2.156-.207v-1.906a11.616 11.616 0 0 1-.625-.098v1.871c-1.844-.437-2.774-1.14-2.785-1.152a.306.306 0 0 0-.184-.063c.047.196.11.387.2.57.054.122.113.235.175.352a9.77 9.77 0 0 0 2.594.938v1.539c.203.101.414.187.625.265v-1.68c.715.118 1.437.184 2.156.196l.004.004h-.004v1.906c.121 0 .242.012.367.012h.258v-1.922h-.008.008a14.03 14.03 0 0 0 2.211-.223v1.75c.21-.07.422-.156.625-.25v-1.632a9.991 9.991 0 0 0 2.719-1.063c.015-.035.035-.066.05-.098.114-.234.192-.48.22-.738a.324.324 0 0 0-.223.063Zm0 0'/%3E%3Cpath fill='%23eb8f00' d='M15.953 11.191a.913.913 0 0 0-1.121-.41c-1.605.469-3.266.7-4.934.692a17.29 17.29 0 0 1-4.937-.692.903.903 0 0 0-1.113.406c-.215.391-.059.848.12 1.239.079.176.169.351.266.52 0 0-.328-1.22-.043-1.571a.565.565 0 0 1 .438-.254.67.67 0 0 1 .215.035 17.65 17.65 0 0 0 5.023.719h.055a17.656 17.656 0 0 0 5.027-.719.67.67 0 0 1 .215-.035c.18.012.344.106.438.254.289.352-.043 1.574-.043 1.574.097-.168.195-.34.277-.52.176-.39.332-.843.117-1.238Zm0 0'/%3E%3C/svg%3E"); } .i-smiley::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cdefs%3E%3CradialGradient id='a' cx='63.6' cy='808.9' r='56.96' fx='63.6' fy='808.9' gradientTransform='translate(0 -116.563) scale(.15625)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.5' stop-color='%23fde030'/%3E%3Cstop offset='.92' stop-color='%23f7c02b'/%3E%3Cstop offset='1' stop-color='%23f4a223'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M9.938 18.563c-4.36 0-9.063-2.735-9.063-8.735s4.703-8.734 9.063-8.734c2.421 0 4.656.797 6.312 2.25C18.047 4.938 19 7.188 19 9.828s-.953 4.875-2.75 6.469c-1.656 1.453-3.906 2.265-6.313 2.265Zm0 0'/%3E%3Cpath fill='%23422b0d' d='M6.875 6.398c-.656 0-1.25.551-1.25 1.47 0 .921.594 1.472 1.25 1.472s1.25-.555 1.25-1.473c0-.914-.586-1.469-1.25-1.469Zm0 0'/%3E%3Cpath fill='%23896024' d='M6.82 7.012a.453.453 0 0 0-.597.207.453.453 0 0 0 .093.515.446.446 0 0 0 .504-.722Zm0 0'/%3E%3Cpath fill='%23422b0d' d='M12.875 6.398c-.656 0-1.25.551-1.25 1.47 0 .921.594 1.472 1.25 1.472s1.25-.555 1.25-1.473c0-.914-.594-1.469-1.25-1.469Zm0 0'/%3E%3Cpath fill='%23896024' d='M12.813 7.012a.453.453 0 0 0-.598.207.453.453 0 0 0 .094.515.446.446 0 0 0 .504-.722Zm0 0'/%3E%3Cpath fill='%23422b0d' d='M9.844 14.313a4.942 4.942 0 0 1-3.719-1.637.284.284 0 0 1 .21-.469c.052 0 .103.016.145.04.754.433 2.012.972 3.364.972h.023c1.348 0 2.61-.54 3.36-.973a.308.308 0 0 1 .144-.039c.11.004.211.066.254.168a.274.274 0 0 1-.043.3 4.937 4.937 0 0 1-3.723 1.637'/%3E%3Cpath fill='%23eb8f00' d='M17.422 4.637c.832 1.343 1.265 2.941 1.265 4.722 0 2.641-.953 4.875-2.75 6.47-1.656 1.452-3.906 2.265-6.312 2.265-2.82 0-5.781-1.149-7.527-3.586 1.68 2.762 4.843 4.055 7.84 4.055 2.406 0 4.656-.813 6.312-2.266C18.047 14.703 19 12.469 19 9.828c0-1.992-.543-3.758-1.578-5.191Zm0 0'/%3E%3C/svg%3E"); } .i-smiley-blank::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cdefs%3E%3C/defs%3E%3Cpath fill='none' stroke-width='1.5' stroke='black' d='M9.938 18.563c-4.36 0-9.063-2.735-9.063-8.735s4.703-8.734 9.063-8.734c2.421 0 4.656.797 6.312 2.25C18.047 4.938 19 7.188 19 9.828s-.953 4.875-2.75 6.469c-1.656 1.453-3.906 2.265-6.313 2.265Zm0 0'/%3E%3Cpath fill='%23422b0d' d='M6.875 6.398c-.656 0-1.25.551-1.25 1.47 0 .921.594 1.472 1.25 1.472s1.25-.555 1.25-1.473c0-.914-.586-1.469-1.25-1.469Zm0 0'/%3E%3Cpath fill='%23896024' d='M6.82 7.012a.453.453 0 0 0-.597.207.453.453 0 0 0 .093.515.446.446 0 0 0 .504-.722Zm0 0'/%3E%3Cpath fill='%23422b0d' d='M12.875 6.398c-.656 0-1.25.551-1.25 1.47 0 .921.594 1.472 1.25 1.472s1.25-.555 1.25-1.473c0-.914-.594-1.469-1.25-1.469Zm0 0'/%3E%3Cpath fill='%23896024' d='M12.813 7.012a.453.453 0 0 0-.598.207.453.453 0 0 0 .094.515.446.446 0 0 0 .504-.722Zm0 0'/%3E%3Cpath fill='%23422b0d' d='M9.844 14.313a4.942 4.942 0 0 1-3.719-1.637.284.284 0 0 1 .21-.469c.052 0 .103.016.145.04.754.433 2.012.972 3.364.972h.023c1.348 0 2.61-.54 3.36-.973a.308.308 0 0 1 .144-.039c.11.004.211.066.254.168a.274.274 0 0 1-.043.3 4.937 4.937 0 0 1-3.723 1.637'/%3E%3Cpath fill='%23eb8f00' d='M17.422 4.637c.832 1.343 1.265 2.941 1.265 4.722 0 2.641-.953 4.875-2.75 6.47-1.656 1.452-3.906 2.265-6.312 2.265-2.82 0-5.781-1.149-7.527-3.586 1.68 2.762 4.843 4.055 7.84 4.055 2.406 0 4.656-.813 6.312-2.266C18.047 14.703 19 12.469 19 9.828c0-1.992-.543-3.758-1.578-5.191Zm0 0'/%3E%3C/svg%3E"); } .i-grin::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cdefs%3E%3CradialGradient id='a' cx='63.22' cy='216.9' r='56.96' fx='63.22' fy='216.9' gradientTransform='translate(0 -24.063) scale(.15625)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.5' stop-color='%23fde030'/%3E%3Cstop offset='.92' stop-color='%23f7c02b'/%3E%3Cstop offset='1' stop-color='%23f4a223'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M9.879 18.563c-4.36 0-9.063-2.735-9.063-8.735S5.52 1.094 9.88 1.094c2.422 0 4.656.797 6.312 2.25 1.797 1.594 2.75 3.844 2.75 6.484s-.953 4.875-2.75 6.469c-1.66 1.453-3.906 2.265-6.312 2.265Zm0 0'/%3E%3Cpath fill='%23422b0d' d='M6.875 6.398c-.656 0-1.25.551-1.25 1.47 0 .921.594 1.472 1.25 1.472s1.25-.555 1.25-1.473c0-.914-.586-1.469-1.25-1.469Zm0 0'/%3E%3Cpath fill='%23896024' d='M6.82 7.012a.453.453 0 0 0-.597.207.453.453 0 0 0 .093.515.446.446 0 0 0 .504-.722Zm0 0'/%3E%3Cpath fill='%23422b0d' d='M12.875 6.398c-.656 0-1.25.551-1.25 1.47 0 .921.594 1.472 1.25 1.472s1.25-.555 1.25-1.473c0-.914-.594-1.469-1.25-1.469Zm0 0'/%3E%3Cpath fill='%23896024' d='M12.813 7.012a.453.453 0 0 0-.598.207.453.453 0 0 0 .094.515.446.446 0 0 0 .504-.722Zm0 0'/%3E%3Cpath fill='%23eb8f00' d='M17.422 4.637c.832 1.343 1.265 2.941 1.265 4.722 0 2.641-.953 4.875-2.75 6.47-1.656 1.452-3.906 2.265-6.312 2.265-2.82 0-5.781-1.149-7.527-3.586 1.68 2.762 4.843 4.055 7.84 4.055 2.406 0 4.656-.813 6.312-2.266C18.047 14.703 19 12.469 19 9.828c0-1.992-.543-3.758-1.578-5.191Zm0 0'/%3E%3Cpath fill='%23422b0d' d='M15.95 11.191a.91.91 0 0 0-1.118-.41c-1.602.469-3.266.7-4.934.692a17.29 17.29 0 0 1-4.937-.692.903.903 0 0 0-1.113.406c-.215.391-.059.848.12 1.239 1 2.203 3.212 3.523 5.915 3.531h.027c2.703 0 4.914-1.328 5.918-3.531.18-.395.332-.844.121-1.235Zm0 0'/%3E%3Cpath fill='%23ed7770' d='M12.398 15.336c-.058-.055-.117-.102-.175-.156a3.401 3.401 0 0 0-2.313-.848 3.773 3.773 0 0 0-2.41.824c-.059.047-.121.094-.18.156-.058.063-.09.106-.125.157a7.32 7.32 0 0 0 2.696.504h.027c.883 0 1.762-.16 2.59-.47a1.24 1.24 0 0 0-.11-.167Zm0 0'/%3E%3Cpath fill='%23fff' d='M14.832 10.781c-1.602.469-3.266.7-4.934.692a17.29 17.29 0 0 1-4.937-.692.903.903 0 0 0-1.113.406.782.782 0 0 0-.075.188c.055.023.114.05.184.078a13.167 13.167 0 0 0 6.063 1.399c2.02.023 4.011-.418 5.832-1.282.074-.03.136-.062.191-.09a.858.858 0 0 0-.094-.293.908.908 0 0 0-1.117-.406Zm0 0'/%3E%3Cpath fill='%23eb8f00' d='M15.953 11.191a.913.913 0 0 0-1.121-.41c-1.605.469-3.266.7-4.934.692a17.29 17.29 0 0 1-4.937-.692.903.903 0 0 0-1.113.406c-.215.391-.059.848.12 1.239.079.176.169.351.266.52 0 0-.328-1.22-.043-1.571a.565.565 0 0 1 .438-.254.67.67 0 0 1 .215.035 17.65 17.65 0 0 0 5.023.719h.055a17.656 17.656 0 0 0 5.027-.719.67.67 0 0 1 .215-.035c.18.012.344.106.438.254.289.352-.043 1.574-.043 1.574.097-.168.195-.34.277-.52.176-.39.332-.843.117-1.238Zm0 0'/%3E%3C/svg%3E"); } .i-cheesy::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cdefs%3E%3CradialGradient id='a' cx='63.6' cy='216.9' r='56.96' fx='63.6' fy='216.9' gradientTransform='translate(0 -24.063) scale(.15625)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.5' stop-color='%23fde030'/%3E%3Cstop offset='.92' stop-color='%23f7c02b'/%3E%3Cstop offset='1' stop-color='%23f4a223'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M9.938 18.563c-4.36 0-9.063-2.735-9.063-8.735s4.703-8.734 9.063-8.734c2.421 0 4.656.797 6.312 2.25C18.047 4.938 19 7.188 19 9.828s-.953 4.875-2.75 6.469c-1.656 1.453-3.906 2.265-6.313 2.265Zm0 0'/%3E%3Cpath fill='%23eb8f00' d='M17.422 4.637c.832 1.343 1.265 2.941 1.265 4.722 0 2.641-.953 4.875-2.75 6.47-1.656 1.452-3.906 2.265-6.312 2.265-2.82 0-5.781-1.149-7.527-3.586 1.68 2.762 4.843 4.055 7.84 4.055 2.406 0 4.656-.813 6.312-2.266C18.047 14.703 19 12.469 19 9.828c0-1.992-.543-3.758-1.578-5.191Zm0 0'/%3E%3Cpath fill='%23fff' d='M15.89 11.281a.912.912 0 0 0-1.117-.406c-1.406.438-3.125.602-4.855.602a17.287 17.287 0 0 1-4.934-.696.908.908 0 0 0-1.117.406c-.21.391-.058.848.121 1.239C5 14.633 7.203 15.953 9.906 15.96h.024c2.703 0 4.836-1.234 5.84-3.438.18-.394.332-.847.12-1.242Zm0 0'/%3E%3Cpath fill='%23422b0d' d='m7.656 8.89-.023-.03-.067-.087-.082-.09c-.035-.038-.078-.078-.117-.117a.864.864 0 0 0-.129-.113c-.043-.031-.086-.062-.133-.086a.456.456 0 0 0-.101-.039h-.059.043-.086c-.023 0-.007 0 0 0h.012c.012 0 0 0 0 0h-.016c-.039.008-.07.024-.105.04-.043.027-.09.054-.129.085a2.382 2.382 0 0 0-.336.328l-.078.094-.04.043a.656.656 0 0 1-.874.098.558.558 0 0 1-.23-.547s.011-.063.039-.172c.046-.156.113-.313.195-.453a1.95 1.95 0 0 1 .996-.86.922.922 0 0 1 .144-.046 1.11 1.11 0 0 1 .157-.036l.097-.015.079-.008h.289c.054 0 .105.012.156.02.101.019.199.046.297.081a1.95 1.95 0 0 1 .996.86 2.184 2.184 0 0 1 .199.469.53.53 0 0 1 .023.113v.039a.582.582 0 0 1-.492.66c-.008.004-.015.004-.023.004a.666.666 0 0 1-.602-.234Zm6.164 0-.023-.03-.067-.087-.082-.09c-.035-.038-.078-.078-.117-.117a.864.864 0 0 0-.129-.113c-.043-.031-.086-.062-.132-.086a.456.456 0 0 0-.102-.039h-.059.043-.086c-.023 0-.007 0 0 0h.012c.012 0 0 0 0 0h-.015c-.04.008-.07.024-.106.04a.925.925 0 0 0-.129.085 2.382 2.382 0 0 0-.336.328l-.078.094-.035.043a.662.662 0 0 1-.879.098.558.558 0 0 1-.23-.547s.011-.063.043-.172c.046-.16.109-.313.195-.453.133-.235.308-.442.523-.602a1.72 1.72 0 0 1 .614-.304c.05-.016.105-.028.156-.036l.097-.015.079-.008h.289c.054 0 .105.012.156.02.101.019.2.046.297.081a1.95 1.95 0 0 1 .996.86 2.184 2.184 0 0 1 .2.465c.01.039.019.074.023.113v.039a.586.586 0 0 1-.485.668h-.015a.653.653 0 0 1-.618-.234Zm0 0'/%3E%3Cpath fill='%23b3b3b3' d='M15.766 11.848c-.016.011-.97.722-2.766 1.187V11.27c-.203.03-.414.058-.625.082v1.824a12.77 12.77 0 0 1-2.207.238v-1.941h-.625v1.941c.066 0 .066.004 0 .004l-.004-.004a13.8 13.8 0 0 1-2.156-.207v-1.906a11.616 11.616 0 0 1-.625-.098v1.871c-1.844-.437-2.774-1.14-2.785-1.152a.306.306 0 0 0-.184-.063c.047.196.11.387.2.57.054.122.113.235.175.352a9.77 9.77 0 0 0 2.594.938v1.539c.203.101.414.187.625.265v-1.68c.715.118 1.437.184 2.156.196l.004.004h-.004v1.906c.121 0 .242.012.367.012h.258v-1.922h-.008.008a14.03 14.03 0 0 0 2.211-.223v1.75c.21-.07.422-.156.625-.25v-1.632a9.991 9.991 0 0 0 2.719-1.063c.015-.035.035-.066.05-.098.114-.234.192-.48.22-.738a.324.324 0 0 0-.223.063Zm0 0'/%3E%3Cpath fill='%23eb8f00' d='M15.953 11.191a.913.913 0 0 0-1.121-.41c-1.605.469-3.266.7-4.934.692a17.29 17.29 0 0 1-4.937-.692.903.903 0 0 0-1.113.406c-.215.391-.059.848.12 1.239.079.176.169.351.266.52 0 0-.328-1.22-.043-1.571a.565.565 0 0 1 .438-.254.67.67 0 0 1 .215.035 17.65 17.65 0 0 0 5.023.719h.055a17.656 17.656 0 0 0 5.027-.719.67.67 0 0 1 .215-.035c.18.012.344.106.438.254.289.352-.043 1.574-.043 1.574.097-.168.195-.34.277-.52.176-.39.332-.843.117-1.238Zm0 0'/%3E%3C/svg%3E"); } .i-sad::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cdefs%3E%3CradialGradient id='a' cx='63.6' cy='1104.9' r='56.96' fx='63.6' fy='1104.9' gradientTransform='translate(0 -162.813) scale(.15625)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.5' stop-color='%23fde030'/%3E%3Cstop offset='.92' stop-color='%23f7c02b'/%3E%3Cstop offset='1' stop-color='%23f4a223'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M9.938 18.563c-4.36 0-9.063-2.735-9.063-8.735s4.703-8.734 9.063-8.734c2.421 0 4.656.797 6.312 2.25C18.047 4.938 19 7.188 19 9.828s-.953 4.875-2.75 6.469c-1.656 1.453-3.906 2.265-6.313 2.265Zm0 0'/%3E%3Cpath fill='%23eb8f00' d='M17.422 4.637c.832 1.343 1.265 2.941 1.265 4.722 0 2.641-.953 4.875-2.75 6.47-1.656 1.452-3.906 2.265-6.312 2.265-2.82 0-5.781-1.149-7.527-3.586 1.68 2.762 4.843 4.055 7.84 4.055 2.406 0 4.656-.813 6.312-2.266C18.047 14.703 19 12.469 19 9.828c0-1.992-.543-3.758-1.578-5.191Zm0 0'/%3E%3Cpath fill='none' stroke='%2335220b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.25' d='M8.281 14.844h3.438'/%3E%3Cpath fill='%23422b0d' d='m7.75 10-.11.11c-.03.03-.062.046-.109.093-.05.04-.101.078-.156.11-.063.03-.125.078-.188.109-.062.031-.14.062-.218.094a1.734 1.734 0 0 1-.235.062c-.082.016-.164.02-.25.016h-.14c-.032 0-.078-.016-.11-.016a1.734 1.734 0 0 1-.64-.265c-.11-.079-.203-.157-.266-.204l-.125-.125a.566.566 0 0 0-.719-.03.417.417 0 0 0-.125.5l.016.046c.016.043.04.086.063.125.093.16.21.309.343.438.094.09.192.175.297.25.125.085.254.16.39.218.15.07.31.121.47.156.078.016.171.032.265.047.047 0 .11.016.125.016h.125c.172 0 .344-.016.516-.047.164-.031.32-.086.468-.156.137-.059.266-.133.391-.219.113-.066.211-.152.297-.25.078-.07.145-.148.203-.234.031-.031.047-.078.078-.11.031-.03.047-.062.063-.093a.468.468 0 0 0 .062-.125l.016-.032a.437.437 0 0 0-.223-.574.5.5 0 0 0-.058-.02.462.462 0 0 0-.516.11Zm7.016.059-.032.03a.738.738 0 0 1-.078.079l-.11.09c-.042.031-.093.07-.155.11-.059.034-.118.07-.188.105a1.426 1.426 0 0 1-.445.148 1.7 1.7 0 0 1-.246.02h-.137l-.11-.016a1.38 1.38 0 0 1-.453-.156 2.15 2.15 0 0 1-.187-.11 1.64 1.64 0 0 1-.258-.203l-.101-.09-.04-.039a.546.546 0 0 0-.71-.027.418.418 0 0 0-.125.508l.023.047.07.133c.16.265.38.496.641.671.121.086.254.16.39.22.153.07.313.12.477.155.086.016.164.032.27.043.05 0 .105.008.129.008h.125c.171-.004.347-.02.52-.055a2.52 2.52 0 0 0 .866-.375c.196-.128.368-.293.508-.48l.074-.102.063-.101a.675.675 0 0 0 .062-.117l.016-.04a.442.442 0 0 0-.234-.578c-.016-.003-.032-.011-.047-.015a.558.558 0 0 0-.578.137ZM3.656 7.313c-.344.062-.36.562.016.578a3.217 3.217 0 0 0 2.234-.86c.23-.199.426-.437.578-.703a.287.287 0 0 0-.07-.398.287.287 0 0 0-.398.07L6 6.016a4.078 4.078 0 0 1-2.344 1.296ZM13.984 6a.287.287 0 0 0-.398-.07.287.287 0 0 0-.07.398c.152.266.347.504.578.703a3.26 3.26 0 0 0 2.234.86c.39-.016.36-.516.016-.579A3.978 3.978 0 0 1 13.984 6'/%3E%3C/svg%3E"); } /* Inline image */ .i-inline-alt::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 36'%3E%3Cpath fill='none' d='M-1-1h11v6.5H-1z'/%3E%3Cg%3E%3Cpath d='M30.964 12.723c0 1.748-1.354 3.166-3.022 3.166s-3.022-1.418-3.022-3.166 1.354-3.165 3.022-3.165 3.022 1.418 3.022 3.165zm16.117 6.332v7.386H24.92v-3.165L29.957 18l2.518 2.637 8.058-8.442 6.548 6.86zm1.51-11.607H23.41c-.268 0-.504.247-.504.527v20.05c0 .28.236.527.504.527H48.59c.268 0 .504-.247.504-.527V7.975c0-.28-.236-.527-.504-.527zm2.518.527v20.05c0 1.45-1.133 2.637-2.518 2.637H23.41c-1.385 0-2.518-1.186-2.518-2.637V7.975c0-1.45 1.133-2.637 2.518-2.637H48.59c1.385 0 2.518 1.186 2.518 2.637z' fill='%233f7f00' stroke='null'/%3E%3Cpath d='M58.126 11.19h12.748v1.946H58.126v-1.945zm0 2.92h7.968v1.945h-7.968v-1.946zm0 5.835h7.968v1.946h-7.968v-1.946zm0-2.918h12.748v1.946H58.126v-1.946zm0 5.837h12.748v1.945H58.126v-1.945zM1.25 11.128h11.873v1.964H1.251v-1.964zm4.453 2.945h7.42v1.964h-7.42v-1.964zm0 5.89h7.42v1.964h-7.42v-1.964zm-4.452-2.945h11.872v1.964H1.251v-1.964zm0 5.89h11.872v1.964H1.251v-1.964z' fill='%23222' stroke='null'/%3E%3C/g%3E%3C/svg%3E"); } .i-inline::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 36'%3E%3Cpath fill='none' d='M-1-1h74v38H-1z'/%3E%3Cg%3E%3Cpath fill='%233f7f00' d='M31.025 12.8c0 1.722-1.337 3.12-2.984 3.12s-2.985-1.398-2.985-3.12 1.337-3.119 2.985-3.119 2.984 1.398 2.984 3.12zm15.92 6.24v7.278h-21.89v-3.12L30.032 18l2.487 2.599 7.96-8.318 6.467 6.759zm1.492-11.438H23.563c-.265 0-.498.244-.498.52v19.756c0 .276.233.52.498.52h24.874c.265 0 .498-.244.498-.52V8.122c0-.276-.233-.52-.498-.52zm2.487.52v19.756c0 1.43-1.119 2.599-2.487 2.599H23.563c-1.368 0-2.487-1.17-2.487-2.6V8.123c0-1.43 1.119-2.599 2.487-2.599h24.874c1.368 0 2.487 1.17 2.487 2.6z' stroke='null'/%3E%3Cg stroke-width='.001' stroke='red' fill='%23222'%3E%3Cpath d='M10.435 5.938h6v1.5h-6z'/%3E%3Cpath d='M10.435 7.063h2v22h-2z'/%3E%3Cpath d='M10.435 28.562h6v1.5h-6z'/%3E%3Cpath fill-opacity='null' stroke-opacity='null' d='M1.56 17.063h8.875v1.875H1.56z'/%3E%3C/g%3E%3Cg stroke-width='.001' stroke='red' fill='%23222'%3E%3Cpath d='M10.435 5.938h6v1.5h-6z'/%3E%3Cpath d='M10.435 7.063h2v22h-2z'/%3E%3Cpath d='M10.435 28.562h6v1.5h-6z'/%3E%3Cpath fill-opacity='null' stroke-opacity='null' d='M1.56 17.063h8.875v1.875H1.56z'/%3E%3C/g%3E%3Cg stroke-width='.001' stroke='red' fill='%23222'%3E%3Cpath d='M61.937 30.062h-6v-1.5h6z'/%3E%3Cpath d='M61.937 28.937h-2v-22h2z'/%3E%3Cpath d='M61.937 7.438h-6v-1.5h6z'/%3E%3Cpath fill-opacity='null' stroke-opacity='null' d='M70.812 18.937h-8.875v-1.875h8.875z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } /* The expand / collapse triangles, done as simple geometry */ legend::before, .i-caret-down::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' fill-opacity='.7' viewBox='0 0 32 32'%3E%3Cpolygon points='0 16, 32 16, 16 32'/%3E%3C/svg%3E"); } .collapsed legend::before, .i-caret-up::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' fill-opacity='.7' viewBox='0 0 32 32'%3E%3Cpolygon points='16 0, 16 32, 32 16'/%3E%3C/svg%3E"); } /* --------------- * $SVG COLORS * --------------- */ /* These are the overlay filters to apply to above base black fill icons. You can create filters for any hex color using https://codepen.io/sosuke/pen/Pjoqqp NOTE --hexcode is not needed, it is simply to show the hex color being applied Although these should be in the variant file, since they are color, they are left here to reduce duplication. Use the variant file to overwrite these colors if required for the theme There are a few classes for chaining, .i-reset will remove color filters, others are colorize-white colorize-yellow, colorize-red, colorize-green, colorize-blue, colorize-violet, colorize-orange */ /* Top Menu Icons */ .i-menu-unread::before, .i-menu-unreadreplies::before, .i-menu-register::before { filter: invert(34%) sepia(0%) saturate(17%) hue-rotate(204deg) brightness(97%) contrast(96%); --hexcode: #555555; } .i-menu-admin::before, .i-menu-profile::before, .i-menu-profile.enabled::before, .i-menu-pm-on.enabled::before, .i-menu-pm-off::before, .i-menu-mentions-on.enabled::before, .i-menu-mentions-off::before, .i-menu-unread.enabled::before, .i-menu-unreadreplies.enabled::before, .i-menu-register.enabled::before { filter: invert(100%) sepia(2%) saturate(526%) hue-rotate(268deg) brightness(120%) contrast(99%); --hexcode: #FEFEFE; } .i-menu-pm-on::before, .i-menu-mentions-on::before { filter: invert(36%) sepia(11%) saturate(2146%) hue-rotate(63deg) brightness(95%) contrast(85%); --hexcode: #3D6E32; } .i-upload::before, .i-menu::before { filter: invert(15%) sepia(0%) saturate(0%) hue-rotate(237deg) brightness(82%) contrast(97%); --hexcode: #222222; } .i-chevron-circle-right::before, .i-chevron-circle-left::before, .i-external-link::before, .i-phone::before, .i-sort-alpha-up::before, .i-sort-alpha-down::before, .i-sort-numeric-up::before, .i-sort-numeric-down::before, .i-cust_gender_0::before, .i-undisclosed::before, .i-instagram::before { filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(324deg) brightness(96%) contrast(104%); --hexcode: #000000; } .i-last::before, .i-reply::before { filter: invert(69%) sepia(77%) saturate(363%) hue-rotate(170deg) brightness(89%) contrast(91%); --hexcode: #72B7D9; } .i-envelope::before, .i-envelope-o::before, .i-comment::before, .i-profile::before, .i-bell::before, .i-user::before, .i-mark_read::before, .i-switch-on::before, .i-recycle::before { filter: invert(46%) sepia(84%) saturate(405%) hue-rotate(83deg) brightness(93%) contrast(93%); --hexcode: #27A348; } .i-envelope-blank::before, .i-envelope-o-blank::before, .i-bell-blank::before, .i-view::before, .i-register::before, .i-cog::before, .i-gear::before, .i-comments-blank::before, .i-comments::before, .i-share::before, .i-sign-in::before, .i-sign-out::before, .i-bug::before, .i-download::before, .i-spinner::before, .i-thumbup::before, .i-thumbdown::before, .i-bookmark::before, .i-credit::before, .i-money::before, .i-tools::before, .i-wrench::before { filter: invert(34%) sepia(0%) saturate(17%) hue-rotate(204deg) brightness(97%) contrast(96%); --hexcode: #555555; } .i-warning::before, .i-warning-watch::before, .i-warning-moderate::before, .i-post_moderation_moderate::before, .i-warning-mute::before, .i-post_moderation_deny::before, .i-fail::before { filter: invert(44%) sepia(66%) saturate(4148%) hue-rotate(11deg) brightness(98%) contrast(107%); --hexcode: #E86100; } .i-warning-watch::before, .i-check::before, .i-post_moderation_allow::before, .i-dot-green::before, .collapsed legend::before, legend::before { filter: invert(57%) sepia(47%) saturate(608%) hue-rotate(73deg) brightness(95%) contrast(80%); --hexcode: #4CAF50; } .i-warning-moderate::before, .i-post_moderation_moderate::before, .i-warn::before, .i-exclamation::before { filter: invert(67%) sepia(60%) saturate(3280%) hue-rotate(358deg) brightness(101%) contrast(107%); --hexcode: #FF9800; } .i-warning-mute::before, .i-post_moderation_deny::before, .i-fail::before, .i-alert::before, .i-exclamation::before, .i-dot-red::before, .i-mark_unread::before { filter: invert(30%) sepia(65%) saturate(2235%) hue-rotate(342deg) brightness(102%) contrast(91%); --hexcode: #F44336; } .i-close::before, .i-remove::before { filter: invert(10%) sepia(86%) saturate(5725%) hue-rotate(3deg) brightness(87%) contrast(111%); --hexcode: #AF0101; } .i-website::before, .i-search::before { filter: invert(25%) sepia(92%) saturate(1386%) hue-rotate(172deg) brightness(92%) contrast(101%); --hexcode: #006994; } .i-modify::before, .i-pencil::before, .i-package::before, .i-menu-login::before, .i-menu-login.enabled::before{ filter: invert(41%) sepia(51%) saturate(1013%) hue-rotate(19deg) brightness(95%) contrast(101%); --hexcode: #8B7500; } .i-poll-locked::before, .i-comment-blank::before { filter: invert(76%) sepia(0%) saturate(0%) hue-rotate(217deg) brightness(91%) contrast(92%); --hexcode: #AEAEAE; } .i-directory::before, .i-calendar::before, .i-contact::before { filter: invert(46%) sepia(25%) saturate(682%) hue-rotate(144deg) brightness(91%) contrast(97%); --hexcode: #417D8B; } .i-sort-amount-up::before, .i-sortup::before, .i-sort-amount-down::before, .i-sortdown::before, .i-users::before, .i-post-text::before, .i-xx::before, .i-normal::before, .i-switch-off::before { filter: invert(48%) sepia(0%) saturate(0%) hue-rotate(156deg) brightness(96%) contrast(80%); --hexcode: #777777; } .i-shuffle::before, .i-merge::before, .i-arrow-forward::before, .i-arrow-up::before, .i-arrow-down::before { filter: invert(51%) sepia(40%) saturate(0%) hue-rotate(220deg) brightness(92%) contrast(87%); --hexcode: #828282; } .i-share::before, .i-account::before { filter: invert(100%) sepia(0%) saturate(4462%) hue-rotate(87deg) brightness(123%) contrast(87%); --hexcode: #EEEEEE; } .i-delete::before { filter: invert(18%) sepia(62%) saturate(5445%) hue-rotate(352deg) brightness(103%) contrast(110%); --hexcode: #FF1310; } .i-puzzle::before { filter: invert(82%) sepia(17%) saturate(4518%) hue-rotate(350deg) brightness(93%) contrast(83%); --hexcode: #DAA520; } .i-oval::before, .i-puff::before, .i-tailspin::before, .i-concentric::before, .i-chase::before, .i-balls::before, .i-mystic::before { filter: invert(32%) sepia(97%) saturate(2124%) hue-rotate(196deg) brightness(100%) contrast(111%); --hexcode: #0080FF; } .i-oval::before, .i-puff::before, .i-tailspin::before, .i-concentric::before, .i-chase::before, .i-balls::before, .i-mystic::before { filter: invert(36%) sepia(11%) saturate(2146%) hue-rotate(63deg) brightness(95%) contrast(85%); --hexcode: #3D6E32; } .i-move::before, .i-moved::before { filter: invert(78%) sepia(15%) saturate(937%) hue-rotate(358deg) brightness(112%) contrast(90%); --hexcode: #F2D890; } .i-support::before { filter: invert(51%) sepia(91%) saturate(2477%) hue-rotate(332deg) brightness(102%) contrast(102%); --hexcode: #FF6347; } .i-cust_gender_2::before, .i-female::before { filter: invert(66%) sepia(39%) saturate(1039%) hue-rotate(291deg) brightness(106%) contrast(101%); --hexcode: #FF80C8; } .i-cust_gender_1::before, .i-male::before { filter: invert(67%) sepia(20%) saturate(1151%) hue-rotate(178deg) brightness(106%) contrast(105%); --hexcode: #80C8FF; } .i-cust_gender_4::before, .i-nonbinary::before { filter: invert(75%) sepia(17%) saturate(1096%) hue-rotate(336deg) brightness(100%) contrast(103%); --hexcode: #FFB780; } .i-bigendered::before { filter: invert(53%) sepia(44%) saturate(2366%) hue-rotate(224deg) brightness(105%) contrast(102%); --hexcode: #B780FF; } /* Was transgender-alt */ .i-cust_gender_5::before, .i-transgendered::before, .i-paint::before { filter: invert(22%) sepia(8%) saturate(3396%) hue-rotate(233deg) brightness(102%) contrast(94%); --hexcode: #523366; } /* Was neuter */ .i-cust_gender_3::before, .i-genderless::before { filter: invert(75%) sepia(5%) saturate(3373%) hue-rotate(54deg) brightness(117%) contrast(110%); --hexcode: #B3FF80; } .i-rss::before { filter: invert(43%) sepia(53%) saturate(2838%) hue-rotate(0deg) brightness(101%) contrast(107%); --hexcode: #FF6600; } /* Social icons */ .i-linkedin::before { filter: invert(32%) sepia(97%) saturate(803%) hue-rotate(165deg) brightness(98%) contrast(104%); --hexcode: #007BB5; } .i-twitter-old::before { filter: invert(60%) sepia(42%) saturate(2501%) hue-rotate(183deg) brightness(106%) contrast(87%); --hexcode: #55ACEE; } .i-facebook::before { filter: invert(34%) sepia(13%) saturate(2636%) hue-rotate(183deg) brightness(90%) contrast(87%); --hexcode: #3B5998; } .i-skype::before { filter: invert(46%) sepia(99%) saturate(1197%) hue-rotate(171deg) brightness(98%) contrast(95%); --hexcode: #12A5F4; } .i-instagram::before { filter: invert(32%) sepia(82%) saturate(1369%) hue-rotate(213deg) brightness(90%) contrast(101%); --hexcode: #405DE6; } .i-github::before { filter: invert(16%) sepia(0%) saturate(18%) hue-rotate(206deg) brightness(100%) contrast(89%); --hexcode: #333333; } /* Used to set all admin menu icons to dark grey */ .i-admin::before { filter: invert(41%) sepia(0%) saturate(74%) hue-rotate(217deg) brightness(95%) contrast(84%); --hexcode: #676767; } /* Reset, if you don't like the color of an icon, chain this to get the default black one */ .i-reset::before { filter: unset; } /* colorize to one of the basics, here at the end to allow proper chaining override */ .colorize-white::before { filter: invert(100%) sepia(2%) saturate(526%) hue-rotate(268deg) brightness(120%) contrast(99%); --hexcode: #FEFEFE; } .colorize-yellow::before { filter: invert(67%) sepia(60%) saturate(3280%) hue-rotate(358deg) brightness(101%) contrast(107%); --hexcode: #FF9800; } .colorize-red::before { filter: invert(30%) sepia(65%) saturate(2235%) hue-rotate(342deg) brightness(102%) contrast(91%); --hexcode: #F44336; } .colorize-blue::before { filter: invert(32%) sepia(97%) saturate(2124%) hue-rotate(196deg) brightness(100%) contrast(111%); --hexcode: #0080FF; } .colorize-orange::before { filter: invert(43%) sepia(53%) saturate(2838%) hue-rotate(0deg) brightness(101%) contrast(107%); --hexcode: #FF6600; } .colorize-violet::before { filter: invert(22%) sepia(8%) saturate(3396%) hue-rotate(233deg) brightness(102%) contrast(94%); --hexcode: #523366; } .colorize-green::before { filter: invert(36%) sepia(11%) saturate(2146%) hue-rotate(63deg) brightness(95%) contrast(85%); --hexcode: #3D6E32; }