Chaos Arts

Link to article: Chaos Arts.

Module Styles

• 
  /* Someday, @custom-media variables will be supported in CSS proper:
     https://www.w3.org/TR/mediaqueries-5/#custom-mq
  */
  /* For the low-definition displays of cheap/small laptops and monitors. */
  /* max-width: 1280px; */
  @custom-media --viewport-laptop only screen and (width <= 80rem);
  
  :root {
  --body-width-on-desktop: 60.75rem;
  --original-width-on-desktop: 45.75rem;
  
  /* hsv: 127°, 6%, 57% | 60°, 1%, 81% | 127°, 6%, 57% */
  --background: linear-gradient(0.25turn, #89928a, #cfcfcc, #89928a);
    /* A grey gradient */
  --pale-accent: 107, 91, 107; /* hsv: 300°, 15%, 42% */
    /* light grey, for visited links (an unvisited) */
  --bright-accent: 186, 171, 186; /* hsv: 300°, 8%, 73% */
    /* bright grey */
  --medium-accent: 142, 118, 142; /* hsv: 300°, 17%, 56% */
    /* medium/light grey - the "default" accent color */
  --dark-accent: 99, 89, 99; /* hsv: 300°, 10%, 39% */
    /* dark grey */
  --alt-accent: 124, 118, 124; /* hsv: 300°, 5%, 49% */
    /* light grey */
  
  --level5-color: 196, 2, 51;
  --level4-color: 255, 109, 0;
  --level3-color: 255, 211, 0;
  --level2-color: 0, 135, 189;
  --level1-color: 0, 159, 107;
  
  --dc-default-color: 188, 188, 204;
  --dc-eyeroll-color: 188, 188, 204;
  
  --rc-unolunae-color: 100, 100, 250;
  --rc-duolunae-color: 150, 100, 250;
  --rc-trilunae-color: 200, 100, 250;
  
  --art-tooltip-offset: 0.125rem;
  --art-tooltip-arrow-size: 0.25rem;
  --art-tooltip-border-radius: 0.25rem;
  --art-tooltip-max-width: 12.5rem;
  
  --art-tooltip-font-size: 0.875rem;
  --art-tooltip-font-wght: 500;
  --art-tooltip-line-hght: 1.000rem;
  
  --art-tooltip-text-color: var(--swatch-text-general);
  --art-tooltip-background: 255, 255, 255;
  --art-tooltip-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.16);
  
  --render-enlarge-speed: 300ms;
  --render-enlarge-factor: 2;
  
  --test-variable: "test value";
  }
  
  /* @media (--viewport-laptop) */
  @media (max-width: 1280px) {
    :root {
    --body-width-on-desktop: 45.75rem; /* 44.25rem; */
    }
  }
  
  div.original_width {
    margin: 0 auto;
    max-width: min(90vw, var(--original-width-on-desktop, 45.75rem));
  }
  
  
  
  /* ---------------- */
  /* ---- COLORS ---- */
  /* ---------------- */
  
  .color-white {
    background-color: rgb(var(--white-monochrome, 252, 252, 252));
  }
  .color-gray {
    background-color: rgba(var(--gray-monochrome, 66, 66, 72), 0.15);
  }
  .color-black {
    background-color: rgb(var(--black-monochrome, 12, 12, 12));
    color: rgb(var(--white-monochrome, 252, 252, 252));
    border: 0.5rem solid rgb(var(--white-monochrome));
  }
  
  .color-level5 {
    background-color: rgb(var(--level5-color));
    color: rgb(var(--white-monochrome, 252, 252, 252));
  }
  .color-level4 {
    background-color: rgb(var(--level4-color));
  }
  .color-level3 {
    background-color: rgb(var(--level3-color));
  }
  .color-level2 {
    background-color: rgb(var(--level2-color));
  }
  .color-level1 {
    background-color: rgb(var(--level1-color));
  }
  
  .color-dc-default {
    background-color: rgb(var(--dc-default-color));
  }
  .color-dc-eyeroll {
    background-color: rgb(var(--dc-eyeroll-color));
  }
  
  .color-rc-unolunae {
    background-color: rgb(var(--rc-unolunae-color));
  }
  .color-rc-duolunae {
    background-color: rgb(var(--rc-duolunae-color));
  }
  .color-rc-trilunae {
    background-color: rgb(var(--rc-trilunae-color));
  }
  
  
  
  /* ------------------------ */
  /* ---- PREVIEW PANELS ---- */
  /* ------------------------ */
  
  .preview-panel {
    display: flex;
    flex-wrap: wrap;
    margin: 0.5rem 0;
  }
  
  .preview-panel .image-wrapper {
    display: block;
    position: relative;
    margin: 0.25rem;
  }
  
  .preview-panel .image-wrapper a {
    display: block;
    position: relative;
    border: 0.25rem solid #000;
    overflow: hidden;
  }
  
  .preview-panel .image-wrapper::before {
    --wght: var(--art-tooltip-font-wght); /* For BHL */
    content: attr(data-tooltip);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    margin-bottom: calc(var(--art-tooltip-arrow-size) + var(--art-tooltip-offset));
    padding: 0.5rem 0.75rem;
    overflow: hidden;
    color: rgb(var(--art-tooltip-text-color));
    background: rgb(var(--art-tooltip-background));
    box-shadow: var(--art-tooltip-box-shadow);
    border-radius: var(--art-tooltip-border-radius);
    font-weight: var(--art-tooltip-font-wght);
    font-size: var(--art-tooltip-font-size);
    line-height: var(--art-tooltip-line-hght);
    width: max-content;
    max-width: var(--art-tooltip-max-width);
    box-sizing: border-box;
    word-wrap: break-word;
    display: none;
  }
  
  .preview-panel .image-wrapper::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    z-index: 1000;
    width: 0;
    height: 0;
    margin-bottom: calc(-1 * var(--art-tooltip-offset));
    margin-left: calc(-1 * var(--art-tooltip-arrow-size));
    border: var(--art-tooltip-arrow-size) solid transparent;
    border-top-color: rgb(var(--art-tooltip-background));
    display: none;
  }
  
  .preview-panel .image-wrapper:hover a,
  .preview-panel .image-wrapper:focus a,
  .preview-panel .image-wrapper:focus-within a {
    border: 0.25rem solid #999;
  }
  
  .preview-panel .image-wrapper:hover::before,
  .preview-panel .image-wrapper:hover::after,
  .preview-panel .image-wrapper:focus::before,
  .preview-panel .image-wrapper:focus::after,
  .preview-panel .image-wrapper:focus-within::before,
  .preview-panel .image-wrapper:focus-within::after {
    display: block;
  }
  
  .preview-panel.icons-large .image-wrapper a {
    border-radius: 50%;
    width: 4rem; /* 3.53125rem; */
  }
  
  .preview-panel.icons-small .image-wrapper a {
    border-radius: 50%;
    width: 3rem; /* 2.5rem; */
  }
  
  .preview-panel.logos-large .image-wrapper a {
    border-radius: 50%;
    width: 6rem;
    padding: 0.25rem;
  }
  
  .preview-panel.logos-small .image-wrapper a {
    border-radius: 50%;
    width: 3rem;
    padding: 0.25rem;
  }
  
  .preview-panel.clipart-images .image-wrapper a {
    border-radius: 0.5rem;
    width: 4rem;
  }
  
  /* Disable Preview Links on Touch-Screens */
  
  /* This allows viewers on phones and tablets to still see 
     the Preview Panel Tooltips when pressing on the Thumbnails, 
     but not accidentally open the links when pressing on them, 
     or when simply scrolling down the page.
  */
  
  @media (hover: none) {
    .preview-panel .image-wrapper a {
      pointer-events: none;
    }
  }
  
  /* Shrink Preview Images on Mobile Browsers */
  
  /* @media (--viewport-mobile) */
  @media (max-width: 480px) {
    .preview-panel.icons-large .image-wrapper a {
      border-radius: 50%;
      width: 3.5rem; /* 3rem; */
    }
  
    .preview-panel.icons-small .image-wrapper a {
      border-radius: 50%;
      width: 2rem; /* 1.75rem; */
    }
  
    .preview-panel.logos-large .image-wrapper a {
      border-radius: 50%;
      width: 4rem;
      padding: 0.25rem;
    }
  
    .preview-panel.logos-small .image-wrapper a {
      border-radius: 50%;
      width: 2rem;
      padding: 0.25rem;
    }
  
    .preview-panel.clipart-images .image-wrapper a {
      border-radius: 0.5rem;
      width: 3rem;
    }
  }
  
  
  
  /* ---------------------------- */
  /* ---- FANCY COLLAPSIBLES ---- */
  /* ---------------------------- */
  
  /* The Nested Collapsible Component needs to be used here because, 
     for whatever asinine reason, Wikidot replaces every whitespace in 
     its [[collapsible]] <a> elements with the &nbsp; HTML escape code, 
     which turns the entire link text into one continuous word, 
     making it unable to be line wrapped properly by CSS code.
  */
  
  .fancy-collapse .colmod-block > ul {
    padding: 0 !important; /* For BHL */
  }
  
  .fancy-collapse .colmod-link-top,
  .fancy-collapse .colmod-link-end {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    text-align: center;
    border: 0.25rem solid #000;
    border-radius: 0.5rem;
    color: #000;
    padding: 0.25rem;
    transition: color .15s var(--ease-in-out),
         border-color .15s var(--ease-in-out);
    width: max-content;
  }
  
  .fancy-collapse .colmod-link-top:hover,
  .fancy-collapse .colmod-link-top:focus,
  .fancy-collapse .colmod-link-top:focus-within,
  .fancy-collapse .colmod-link-end:hover,
  .fancy-collapse .colmod-link-end:focus,
  .fancy-collapse .colmod-link-end:focus-within {
    border-color: #999;
    color: #999;
  }
  
  .fancy-collapse .colmod-block li.folded .colmod-link-top::before {
    content: "►";
    margin-right: 0.25rem;
  }
  
  .fancy-collapse .colmod-block li.folded .colmod-link-top::after {
    content: "◄";
    margin-left: 0.25rem;
  }
  
  .fancy-collapse .colmod-block li.unfolded .colmod-link-top::before {
    content: "▼";
    margin-right: 0.25rem;
  }
  
  .fancy-collapse .colmod-block li.unfolded .colmod-link-top::after {
    content: "▼";
    margin-left: 0.25rem;
  }
  
  .fancy-collapse .colmod-block li.unfolded .colmod-link-end::before {
    content: "▲";
    margin-right: 0.25rem;
  }
  
  .fancy-collapse .colmod-block li.unfolded .colmod-link-end::after {
    content: "▲";
    margin-left: 0.25rem;
  }
  
  .fancy-collapse [class|="colmod-link"] a {
    --wght: bold; /* For BHL */
    display: block;
    text-align: center;
    text-decoration: none;
    overflow-wrap: normal;
    white-space: normal;
    word-break: normal;
    font-weight: bold;
    padding: 0.5rem 1.75rem;
    margin: -0.5rem -1.75rem;
    width: max-content;
    max-width: 10rem;
    position: relative;
    z-index: 1;
  }
  
  .fancy-collapse [class|="colmod-link"] a:hover,
  .fancy-collapse [class|="colmod-link"] a:focus,
  .fancy-collapse [class|="colmod-link"] a:focus-within,
  .fancy-collapse [class|="colmod-link"] a:active,
  .fancy-collapse [class|="colmod-link"] a:visited {
    text-decoration: none;
  }
  
  
  
  /* --------------------------------------------- */
  /* ---- Tables for Image Details & Metadata ---- */
  /* --------------------------------------------- */
  
  .icon-table {
    margin: 0.5rem !important; /* For BHL */
  }
  
  .icon-column {
    width: 4rem;
  }
  .logo-column {
    width: 8rem;
  }
  .name-column {
    width: 7.5rem;
  }
  .desc-column {
    width: 30rem;
  }
  
  span.color-value {
    border: 1px solid #000;
    border-radius: 0.125rem;
    font-weight: bold;
    padding: 0.125rem;
    white-space: nowrap;
  }
  
  
  
  /* ----------------------------------------- */
  /* ---- Icon Grid Display for ACS Guide ---- */
  /* ----------------------------------------- */
  
  .step_container {
    margin: 0.5rem 0;
    border: 0.0625rem solid rgb(var(--swatch-menubg-medium-dark-color));
    padding: 1em;
  }
  
  .icon_groups_container {
    --speed: var(--render-enlarge-speed);
    position: relative;
    margin: 0;
    border: 0.125rem solid transparent;
    background-color: #fff;
    padding: 0.5rem;
    transition: border var(--speed) var(--ease-in-out),
            box-shadow var(--speed) var(--ease-in-out),
             transform var(--speed) var(--ease-in-out);
  }
  
  .icon_groups_container:hover {
    --enlarge-by: var(--render-enlarge-factor);
    --enlarge-by-final: calc(1 + (var(--enlarge-by) / 10));
    border: 0.125rem solid rgb(var(--swatch-menubg-medium-dark-color));
    box-shadow: 0 0 0 calc(0.0625rem / var(--enlarge-by-final)) rgb(var(--swatch-border-color));
    transform: scale3d(var(--enlarge-by-final), var(--enlarge-by-final), 1);
  }
  
  .icon_groups_side_by_side {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 0;
  }
  .icon_groups_side_by_side.icon_1_fifths {
    grid-template-columns: 1fr 4fr;
  }
  .icon_groups_side_by_side.icon_2_fifths {
    grid-template-columns: 2fr 3fr;
  }
  .icon_groups_side_by_side.icon_3_fifths {
    grid-template-columns: 3fr 2fr;
  }
  .icon_groups_side_by_side.icon_4_fifths {
    grid-template-columns: 4fr 1fr;
  }
  
  .icon_group {
    display: block;
  }
  
  .icon_grid {
    display: grid;
    grid-template-columns: repeat(5, calc((100% / 5) - 0.25rem));
    grid-gap: 0.25rem;
  }
  .icon_grid.icon_1_fifths {
    grid-template-columns: 100%;
  }
  .icon_grid.icon_2_fifths {
    grid-template-columns: repeat(2, calc((100% / 2) - 0.25rem));
  }
  .icon_grid.icon_3_fifths {
    grid-template-columns: repeat(3, calc((100% / 3) - 0.25rem));
  }
  .icon_grid.icon_4_fifths {
    grid-template-columns: repeat(4, calc((100% / 4) - 0.25rem));
  }
  
  .icon_cont,
  .icon_empty {
    display: block;
  }
  
  .icon_image {
    border: 0.25rem solid #000;
    border-radius: 50%;
    padding: 0.5rem;
  }
  
  .icon_title, 
  .icon_name {
    --wght: bold; /* for BHL */
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0.25rem 0 0.5rem;
  }
  
  .icon_title p, 
  .icon_name p {
    margin: 0;
  }
  
  /* Less Columns on Mobile Browsers */
  
  /* @media (--viewport-tablet) */
  @media (max-width: 900px) {
    .icon_groups_side_by_side.icon_1_fifths,
    .icon_groups_side_by_side.icon_2_fifths,
    .icon_groups_side_by_side.icon_3_fifths,
    .icon_groups_side_by_side.icon_4_fifths {
      grid-template-columns: 100%;
    }
  
    .icon_grid,
    .icon_grid.icon_1_fifths,
    .icon_grid.icon_2_fifths,
    .icon_grid.icon_3_fifths,
    .icon_grid.icon_4_fifths  {
      grid-template-columns: repeat(3, calc((100% / 3) - 0.25rem));
    }
  
    .icon_empty {
      display: none;
    }
  }
  
  
  /* ----------------------------- */
  /* ---- Source Code Display ---- */
  /* ----------------------------- */
  
  .code-cell,
  .page-source {
    border: 1px dashed #ddd;
    background-color: #f7f7f7;
    font-family: var(--mono-font, Recursive), Consolas,
      'Andale Mono', 'Courier New', Courier, monaco, monospace;
    font-size: 90%;
    padding: 0.125rem;
  }
  .code-cell {
    font-size: 75%;
  }
  .code {
    font-size: 90%;
  }
  .page-source {
    padding-left: .5rem;
    padding-right: .5rem;
  }
  .long-code {
    font-size: 70%;
  }
  
  /* @media (--viewport-laptop) */
  @media (max-width: 1280px) {
    .code-cell,
    .page-source,
    .code {
      font-size: 75%;
    }
    .long-code {
      font-size: 60%;
    }
  }

Inline Styles

• text-align: center;

• width: 27px;

• width: 30px;

• width: 27px;

• width: 30px;

• width: 27px;

• width: 30px;

• width: 27px;

• width: 30px;

• width: 27px;

• width: 30px;

• width: 27px;

• width: 30px;

• display: none;

Includes

• :scp-wiki:theme:black-highlighter-theme [info]
• :scp-wiki:component:fundraiser-widget [info]
• :scp-wiki:component:license-box [info]
• :scp-wiki:component:license-box-end [info]

CSS Classes

• blockquote

• preview-panel

• icons-large

• image-wrapper

• image-wrapper

• image-wrapper

• fancy-collapse

• icon-table

• wiki-content-table

• icon-column

• name-column

• desc-column

• image-cell

• color-value

• image-cell

• color-value

• image-cell

• color-value

• preview-panel

• icons-large

• image-wrapper

• image-wrapper

• image-wrapper

• image-wrapper

• image-wrapper

• image-wrapper

• image-wrapper

• image-wrapper

• image-wrapper

• image-wrapper

• fancy-collapse

• icon-table

• wiki-content-table

• icon-column

• name-column

• desc-column

• image-cell

• color-value

• image-cell

• color-value

• image-cell

• color-value

• image-cell

• color-value

• image-cell

• color-value

• image-cell

• color-value

• image-cell

• color-value

• image-cell

• color-value

• image-cell

• color-value

• image-cell

• color-value

• preview-panel

• icons-small

• image-wrapper

• color-dc-default

• image-wrapper

• color-dc-eyeroll

• fancy-collapse

• icon-table

• wiki-content-table

• icon-column

• name-column

• desc-column

• image-cell

• color-dc-default

• color-value

• image-cell

• color-dc-eyeroll

• color-value

• preview-panel

• icons-small

• image-wrapper

• color-rc-unolunae

• image-wrapper

• color-rc-duolunae

• image-wrapper

• color-rc-trilunae

• fancy-collapse

• icon-table

• wiki-content-table

• icon-column

• name-column

• desc-column

• image-cell

• color-rc-unolunae

• color-value

• image-cell

• color-rc-duolunae

• color-value

• image-cell

• color-rc-trilunae

• color-value

• fancy-collapse

• original_width

• step_container

• step_container

• icon_groups_container

• icon_group

• icon_title

• icon_grid

• icon_empty

• icon_cont

• icon_image

• icon_name

• icon_cont

• icon_image

• icon_name

• icon_cont

• icon_image

• icon_name

• icon_group

• icon_title

• icon_grid

• icon_cont

• icon_image

• icon_name

• icon_cont

• icon_image

• icon_name

• icon_cont

• icon_image

• icon_name

• icon_cont

• icon_image

• icon_name

• icon_cont

• icon_image

• icon_name

• icon_cont

• icon_image

• icon_name

• icon_cont

• icon_image

• icon_name

• icon_cont

• icon_image

• icon_name

• icon_cont

• icon_image

• icon_name

• icon_cont

• icon_image

• icon_name

• icon_groups_side_by_side

• icon_2_fifths

• icon_group

• icon_title

• icon_grid

• icon_2_fifths

• icon_cont

• icon_image

• color-dc-default

• icon_name

• icon_cont

• icon_image

• color-dc-default

• icon_name

• icon_group

• icon_title

• icon_grid

• icon_3_fifths

• icon_cont

• icon_image

• color-rc-unolunae

• icon_name

• icon_cont

• icon_image

• color-rc-duolunae

• icon_name

• icon_cont

• icon_image

• color-rc-trilunae

• icon_name

• preview-panel

• logos-small

• image-wrapper

• image-wrapper

• image-wrapper

• image-wrapper

• image-wrapper

• image-wrapper

• image-wrapper

• image-wrapper

• image-wrapper

• image-wrapper

• image-wrapper

• image-wrapper

• fancy-collapse

• icon-table

• wiki-content-table

• icon-column

• icon-column

• name-column

• desc-column

• image-cell

• image-cell

• image-cell

• image-cell

• image-cell

• image-cell

• image-cell

• image-cell

• image-cell

• image-cell

• image-cell

• image-cell

• preview-panel

• logos-large

• image-wrapper

• image-wrapper

• image-wrapper

• image-wrapper

• image-wrapper

• image-wrapper

• fancy-collapse

• logo-table

• wiki-content-table

• logo-column

• name-column

• desc-column

• image-cell

• image-cell

• image-cell

• image-cell

• image-cell

• image-cell

• preview-panel

• logos-large

• image-wrapper

• image-wrapper

• image-wrapper

• image-wrapper

• image-wrapper

• image-wrapper

• image-wrapper

• image-wrapper

• image-wrapper

• image-wrapper

• image-wrapper

• image-wrapper

• image-wrapper

• image-wrapper

• fancy-collapse

• logo-table

• wiki-content-table

• logo-column

• logo-column

• name-column

• desc-column

• image-cell

• image-cell

• image-cell

• image-cell

• image-cell

• image-cell

• image-cell

• image-cell

• image-cell

• image-cell

• image-cell

• image-cell

• image-cell

• image-cell

• preview-panel

• clipart-images

• image-wrapper

• image-wrapper

• image-wrapper

• image-wrapper

• fancy-collapse

• icon-table

• wiki-content-table

• icon-column

• icon-column

• name-column

• desc-column

• image-cell

• image-cell

• image-cell

• image-cell

Page Source

[[include :scp-wiki:theme:black-highlighter-theme]]
[[module css]]

/* Someday, @custom-media variables will be supported in CSS proper:
   https://www.w3.org/TR/mediaqueries-5/#custom-mq
*/
/* For the low-definition displays of cheap/small laptops and monitors. */
/* max-width: 1280px; */
@custom-media --viewport-laptop only screen and (width <= 80rem);

:root {
--body-width-on-desktop: 60.75rem;
--original-width-on-desktop: 45.75rem;

/* hsv: 127°, 6%, 57% | 60°, 1%, 81% | 127°, 6%, 57% */
--background: linear-gradient(0.25turn, #89928a, #cfcfcc, #89928a);
  /* A grey gradient */
--pale-accent: 107, 91, 107; /* hsv: 300°, 15%, 42% */
  /* light grey, for visited links (an unvisited) */
--bright-accent: 186, 171, 186; /* hsv: 300°, 8%, 73% */
  /* bright grey */
--medium-accent: 142, 118, 142; /* hsv: 300°, 17%, 56% */
  /* medium/light grey - the "default" accent color */
--dark-accent: 99, 89, 99; /* hsv: 300°, 10%, 39% */
  /* dark grey */
--alt-accent: 124, 118, 124; /* hsv: 300°, 5%, 49% */
  /* light grey */

--level5-color: 196, 2, 51;
--level4-color: 255, 109, 0;
--level3-color: 255, 211, 0;
--level2-color: 0, 135, 189;
--level1-color: 0, 159, 107;

--dc-default-color: 188, 188, 204;
--dc-eyeroll-color: 188, 188, 204;

--rc-unolunae-color: 100, 100, 250;
--rc-duolunae-color: 150, 100, 250;
--rc-trilunae-color: 200, 100, 250;

--art-tooltip-offset: 0.125rem;
--art-tooltip-arrow-size: 0.25rem;
--art-tooltip-border-radius: 0.25rem;
--art-tooltip-max-width: 12.5rem;

--art-tooltip-font-size: 0.875rem;
--art-tooltip-font-wght: 500;
--art-tooltip-line-hght: 1.000rem;

--art-tooltip-text-color: var(--swatch-text-general);
--art-tooltip-background: 255, 255, 255;
--art-tooltip-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.16);

--render-enlarge-speed: 300ms;
--render-enlarge-factor: 2;

--test-variable: "test value";
}

/* @media (--viewport-laptop) */
@media (max-width: 1280px) {
  :root {
  --body-width-on-desktop: 45.75rem; /* 44.25rem; */
  }
}

div.original_width {
  margin: 0 auto;
  max-width: min(90vw, var(--original-width-on-desktop, 45.75rem));
}



/* ---------------- */
/* ---- COLORS ---- */
/* ---------------- */

.color-white {
  background-color: rgb(var(--white-monochrome, 252, 252, 252));
}
.color-gray {
  background-color: rgba(var(--gray-monochrome, 66, 66, 72), 0.15);
}
.color-black {
  background-color: rgb(var(--black-monochrome, 12, 12, 12));
  color: rgb(var(--white-monochrome, 252, 252, 252));
  border: 0.5rem solid rgb(var(--white-monochrome));
}

.color-level5 {
  background-color: rgb(var(--level5-color));
  color: rgb(var(--white-monochrome, 252, 252, 252));
}
.color-level4 {
  background-color: rgb(var(--level4-color));
}
.color-level3 {
  background-color: rgb(var(--level3-color));
}
.color-level2 {
  background-color: rgb(var(--level2-color));
}
.color-level1 {
  background-color: rgb(var(--level1-color));
}

.color-dc-default {
  background-color: rgb(var(--dc-default-color));
}
.color-dc-eyeroll {
  background-color: rgb(var(--dc-eyeroll-color));
}

.color-rc-unolunae {
  background-color: rgb(var(--rc-unolunae-color));
}
.color-rc-duolunae {
  background-color: rgb(var(--rc-duolunae-color));
}
.color-rc-trilunae {
  background-color: rgb(var(--rc-trilunae-color));
}



/* ------------------------ */
/* ---- PREVIEW PANELS ---- */
/* ------------------------ */

.preview-panel {
  display: flex;
  flex-wrap: wrap;
  margin: 0.5rem 0;
}

.preview-panel .image-wrapper {
  display: block;
  position: relative;
  margin: 0.25rem;
}

.preview-panel .image-wrapper a {
  display: block;
  position: relative;
  border: 0.25rem solid #000;
  overflow: hidden;
}

.preview-panel .image-wrapper::before {
  --wght: var(--art-tooltip-font-wght); /* For BHL */
  content: attr(data-tooltip);
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
  margin-bottom: calc(var(--art-tooltip-arrow-size) + var(--art-tooltip-offset));
  padding: 0.5rem 0.75rem;
  overflow: hidden;
  color: rgb(var(--art-tooltip-text-color));
  background: rgb(var(--art-tooltip-background));
  box-shadow: var(--art-tooltip-box-shadow);
  border-radius: var(--art-tooltip-border-radius);
  font-weight: var(--art-tooltip-font-wght);
  font-size: var(--art-tooltip-font-size);
  line-height: var(--art-tooltip-line-hght);
  width: max-content;
  max-width: var(--art-tooltip-max-width);
  box-sizing: border-box;
  word-wrap: break-word;
  display: none;
}

.preview-panel .image-wrapper::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  z-index: 1000;
  width: 0;
  height: 0;
  margin-bottom: calc(-1 * var(--art-tooltip-offset));
  margin-left: calc(-1 * var(--art-tooltip-arrow-size));
  border: var(--art-tooltip-arrow-size) solid transparent;
  border-top-color: rgb(var(--art-tooltip-background));
  display: none;
}

.preview-panel .image-wrapper:hover a,
.preview-panel .image-wrapper:focus a,
.preview-panel .image-wrapper:focus-within a {
  border: 0.25rem solid #999;
}

.preview-panel .image-wrapper:hover::before,
.preview-panel .image-wrapper:hover::after,
.preview-panel .image-wrapper:focus::before,
.preview-panel .image-wrapper:focus::after,
.preview-panel .image-wrapper:focus-within::before,
.preview-panel .image-wrapper:focus-within::after {
  display: block;
}

.preview-panel.icons-large .image-wrapper a {
  border-radius: 50%;
  width: 4rem; /* 3.53125rem; */
}

.preview-panel.icons-small .image-wrapper a {
  border-radius: 50%;
  width: 3rem; /* 2.5rem; */
}

.preview-panel.logos-large .image-wrapper a {
  border-radius: 50%;
  width: 6rem;
  padding: 0.25rem;
}

.preview-panel.logos-small .image-wrapper a {
  border-radius: 50%;
  width: 3rem;
  padding: 0.25rem;
}

.preview-panel.clipart-images .image-wrapper a {
  border-radius: 0.5rem;
  width: 4rem;
}

/* Disable Preview Links on Touch-Screens */

/* This allows viewers on phones and tablets to still see 
   the Preview Panel Tooltips when pressing on the Thumbnails, 
   but not accidentally open the links when pressing on them, 
   or when simply scrolling down the page.
*/

@media (hover: none) {
  .preview-panel .image-wrapper a {
    pointer-events: none;
  }
}

/* Shrink Preview Images on Mobile Browsers */

/* @media (--viewport-mobile) */
@media (max-width: 480px) {
  .preview-panel.icons-large .image-wrapper a {
    border-radius: 50%;
    width: 3.5rem; /* 3rem; */
  }

  .preview-panel.icons-small .image-wrapper a {
    border-radius: 50%;
    width: 2rem; /* 1.75rem; */
  }

  .preview-panel.logos-large .image-wrapper a {
    border-radius: 50%;
    width: 4rem;
    padding: 0.25rem;
  }

  .preview-panel.logos-small .image-wrapper a {
    border-radius: 50%;
    width: 2rem;
    padding: 0.25rem;
  }

  .preview-panel.clipart-images .image-wrapper a {
    border-radius: 0.5rem;
    width: 3rem;
  }
}



/* ---------------------------- */
/* ---- FANCY COLLAPSIBLES ---- */
/* ---------------------------- */

/* The Nested Collapsible Component needs to be used here because, 
   for whatever asinine reason, Wikidot replaces every whitespace in 
   its [[collapsible]] <a> elements with the &nbsp; HTML escape code, 
   which turns the entire link text into one continuous word, 
   making it unable to be line wrapped properly by CSS code.
*/

.fancy-collapse .colmod-block > ul {
  padding: 0 !important; /* For BHL */
}

.fancy-collapse .colmod-link-top,
.fancy-collapse .colmod-link-end {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  text-align: center;
  border: 0.25rem solid #000;
  border-radius: 0.5rem;
  color: #000;
  padding: 0.25rem;
  transition: color .15s var(--ease-in-out),
       border-color .15s var(--ease-in-out);
  width: max-content;
}

.fancy-collapse .colmod-link-top:hover,
.fancy-collapse .colmod-link-top:focus,
.fancy-collapse .colmod-link-top:focus-within,
.fancy-collapse .colmod-link-end:hover,
.fancy-collapse .colmod-link-end:focus,
.fancy-collapse .colmod-link-end:focus-within {
  border-color: #999;
  color: #999;
}

.fancy-collapse .colmod-block li.folded .colmod-link-top::before {
  content: "►";
  margin-right: 0.25rem;
}

.fancy-collapse .colmod-block li.folded .colmod-link-top::after {
  content: "◄";
  margin-left: 0.25rem;
}

.fancy-collapse .colmod-block li.unfolded .colmod-link-top::before {
  content: "▼";
  margin-right: 0.25rem;
}

.fancy-collapse .colmod-block li.unfolded .colmod-link-top::after {
  content: "▼";
  margin-left: 0.25rem;
}

.fancy-collapse .colmod-block li.unfolded .colmod-link-end::before {
  content: "▲";
  margin-right: 0.25rem;
}

.fancy-collapse .colmod-block li.unfolded .colmod-link-end::after {
  content: "▲";
  margin-left: 0.25rem;
}

.fancy-collapse [class|="colmod-link"] a {
  --wght: bold; /* For BHL */
  display: block;
  text-align: center;
  text-decoration: none;
  overflow-wrap: normal;
  white-space: normal;
  word-break: normal;
  font-weight: bold;
  padding: 0.5rem 1.75rem;
  margin: -0.5rem -1.75rem;
  width: max-content;
  max-width: 10rem;
  position: relative;
  z-index: 1;
}

.fancy-collapse [class|="colmod-link"] a:hover,
.fancy-collapse [class|="colmod-link"] a:focus,
.fancy-collapse [class|="colmod-link"] a:focus-within,
.fancy-collapse [class|="colmod-link"] a:active,
.fancy-collapse [class|="colmod-link"] a:visited {
  text-decoration: none;
}



/* --------------------------------------------- */
/* ---- Tables for Image Details & Metadata ---- */
/* --------------------------------------------- */

.icon-table {
  margin: 0.5rem !important; /* For BHL */
}

.icon-column {
  width: 4rem;
}
.logo-column {
  width: 8rem;
}
.name-column {
  width: 7.5rem;
}
.desc-column {
  width: 30rem;
}

span.color-value {
  border: 1px solid #000;
  border-radius: 0.125rem;
  font-weight: bold;
  padding: 0.125rem;
  white-space: nowrap;
}



/* ----------------------------------------- */
/* ---- Icon Grid Display for ACS Guide ---- */
/* ----------------------------------------- */

.step_container {
  margin: 0.5rem 0;
  border: 0.0625rem solid rgb(var(--swatch-menubg-medium-dark-color));
  padding: 1em;
}

.icon_groups_container {
  --speed: var(--render-enlarge-speed);
  position: relative;
  margin: 0;
  border: 0.125rem solid transparent;
  background-color: #fff;
  padding: 0.5rem;
  transition: border var(--speed) var(--ease-in-out),
          box-shadow var(--speed) var(--ease-in-out),
           transform var(--speed) var(--ease-in-out);
}

.icon_groups_container:hover {
  --enlarge-by: var(--render-enlarge-factor);
  --enlarge-by-final: calc(1 + (var(--enlarge-by) / 10));
  border: 0.125rem solid rgb(var(--swatch-menubg-medium-dark-color));
  box-shadow: 0 0 0 calc(0.0625rem / var(--enlarge-by-final)) rgb(var(--swatch-border-color));
  transform: scale3d(var(--enlarge-by-final), var(--enlarge-by-final), 1);
}

.icon_groups_side_by_side {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 0;
}
.icon_groups_side_by_side.icon_1_fifths {
  grid-template-columns: 1fr 4fr;
}
.icon_groups_side_by_side.icon_2_fifths {
  grid-template-columns: 2fr 3fr;
}
.icon_groups_side_by_side.icon_3_fifths {
  grid-template-columns: 3fr 2fr;
}
.icon_groups_side_by_side.icon_4_fifths {
  grid-template-columns: 4fr 1fr;
}

.icon_group {
  display: block;
}

.icon_grid {
  display: grid;
  grid-template-columns: repeat(5, calc((100% / 5) - 0.25rem));
  grid-gap: 0.25rem;
}
.icon_grid.icon_1_fifths {
  grid-template-columns: 100%;
}
.icon_grid.icon_2_fifths {
  grid-template-columns: repeat(2, calc((100% / 2) - 0.25rem));
}
.icon_grid.icon_3_fifths {
  grid-template-columns: repeat(3, calc((100% / 3) - 0.25rem));
}
.icon_grid.icon_4_fifths {
  grid-template-columns: repeat(4, calc((100% / 4) - 0.25rem));
}

.icon_cont,
.icon_empty {
  display: block;
}

.icon_image {
  border: 0.25rem solid #000;
  border-radius: 50%;
  padding: 0.5rem;
}

.icon_title, 
.icon_name {
  --wght: bold; /* for BHL */
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0.25rem 0 0.5rem;
}

.icon_title p, 
.icon_name p {
  margin: 0;
}

/* Less Columns on Mobile Browsers */

/* @media (--viewport-tablet) */
@media (max-width: 900px) {
  .icon_groups_side_by_side.icon_1_fifths,
  .icon_groups_side_by_side.icon_2_fifths,
  .icon_groups_side_by_side.icon_3_fifths,
  .icon_groups_side_by_side.icon_4_fifths {
    grid-template-columns: 100%;
  }

  .icon_grid,
  .icon_grid.icon_1_fifths,
  .icon_grid.icon_2_fifths,
  .icon_grid.icon_3_fifths,
  .icon_grid.icon_4_fifths  {
    grid-template-columns: repeat(3, calc((100% / 3) - 0.25rem));
  }

  .icon_empty {
    display: none;
  }
}


/* ----------------------------- */
/* ---- Source Code Display ---- */
/* ----------------------------- */

.code-cell,
.page-source {
  border: 1px dashed #ddd;
  background-color: #f7f7f7;
  font-family: var(--mono-font, Recursive), Consolas,
    'Andale Mono', 'Courier New', Courier, monaco, monospace;
  font-size: 90%;
  padding: 0.125rem;
}
.code-cell {
  font-size: 75%;
}
.code {
  font-size: 90%;
}
.page-source {
  padding-left: .5rem;
  padding-right: .5rem;
}
.long-code {
  font-size: 70%;
}

/* @media (--viewport-laptop) */
@media (max-width: 1280px) {
  .code-cell,
  .page-source,
  .code {
    font-size: 75%;
  }
  .long-code {
    font-size: 60%;
  }
}
[[/module]]

[[>]]
[[module Rate]]
[[/>]]

[[div class="blockquote"]]
+++* Table of Contents
-----
* [#intro Introduction]
* [#art-vector Vector (SVG) Art]
 * [#icons-ACS ACS Icons]
  * [#icons-CC Containment Class Icons]
  * [#icons-CSC Containment Subclass Icons]
  * [#icons-DC Disruption Class Icons]
  * [#icons-RC Risk Class Icons]
  * [#icons-group Group Icon Render]
 * [#icons-SCP SCP Icons]
 * [#logos-SCP SCP Logos]
 * [#logos-Therian SCP Therianthropy Department Logos]
 * [#clip-art Clip Art]
[!-- * [#art-raster Raster (PNG) Art] --]
* [#ext-links External Website Links]
[!-- * [#donate Donations Link] --]
[[/div]]

[[# intro]]
+ Introduction

Welcome to my humble little art page! It will serve as the central repository \
for all vector and raster art that I have created specifically for direct use on the SCP Wiki, \
or indirectly related to subject matter and creative works on the SCP Wiki (aka Fan Art).



----



[[# art-vector]]
+ Vector (SVG) Art



----



[[# icons-ACS]]
++ ACS Icons

These icons are designed to be used with the \
[[[anomaly-classification-system-guide|Anomaly Classification System]]].



[[# icons-CC]]
+++ Containment Class Icons


[[div_ class="preview-panel icons-large"]]
[[div_ class="image-wrapper" data-tooltip="Archon"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CC-Archon.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CC-Archon.svg"
  data-tooltip="Archon"]]
[[/div]]
[[div_ class="image-wrapper" data-tooltip="Flor Galana"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CC-FlorGalana.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CC-FlorGalana.svg" 
  data-tooltip="For Galana"]]
[[/div]]
[[div_ class="image-wrapper" data-tooltip="Skótos"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CC-Skotos.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CC-Skotos.svg" 
  data-tooltip="Skótos"]]
[[/div]]
[[/div]]



[[div_ class="fancy-collapse"]]
[[include :scp-wiki:component:coltop
| show= Show More Details About These Images
| hide= Hide More Details About These Images
]]

[[table class="icon-table wiki-content-table"]]
[[row]]
[[hcell class="icon-column"]] Icon [[/hcell]]
[[hcell class="name-column"]] Name / Data [[/hcell]]
[[hcell class="desc-column"]] Description [[/hcell]]
[[/row]]

[[row]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CC-Archon.svg ]]
[[/cell]]
[[cell]]
**Archon**
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CC-Archon.svg | LINK]]]
[[span class="color-value"]] 250, 250, 250 [[/span]]
[[/cell]]
[[cell]]
Item is able to be contained, but ought not to be.
[[/cell]]
[[/row]]

[[row]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CC-FlorGalana.svg ]]
[[/cell]]
[[cell]]
**Flor Galana**
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CC-FlorGalana.svg | LINK]]]
[[span class="color-value"]] 250, 250, 250 [[/span]]
[[/cell]]
[[cell]]
Item aids the Foundation in partially containing itself and/or other anomalies, \
but cannot be fully contained for logistical and/or ethical reasons.

Meant to be a combination of the **Cernunnos** and **Thaumiel** Containment Classes.
[[/cell]]
[[/row]]

[[row]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CC-Skotos.svg ]]
[[/cell]]
[[cell]]
**Skótos**
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CC-Skotos.svg | LINK]]]
[[span class="color-value"]] 250, 250, 250 [[/span]]
[[/cell]]
[[cell]]
Research and documentation of the item is still in progress or severely lacking.
[[/cell]]
[[/row]]

[[/table]]

[[include :scp-wiki:component:colend
| hide= Hide More Details About These Images
]]
[[/div]]



[[# icons-CSC]]
+++ Containment Subclass Icons


[[div_ class="preview-panel icons-large"]]
[[div_ class="image-wrapper" data-tooltip="Adviso"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Adviso.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Adviso.svg" 
  data-tooltip="Adviso"]]
[[/div]]
[[div_ class="image-wrapper" data-tooltip="Alterius"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Alterius.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Alterius.svg" 
  data-tooltip="Alterius"]]
[[/div]]
[[div_ class="image-wrapper" data-tooltip="Doctrina"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Doctrina.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Doctrina.svg" 
  data-tooltip="Doctrina"]]
[[/div]]
[[div_ class="image-wrapper" data-tooltip="Exsequi"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Exsequi.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Exsequi.svg" 
  data-tooltip="Exsequi"]]
[[/div]]
[[div_ class="image-wrapper" data-tooltip="Flecto"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Flecto.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Flecto.svg" 
  data-tooltip="Flecto"]]
[[/div]]
[[div_ class="image-wrapper" data-tooltip="Impetus"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Impetus.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Impetus.svg" 
  data-tooltip="Impetus"]]
[[/div]]
[[div_ class="image-wrapper" data-tooltip="Numen"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Numen.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Numen.svg" 
  data-tooltip="Numen"]]
[[/div]]
[[div_ class="image-wrapper" data-tooltip="Nuntii"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Nuntii.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Nuntii.svg" 
  data-tooltip="Nuntii"]]
[[/div]]
[[div_ class="image-wrapper" data-tooltip="Potissimi"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Potissimi.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Potissimi.svg" 
  data-tooltip="Potissimi"]]
[[/div]]
[[div_ class="image-wrapper" data-tooltip="Supernus"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Supernus.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Supernus.svg" 
  data-tooltip="Supernus"]]
[[/div]]
[[/div]]



[[div_ class="fancy-collapse"]]
[[include :scp-wiki:component:coltop
| show= Show More Details About These Images
| hide= Hide More Details About These Images
]]

[[table class="icon-table wiki-content-table"]]
[[row]]
[[hcell class="icon-column"]] Icon [[/hcell]]
[[hcell class="name-column"]] Name / Data [[/hcell]]
[[hcell class="desc-column"]] Description [[/hcell]]
[[/row]]

[[row]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Adviso.svg ]]
[[/cell]]
[[cell]]
**Adviso**
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Adviso.svg | LINK]]]
[[span class="color-value"]] 250, 250, 250 [[/span]]
[[/cell]]
[[cell]]
Item's class has been tentatively declared, but may be subject to change.
[[/cell]]
[[/row]]

[[row]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Alterius.svg ]]
[[/cell]]
[[cell]]
**Alterius**
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Alterius.svg | LINK]]]
[[span class="color-value"]] 250, 250, 250 [[/span]]
[[/cell]]
[[cell]]
Item is alien to Earth, extraterrestrially or extradimensionally.
[[/cell]]
[[/row]]

[[row]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Doctrina.svg ]]
[[/cell]]
[[cell]]
**Doctrina**
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Doctrina.svg | LINK]]]
[[span class="color-value"]] 250, 250, 250 [[/span]]
[[/cell]]
[[cell]]
Item is undergoing testing or investigation.
[[/cell]]
[[/row]]

[[row]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Exsequi.svg ]]
[[/cell]]
[[cell]]
**Exsequi**
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Exsequi.svg | LINK]]]
[[span class="color-value"]] 250, 250, 250 [[/span]]
[[/cell]]
[[cell]]
Item is capable of independent action.
[[/cell]]
[[/row]]

[[row]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Flecto.svg ]]
[[/cell]]
[[cell]]
**Flecto**
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Flecto.svg | LINK]]]
[[span class="color-value"]] 250, 250, 250 [[/span]]
[[/cell]]
[[cell]]
Item displays one or more biological mutations.
[[/cell]]
[[/row]]

[[row]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Impetus.svg ]]
[[/cell]]
[[cell]]
**Impetus**
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Impetus.svg | LINK]]]
[[span class="color-value"]] 250, 250, 250 [[/span]]
[[/cell]]
[[cell]]
Item is hostile.
[[/cell]]
[[/row]]

[[row]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Numen.svg ]]
[[/cell]]
[[cell]]
**Numen**
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Numen.svg | LINK]]]
[[span class="color-value"]] 250, 250, 250 [[/span]]
[[/cell]]
[[cell]]
Item is related to a deity.
[[/cell]]
[[/row]]

[[row]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Nuntii.svg ]]
[[/cell]]
[[cell]]
**Nuntii**
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Nuntii.svg | LINK]]]
[[span class="color-value"]] 250, 250, 250 [[/span]]
[[/cell]]
[[cell]]
Item possesses memetic attributes.
[[/cell]]
[[/row]]

[[row]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Potissimi.svg ]]
[[/cell]]
[[cell]]
**Potissimi**
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Potissimi.svg | LINK]]]
[[span class="color-value"]] 250, 250, 250 [[/span]]
[[/cell]]
[[cell]]
Item's containment is of high importance.
[[/cell]]
[[/row]]

[[row]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Supernus.svg ]]
[[/cell]]
[[cell]]
**Supernus**
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Supernus.svg | LINK]]]
[[span class="color-value"]] 250, 250, 250 [[/span]]
[[/cell]]
[[cell]]
Item is too distant and/or unnoticeable from the Earth or Solar System to be a priority.
[[/cell]]
[[/row]]

[[/table]]

[[include :scp-wiki:component:colend
| hide= Hide More Details About These Images
]]
[[/div]]



[[# icons-DC]]
+++ Disruption Class Icons


[[div_ class="preview-panel icons-small"]]
[[div_ class="image-wrapper" data-tooltip="Default"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-DC-Default.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-DC-Default.svg" 
  class="color-dc-default" 
  data-tooltip="Default"]]
[[/div]]
[[div_ class="image-wrapper" data-tooltip="Eyeroll"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-DC-Eyeroll.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-DC-Eyeroll.svg" 
  class="color-dc-eyeroll" 
  data-tooltip="Eyeroll"]]
[[/div]]
[[/div]]



[[div_ class="fancy-collapse"]]
[[include :scp-wiki:component:coltop
| show= Show More Details About These Images
| hide= Hide More Details About These Images
]]

[[table class="icon-table wiki-content-table"]]
[[row]]
[[hcell class="icon-column"]] Icon [[/hcell]]
[[hcell class="name-column"]] Name / Data [[/hcell]]
[[hcell class="desc-column"]] Description [[/hcell]]
[[/row]]

[[row]]
[[cell class="image-cell color-dc-default"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-DC-Default.svg ]]
[[/cell]]
[[cell]]
**Default**
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-DC-Default.svg | LINK]]]
[[span class="color-value"]] 188, 188, 204 [[/span]]
[[/cell]]
[[cell]]
Generic Disruption Class Icon Eye Template, \
which will serve as a base for all custom Disruption Class Icons.
[[/cell]]
[[/row]]

[[row]]
[[cell class="image-cell color-dc-eyeroll"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-DC-Eyeroll.svg ]]
[[/cell]]
[[cell]]
**Eyeroll**
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-DC-Eyeroll.svg | LINK]]]
[[span class="color-value"]] 188, 188, 204 [[/span]]
[[/cell]]
[[cell]]
Created from the Default Disruption Class Icon to demonstrate \
its ability to be animated in various ways, \
including eye movements, expressions, and blinking.
[[/cell]]
[[/row]]

[[/table]]

[[include :scp-wiki:component:colend
| hide= Hide More Details About These Images
]]
[[/div]]



[[# icons-RC]]
+++ Risk Class Icons


[[div_ class="preview-panel icons-small"]]
[[div_ class="image-wrapper" data-tooltip="Unolunae"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-RC-Unolunae.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-RC-Unolunae.svg" 
  class="color-rc-unolunae" 
  data-tooltip="Unolunae"]]
[[/div]]
[[div_ class="image-wrapper" data-tooltip="Duolunae"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-RC-Duolunae.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-RC-Duolunae.svg" 
  class="color-rc-duolunae" 
  data-tooltip="Duolunae"]]
[[/div]]
[[div_ class="image-wrapper" data-tooltip="Trilunae"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-RC-Trilunae.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-RC-Trilunae.svg" 
  class="color-rc-trilunae" 
  data-tooltip="Trilunae"]]
[[/div]]
[[/div]]



[[div_ class="fancy-collapse"]]
[[include :scp-wiki:component:coltop
| show= Show More Details About These Images
| hide= Hide More Details About These Images
]]

[[table class="icon-table wiki-content-table"]]
[[row]]
[[hcell class="icon-column"]] Icon [[/hcell]]
[[hcell class="name-column"]] Name / Data [[/hcell]]
[[hcell class="desc-column"]] Description [[/hcell]]
[[/row]]

[[row]]
[[cell class="image-cell color-rc-unolunae"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-RC-Unolunae.svg ]]
[[/cell]]
[[cell]]
**Unolunae**
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-RC-Unolunae.svg | LINK]]]
[[span class="color-value"]] 100, 100, 250 [[/span]]
[[/cell]]
[[cell]]
Anomalous Object poses a **mild danger** to the **afterlife** of any individual nearby.
[[/cell]]
[[/row]]

[[row]]
[[cell class="image-cell color-rc-duolunae"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-RC-Duolunae.svg ]]
[[/cell]]
[[cell]]
**Duolunae**
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-RC-Duolunae.svg | LINK]]]
[[span class="color-value"]] 150, 100, 250 [[/span]]
[[/cell]]
[[cell]]
Anomalous Object poses a **moderate danger** to the **afterlife** of any individual nearby.
[[/cell]]
[[/row]]

[[row]]
[[cell class="image-cell color-rc-trilunae"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-RC-Trilunae.svg ]]
[[/cell]]
[[cell]]
**Trilunae**
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-RC-Trilunae.svg | LINK]]]
[[span class="color-value"]] 200, 100, 250 [[/span]]
[[/cell]]
[[cell]]
Anomalous Object poses a **significant danger** to the **afterlife** of any individual nearby.
[[/cell]]
[[/row]]

[[/table]]

[[include :scp-wiki:component:colend
| hide= Hide More Details About These Images
]]
[[/div]]



[[# icons-group]]
+++ Group Icon Render


An attempt the mimic the appearance and behavior of my section in \
the [[[anomaly-classification-system-guide|ACS Guide]]], \
particularly its Custom ACS Icons Image.



[[div_ class="fancy-collapse"]]
[[include :scp-wiki:component:coltop
| show= Show Group Render
| hide= Hide Group Render
]]

[[div class="original_width"]]

[[div_ class="step_container" style="text-align: center;"]]
++ [#more-icons More Icons!][[# more-icons]]
[[div_ class="step_container"]]
++ [[[chaos-arts| ]]]
+++ by [[*user ChaosMageX]]
-------
[[div_ class="icon_groups_container"]]



[[div_ class="icon_group"]]
[[div_ class="icon_title"]]
Containment Classes
[[/div]]

[[div_ class="icon_grid"]]

[[div_ class="icon_empty"]]
[[/div]]

[[div_ class="icon_cont"]]
[[div_ class="icon_image"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CC-Archon.svg ]]
[[/div]]
[[div_ class="icon_name"]]
Archon
[[/div]]
[[/div]]

[[div_ class="icon_cont"]]
[[div_ class="icon_image"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CC-FlorGalana.svg ]]
[[/div]]
[[div_ class="icon_name"]]
Flor Galana
[[/div]]
[[/div]]

[[div_ class="icon_cont"]]
[[div_ class="icon_image"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CC-Skotos.svg ]]
[[/div]]
[[div_ class="icon_name"]]
SKÓTOS
[[/div]]
[[/div]]

[!-- end icon_grid --]
[[/div]]
[!-- end icon_group --]
[[/div]]



[[div_ class="icon_group"]]
[[div_ class="icon_title"]]
Containment Subclasses
[[/div]]

[[div_ class="icon_grid"]]

[[div_ class="icon_cont"]]
[[div_ class="icon_image"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Adviso.svg ]]
[[/div]]
[[div_ class="icon_name"]]
Adviso
[[/div]]
[[/div]]

[[div_ class="icon_cont"]]
[[div_ class="icon_image"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Alterius.svg ]]
[[/div]]
[[div_ class="icon_name"]]
Alterius
[[/div]]
[[/div]]

[[div_ class="icon_cont"]]
[[div_ class="icon_image"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Doctrina.svg ]]
[[/div]]
[[div_ class="icon_name"]]
Doctrina
[[/div]]
[[/div]]

[[div_ class="icon_cont"]]
[[div_ class="icon_image"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Exsequi.svg ]]
[[/div]]
[[div_ class="icon_name"]]
Exsequi
[[/div]]
[[/div]]

[[div_ class="icon_cont"]]
[[div_ class="icon_image"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Flecto.svg ]]
[[/div]]
[[div_ class="icon_name"]]
Flecto
[[/div]]
[[/div]]

[[div_ class="icon_cont"]]
[[div_ class="icon_image"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Impetus.svg ]]
[[/div]]
[[div_ class="icon_name"]]
Impetus
[[/div]]
[[/div]]

[[div_ class="icon_cont"]]
[[div_ class="icon_image"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Numen.svg ]]
[[/div]]
[[div_ class="icon_name"]]
Numen
[[/div]]
[[/div]]

[[div_ class="icon_cont"]]
[[div_ class="icon_image"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Nuntii.svg ]]
[[/div]]
[[div_ class="icon_name"]]
Nuntii
[[/div]]
[[/div]]

[[div_ class="icon_cont"]]
[[div_ class="icon_image"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Potissimi.svg ]]
[[/div]]
[[div_ class="icon_name"]]
Potissimi
[[/div]]
[[/div]]

[[div_ class="icon_cont"]]
[[div_ class="icon_image"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-CSC-Supernus.svg ]]
[[/div]]
[[div_ class="icon_name"]]
Supernus
[[/div]]
[[/div]]

[!-- end icon_grid --]
[[/div]]
[!-- end icon_group --]
[[/div]]



[[div_ class="icon_groups_side_by_side icon_2_fifths"]]



[[div_ class="icon_group"]]
[[div_ class="icon_title"]]
Disruption Classes
[[/div]]

[[div_ class="icon_grid icon_2_fifths"]]

[[div_ class="icon_cont"]]
[[div_ class="icon_image color-dc-default"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-DC-Default.svg ]]
[[/div]]
[[div_ class="icon_name"]]
Default
[[/div]]
[[/div]]

[[div_ class="icon_cont"]]
[[div_ class="icon_image color-dc-default"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-DC-Eyeroll.svg ]]
[[/div]]
[[div_ class="icon_name"]]
Eyeroll
[[/div]]
[[/div]]

[!-- end icon_grid --]
[[/div]]
[!-- end icon_group --]
[[/div]]



[[div_ class="icon_group"]]
[[div_ class="icon_title"]]
Risk Classes
[[/div]]

[[div_ class="icon_grid icon_3_fifths"]]

[[div_ class="icon_cont"]]
[[div_ class="icon_image color-rc-unolunae"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-RC-Unolunae.svg ]]
[[/div]]
[[div_ class="icon_name"]]
Unolunae
[[/div]]
[[/div]]

[[div_ class="icon_cont"]]
[[div_ class="icon_image color-rc-duolunae"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-RC-Duolunae.svg ]]
[[/div]]
[[div_ class="icon_name"]]
Duolunae
[[/div]]
[[/div]]

[[div_ class="icon_cont"]]
[[div_ class="icon_image color-rc-trilunae"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-RC-Trilunae.svg ]]
[[/div]]
[[div_ class="icon_name"]]
Trilunae
[[/div]]
[[/div]]

[!-- end icon_grid --]
[[/div]]
[!-- end icon_group --]
[[/div]]



[!-- end icon_groups_side_by_side --]
[[/div]]



[!-- end icon_groups_container --]
[[/div]]

[!-- end step_container --]
[[/div]]
[!-- end step_container --]
[[/div]]

[!-- end original_width --]
[[/div]]

[[include :scp-wiki:component:colend
| hide= Hide Group Render
]]
[[/div]]



----



[[# icons-SCP]]
++ SCP Icons


[[div_ class="preview-panel logos-small"]]
[[div_ class="image-wrapper" data-tooltip="Heart"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-Heart.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-Heart.svg" 
  data-tooltip="Heart"]]
[[/div]]
[[div_ class="image-wrapper" data-tooltip="Heart (Arrows)"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-HeartArrows.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-HeartArrows.svg" 
  data-tooltip="Heart (Arrows)"]]
[[/div]]
[[div_ class="image-wrapper" data-tooltip="Dollar"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-Dollar.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-Dollar.svg" 
  data-tooltip="Dollar"]]
[[/div]]
[[div_ class="image-wrapper" data-tooltip="Dollar (Arrows)"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-DollarArrows.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-DollarArrows.svg" 
  data-tooltip="Dollar (Arrows)"]]
[[/div]]
[[div_ class="image-wrapper" data-tooltip="Diamond"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-Diamond.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-Diamond.svg" 
  data-tooltip="Diamond"]]
[[/div]]
[[div_ class="image-wrapper" data-tooltip="Diamond (Arrows)"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-DiamondArrows.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-DiamondArrows.svg" 
  data-tooltip="Diamond (Arrows)"]]
[[/div]]
[[div_ class="image-wrapper" data-tooltip="Fur Affinity"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-FurAffinity.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-FurAffinity.svg" 
  data-tooltip="Fur Affinity"]]
[[/div]]
[[div_ class="image-wrapper" data-tooltip="Fur Affinity (2020)"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-FurAffinity2020.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-FurAffinity2020.svg" 
  data-tooltip="Fur Affinity (2020)"]]
[[/div]]
[[div_ class="image-wrapper" data-tooltip="Twitter X"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-TwitterX.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-TwitterX.svg" 
  data-tooltip="Twitter X"]]
[[/div]]
[[div_ class="image-wrapper" data-tooltip="Twitter X (2020)"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-TwitterX2020.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-TwitterX2020.svg" 
  data-tooltip="Twitter X (2020)"]]
[[/div]]
[[div_ class="image-wrapper" data-tooltip="Threads"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-Threads.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-Threads.svg" 
  data-tooltip="Threads"]]
[[/div]]
[[div_ class="image-wrapper" data-tooltip="Threads (2020)"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-Threads2020.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-Threads2020.svg" 
  data-tooltip="Threads (2020)"]]
[[/div]]
[[/div]]



[[div_ class="fancy-collapse"]]
[[include :scp-wiki:component:coltop
| show= Show More Details About These Images
| hide= Hide More Details About These Images
]]

These are custom versions of the SCP Foundation Logo \
that are meant to be scaled down to very small small sizes, \
mainly to act as emojis and hyperlink images.

[[table class="icon-table wiki-content-table"]]
[[row]]
[[hcell class="icon-column"]] Image 1 [[/hcell]]
[[hcell class="icon-column"]] Image 2 [[/hcell]]
[[hcell class="name-column"]] Name / Link [[/hcell]]
[[hcell class="desc-column"]] Description [[/hcell]]
[[/row]]

[[row]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-Heart.svg ]]
[[/cell]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-HeartArrows.svg ]]
[[/cell]]
[[cell]]
**Ko-Fi Heart**
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-Heart.svg | LINK (Left) ]]]
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-HeartArrows.svg | LINK (Right) ]]]
[[/cell]]
[[cell]]
A small red heart SCP Logo for use with the **Ko-Fi Theme** of the Fundraiser Widget.
[[/cell]]
[[/row]]

[[row]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-Dollar.svg ]]
[[/cell]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-DollarArrows.svg ]]
[[/cell]]
[[cell]]
**Ko-Fi Dollar**
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-Dollar.svg | LINK (Left) ]]]
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-DollarArrows.svg | LINK (Right) ]]]
[[/cell]]
[[cell]]
A small green cifrão SCP Logo for use with the **Ko-Fi Theme** of the Fundraiser Widget.
[[/cell]]
[[/row]]

[[row]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-Diamond.svg ]]
[[/cell]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-DiamondArrows.svg ]]
[[/cell]]
[[cell]]
**Ko-Fi Diamond**
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-Diamond.svg | LINK (Left) ]]]
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-DiamondArrows.svg | LINK (Right) ]]]
[[/cell]]
[[cell]]
A small blue diamond SCP Logo for use with the **Ko-Fi Theme** of the Fundraiser Widget.
[[/cell]]
[[/row]]

[[row]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-FurAffinity.svg ]]
[[/cell]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-FurAffinity2020.svg ]]
[[/cell]]
[[cell]]
**Fur Affinity Link**
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-FurAffinity.svg | LINK (Left) ]]]
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-FurAffinity2020.svg | LINK (Right) ]]]
[[/cell]]
[[cell]]
A small SCP Logo styled after Fur Affinity's Logo (as of 2022) \
and the social media link icons at the top of the SCP Wiki's Navigation Sidebar, \
created to act as a visual link to web pages hosted on [[[*http://www.furaffinity.net/ ]]].
[[/cell]]
[[/row]]

[[row]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-TwitterX.svg ]]
[[/cell]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-TwitterX2020.svg ]]
[[/cell]]
[[cell]]
**Twitter "X" Link**
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-TwitterX.svg | LINK (Left) ]]]
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-TwitterX2020.svg | LINK (Right) ]]]
[[/cell]]
[[cell]]
A small SCP Logo styled after Twitter's new "X" Logo (as of July 24th, 2023) \
and the social media link icons at the top of the SCP Wiki's Navigation Sidebar, \
created to act as a visual link to web pages hosted on [[[*http://www.twitter.com/ ]]].
[[/cell]]
[[/row]]

[[row]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-Threads.svg ]]
[[/cell]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-Threads2020.svg ]]
[[/cell]]
[[cell]]
**Threads Link**
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-Threads.svg | LINK (Left) ]]]
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-Threads2020.svg | LINK (Right) ]]]
[[/cell]]
[[cell]]
A small SCP Logo styled after Meta's Threads Logo (as of July of 2023) \
and the social media link icons at the top of the SCP Wiki's Navigation Sidebar, \
created to act as a visual link to web pages hosted on [[[*http://www.threads.net/ ]]], \
Mark Zuckerberg's competitor/replacement for Twitter.
[[/cell]]
[[/row]]

[[/table]]

[[include :scp-wiki:component:colend
| hide= Hide More Details About These Images
]]
[[/div]]



----



[[# logos-SCP]]
++ SCP Logos


[[div_ class="preview-panel logos-large"]]
[[div_ class="image-wrapper" data-tooltip="Default"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-Default.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-Default.svg" 
  data-tooltip="Default"]]
[[/div]]
[[div_ class="image-wrapper" data-tooltip="Default Animated"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-Default-Anim.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-Default-Anim.svg" 
  data-tooltip="Default Animated"]]
[[/div]]
[[div_ class="image-wrapper" data-tooltip="4th of July"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-4th-of-July.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-4th-of-July.svg" 
  data-tooltip="4th of July"]]
[[/div]]
[[div_ class="image-wrapper" data-tooltip="Juneteenth"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-Juneteenth.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-Juneteenth.svg" 
  data-tooltip="Juneteenth"]]
[[/div]]
[[div_ class="image-wrapper" data-tooltip="Juneteenth Animated"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-Juneteenth-Anim.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-Juneteenth-Anim.svg" 
  data-tooltip="Juneteenth Animated"]]
[[/div]]
[[div_ class="image-wrapper" data-tooltip="Ukraine Coat of Arms"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-UkraineCoatOfArms.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-UkraineCoatOfArms.svg" 
  data-tooltip="Ukraine Coat of Arms"]]
[[/div]]
[[/div]]



[[div_ class="fancy-collapse"]]
[[include :scp-wiki:component:coltop
| show= Show More Details About These Images
| hide= Hide More Details About These Images
]]

These are custom versions of the SCP Foundation Logo. \
Some are designed for use with specific Themes and/or Departments within the Foundation. \
Others are designed to celebrate specific holidays or events. \
The rest were just made for fun and/or experimentation.

[[table class="logo-table wiki-content-table"]]
[[row]]
[[hcell class="logo-column"]] Logo [[/hcell]]
[[hcell class="name-column"]] Name / Link [[/hcell]]
[[hcell class="desc-column"]] Description [[/hcell]]
[[/row]]

[[row]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-Default.svg ]]
[[/cell]]
[[cell]]
**Default**
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-Default.svg | LINK]]]
[[/cell]]
[[cell]]
Generic SCP Foundation Logo, to be used to derive all future custom versions.
[[/cell]]
[[/row]]

[[row]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-Default-Anim.svg ]]
[[/cell]]
[[cell]]
**Default Animated**
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-Default-Anim.svg | LINK]]]
[[/cell]]
[[cell]]
Animated version of the Generic SCP Foundation Logo, with clock-like movements.
[[/cell]]
[[/row]]

[[row]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-4th-of-July.svg ]]
[[/cell]]
[[cell]]
**4th of July**
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-4th-of-July.svg | LINK]]]
[[/cell]]
[[cell]]
Festive SCP Logo for celebrating the **Independence Day** of the United States of America.
[[/cell]]
[[/row]]

[[row]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-Juneteenth.svg ]]
[[/cell]]
[[cell]]
**Juneteenth**
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-Juneteenth.svg | LINK]]]
[[/cell]]
[[cell]]
Festive SCP Logo for celebrating the **Juneteenth** holiday in the United States of America.
Juneteenth celebrates when Union Soldiers freed the last enslaved people in the U.S.A. \
on June 19th, 1865, in Galveston, Texas.
[[/cell]]
[[/row]]

[[row]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-Juneteenth-Anim.svg ]]
[[/cell]]
[[cell]]
**Juneteenth Animated**
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-Juneteenth-Anim.svg | LINK]]]
[[/cell]]
[[cell]]
Animated version of the above **Juneteenth** SCP Logo, \
with clock-like movements and the fists pumping with each tick.
[[/cell]]
[[/row]]

[[row]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-UkraineCoatOfArms.svg ]]
[[/cell]]
[[cell]]
**Ukraine Coat of Arms**
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-UkraineCoatOfArms.svg | LINK]]]
[[/cell]]
[[cell]]
Created from and styled after \
[[[*https://en.wikipedia.org/wiki/Coat_of_arms_of_Ukraine | Ukraine's Coat of Arms]]] \
to celebrate Ukraine's Independence Day, the anniversary of it leaving the USSR.

Also created to stand in solidarity with Ukraine against the hostile Russian invasion \
orchestrated by Vladimir Putin, which started exactly 6 months before Ukraine's Independence Day. \
That can't be a coincidence.
[[/cell]]
[[/row]]

[[/table]]

[[include :scp-wiki:component:colend
| hide= Hide More Details About These Images
]]
[[/div]]



----



[[# logos-Therian]]
++ SCP Therianthropy Department Logos


[[div_ class="preview-panel logos-large"]]
[[div_ class="image-wrapper" data-tooltip="Default (Dark)"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianDark.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianDark.svg" 
  data-tooltip="Default (Dark)"]]
[[/div]]
[[div_ class="image-wrapper" data-tooltip="Default (Light)"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianLight.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianLight.svg" 
  data-tooltip="Default (Light)"]]
[[/div]]
[[div_ class="image-wrapper" data-tooltip="Animated (Dark)"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianDark-Anim.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianDark-Anim.svg" 
  data-tooltip="Animated (Dark)"]]
[[/div]]
[[div_ class="image-wrapper" data-tooltip="Animated (Light)"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianLight-Anim.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianLight-Anim.svg" 
  data-tooltip="Animated (Light)"]]
[[/div]]
[[div_ class="image-wrapper" data-tooltip="Eclipse (Dark)"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianDark-Eclipse.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianDark-Eclipse.svg" 
  data-tooltip="Eclipse (Dark)"]]
[[/div]]
[[div_ class="image-wrapper" data-tooltip="Eclipse (Light)"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianLight-Eclipse.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianLight-Eclipse.svg" 
  data-tooltip="Eclipse (Light)"]]
[[/div]]
[[div_ class="image-wrapper" data-tooltip="Pride (Dark)"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianDark-Pride.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianDark-Pride.svg" 
  data-tooltip="Pride (Dark)"]]
[[/div]]
[[div_ class="image-wrapper" data-tooltip="Pride (Light)"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianLight-Pride.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianLight-Pride.svg" 
  data-tooltip="Pride (Light)"]]
[[/div]]
[[div_ class="image-wrapper" data-tooltip="Pride Animated (Dark)"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianDark-PrideAnim.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianDark-PrideAnim.svg" 
  data-tooltip="Pride Animated (Dark)"]]
[[/div]]
[[div_ class="image-wrapper" data-tooltip="Pride Animated (Light)"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianLight-PrideAnim.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianLight-PrideAnim.svg" 
  data-tooltip="Pride Animated (Light)"]]
[[/div]]
[[div_ class="image-wrapper" data-tooltip="Juneteenth (Dark)"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianDark-Juneteenth.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianDark-Juneteenth.svg" 
  data-tooltip="Juneteenth (Dark)"]]
[[/div]]
[[div_ class="image-wrapper" data-tooltip="Juneteenth (Light)"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianLight-Juneteenth.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianLight-Juneteenth.svg" 
  data-tooltip="Juneteenth (Light)"]]
[[/div]]
[[div_ class="image-wrapper" data-tooltip="Ukraine (Dark)"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianDark-Ukraine.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianDark-Ukraine.svg" 
  data-tooltip="Ukraine (Dark)"]]
[[/div]]
[[div_ class="image-wrapper" data-tooltip="Ukraine (Light)"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianDark-Ukraine.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianDark-Ukraine.svg" 
  data-tooltip="Ukraine (Light)"]]
[[/div]]
[[/div]]



[[div_ class="fancy-collapse"]]
[[include :scp-wiki:component:coltop
| show= Show More Details About These Images
| hide= Hide More Details About These Images
]]

The various versions of the logo for the SCP Foundation's Therianthropy Department.
Originally, this was only going to be a single logo to go in the above table, \
but it ended up growing far beyond that as I created many versions for different memes, \
so I decided to create a dedicated table for all the current and future versions.

[[table class="logo-table wiki-content-table"]]
[[row]]
[[hcell class="logo-column"]] Logo (Dark) [[/hcell]]
[[hcell class="logo-column"]] Logo (Light) [[/hcell]]
[[hcell class="name-column"]] Name / Link [[/hcell]]
[[hcell class="desc-column"]] Description [[/hcell]]
[[/row]]

[[row]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianDark.svg ]]
[[/cell]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianLight.svg ]]
[[/cell]]
[[cell]]
**Default**
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianDark.svg | LINK (Dark) ]]]
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianLight.svg | LINK (Light) ]]]
[[/cell]]
[[cell]]
The SCP Foundation Therianthropy Department Logo, \
in its simplest form, for both light and dark themes/backgrounds.
[[/cell]]
[[/row]]

[[row]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianDark-Anim.svg ]]
[[/cell]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianLight-Anim.svg ]]
[[/cell]]
[[cell]]
**Default Animated**
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianDark-Anim.svg | LINK (Dark) ]]]
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianLight-Anim.svg | LINK (Light) ]]]
[[/cell]]
[[cell]]
Animated version of the SCP Foundation Therianthropy Department Logo, \
with clock-like movements and a lunar eclipse animation to symbolize change.
[[/cell]]
[[/row]]

[[row]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianDark-Eclipse.svg ]]
[[/cell]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianLight-Eclipse.svg ]]
[[/cell]]
[[cell]]
**Eclipse**
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianDark-Eclipse.svg | LINK (Dark) ]]]
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianLight-Eclipse.svg | LINK (Light) ]]]
[[/cell]]
[[cell]]
A version of SCP Foundation Therianthropy Department Logo with a static partial lunar eclipse shading, \
created to symbolize change without being animated.
[[/cell]]
[[/row]]

[[row]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianDark-Pride.svg ]]
[[/cell]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianLight-Pride.svg ]]
[[/cell]]
[[cell]]
**Pride**
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianDark-Pride.svg | LINK (Dark) ]]]
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianLight-Pride.svg | LINK (Light) ]]]
[[/cell]]
[[cell]]
A version of SCP Foundation Therianthropy Department Logo with a rainbow lunar eclipse shading, \
created for Pride Month and to stand in solidarity with the LGBTQIA+ Community.
[[/cell]]
[[/row]]

[[row]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianDark-PrideAnim.svg ]]
[[/cell]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianLight-PrideAnim.svg ]]
[[/cell]]
[[cell]]
**Pride Animated**
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianDark-PrideAnim.svg | LINK (Dark) ]]]
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianLight-PrideAnim.svg | LINK (Light) ]]]
[[/cell]]
[[cell]]
Animated version of the SCP Foundation Therianthropy Department Logo, \
with clock-like movements and an animated rainbow lunar eclipse, \
created for Pride Month and to stand in solidarity with the LGBTQIA+ Community.
[[/cell]]
[[/row]]

[[row]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianDark-Juneteenth.svg ]]
[[/cell]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianLight-Juneteenth.svg ]]
[[/cell]]
[[cell]]
**Juneteenth**
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianDark-Juneteenth.svg | LINK (Dark) ]]]
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianLight-Juneteenth.svg | LINK (Light) ]]]
[[/cell]]
[[cell]]
A version of SCP Foundation Therianthropy Department Logo with red/black/green lunar eclipse shading, \
created to stand in solidarity with the African American Community and \
celebrate the Juneteenth US Holiday celebrating the freeing of the last slaves in the US, \
in Galveston, Texas on June 19th, 1865.
[[/cell]]
[[/row]]

[[row]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianDark-Ukraine.svg ]]
[[/cell]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianLight-Ukraine.svg ]]
[[/cell]]
[[cell]]
**Ukraine**
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianDark-Ukraine.svg | LINK (Dark) ]]]
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianLight-Ukraine.svg | LINK (Light) ]]]
[[/cell]]
[[cell]]
A version of SCP Foundation Therianthropy Department Logo \
with blue & yellow lunar eclipse shading, created to stand in solidarity with Ukraine \
against the hostile Russian invasion orchestrated by Vladimir Putin.
[[/cell]]
[[/row]]

[[/table]]

[[include :scp-wiki:component:colend
| hide= Hide More Details About These Images
]]
[[/div]]



----



[[# clip-art]]
++ Clip Art


[[div_ class="preview-panel clipart-images"]]
[[div_ class="image-wrapper" data-tooltip="Raised Fist (Left)"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/clipArt-FistLeft.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/clipArt-FistLeft.svg" 
  data-tooltip="Raised Fist (Left)"]]
[[/div]]
[[div_ class="image-wrapper" data-tooltip="Raised Fist (Right)"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/clipArt-FistRight.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/clipArt-FistRight.svg" 
  data-tooltip="Raised Fist (Right)"]]
[[/div]]
[[div_ class="image-wrapper" data-tooltip="Paw Print 1"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/clipArt-PawPrint1.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/clipArt-PawPrint1.svg" 
  data-tooltip="Paw Print 1"]]
[[/div]]
[[div_ class="image-wrapper" data-tooltip="Paw Print 2"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/clipArt-PawPrint2.svg 
  link="http://scp-wiki.wikidot.com/local--files/chaos-arts/clipArt-PawPrint2.svg" 
  data-tooltip="Paw Print 2"]]
[[/div]]
[[/div]]



[[div_ class="fancy-collapse"]]
[[include :scp-wiki:component:coltop
| show= Show More Details About These Images
| hide= Hide More Details About These Images
]]

These are custom vectors created for various purposes, \
usually as part of a custom icon or logo, and have been extracted as separate SVG files \
to make it easier for others to use them in their own derivative works.

[[table class="icon-table wiki-content-table"]]
[[row]]
[[hcell class="icon-column"]] Image 1 [[/hcell]]
[[hcell class="icon-column"]] Image 2 [[/hcell]]
[[hcell class="name-column"]] Name / Link [[/hcell]]
[[hcell class="desc-column"]] Description [[/hcell]]
[[/row]]

[[row]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/clipArt-FistLeft.svg ]]
[[/cell]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/clipArt-FistRight.svg ]]
[[/cell]]
[[cell]]
**Raised Fist**
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/clipArt-FistLeft.svg | LINK (Left) ]]]
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/clipArt-FistRight.svg | LINK (Right) ]]]
[[/cell]]
[[cell]]
Simple silhouette of a raised fist, extracted from the **Juneteenth SCP Logo**.
[[/cell]]
[[/row]]

[[row]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/clipArt-PawPrint1.svg ]]
[[/cell]]
[[cell class="image-cell"]]
[[image http://scp-wiki.wikidot.com/local--files/chaos-arts/clipArt-PawPrint2.svg ]]
[[/cell]]
[[cell]]
**Paw Print**
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/clipArt-PawPrint1.svg | LINK (Left) ]]]
[[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/clipArt-PawPrint2.svg | LINK (Right) ]]]
[[/cell]]
[[cell]]
Simple silhouette of a paw print with claws, extracted from the **SCP Fur Affinity Link Icon**.
[[/cell]]
[[/row]]

[[/table]]

[[include :scp-wiki:component:colend
| hide= Hide More Details About These Images
]]
[[/div]]



----



[[# art-raster]]
[!-- + Raster (PNG) Art ]

WILL GO HERE ONCE I'VE DRAWN SOME...



---- [!-- --]



[[# ext-links]]
+ External Website Links

Links to my accounts on other websites, where I've created Artwork, Code, \
and other Creative Works unrelated to the SCP Wiki.

[[ul]]

[[li]] [[image 
https://scp-wiki.wdfiles.com/local--files/nav:side/social-deviantart.png title="DeviantArt" 
link="https://www.deviantart.com/chaosmagex" 
alt="Deviant Art Link Icon" style="width: 27px;" ]] - [[image 
https://scp-wiki.wdfiles.com/local--files/nav:side/icon-DeviantArt-2020.png title="DeviantArt" 
link="https://www.deviantart.com/chaosmagex" 
alt="Deviant Art Link Icon" style="width: 30px;" ]] - \
[[[*https://www.deviantart.com/chaosmagex | DeviantArt]]] [[/li]]

[[li]] [[image 
http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-FurAffinity.svg title="FurAffinity" 
link="https://www.furaffinity.net/user/chaosmagex" 
alt="Fur Affinity Link Icon" style="width: 27px;" ]] - [[image 
http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-FurAffinity2020.svg title="FurAffinity" 
link="https://www.furaffinity.net/user/chaosmagex" 
alt="Fur Affinity Link Icon" style="width: 30px;" ]] - \
[[[*https://www.furaffinity.net/user/chaosmagex | FurAffinity]]] [[/li]]

[[li]] [[image 
http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-TwitterX.svg title="Twitter" 
link="https://twitter.com/ChaosAlchemistX" 
alt="Twitter Link Icon" style="width: 27px;" ]] - [[image 
http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-TwitterX2020.svg title="Twitter" 
link="https://twitter.com/ChaosAlchemistX" 
alt="Twitter Link Icon" style="width: 30px;" ]] - \
[[[*https://twitter.com/ChaosAlchemistX | Twitter]]] [[/li]]

[[li]] [[image 
https://scp-wiki.wdfiles.com/local--files/nav:side/social-tumblr.png title="Tumblr" 
link="https://chaosmagex.tumblr.com/" 
alt="Tumbler Link Icon" style="width: 27px;" ]] - [[image 
https://scp-wiki.wdfiles.com/local--files/nav:side/icon-Tumblr-2020.png title="Tumblr" 
link="https://chaosmagex.tumblr.com/" 
alt="Tumbler Link Icon" style="width: 30px;" ]] - \
[[[*https://chaosmagex.tumblr.com/ | Tumblr]]] [[/li]]

[[li]] [[image 
http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-Threads.svg title="Threads" 
link="https://www.threads.net/@chaosmagexerxes" 
alt="Threads Link Icon" style="width: 27px;" ]] - [[image 
http://scp-wiki.wikidot.com/local--files/chaos-arts/icon-SCP-Threads2020.svg title="Threads" 
link="https://www.threads.net/@chaosmagexerxes" 
alt="Threads Link Icon" style="width: 30px;" ]] - \
[[[*https://www.threads.net/@chaosmagexerxes | Threads]]] [[/li]]

[[li]] [[image 
https://scp-wiki.wdfiles.com/local--files/nav:side/social-instagram.png title="Instagram" 
link="https://www.instagram.com/chaosmagexerxes/" 
alt="Instagram Link Icon" style="width: 27px;" ]] - [[image 
https://scp-wiki.wdfiles.com/local--files/nav:side/icon-Instagram-2020.png title="Instagram" 
link="https://www.instagram.com/chaosmagexerxes/" 
alt="Instagram Link Icon" style="width: 30px;" ]] - \
[[[*https://www.instagram.com/chaosmagexerxes/ | Instagram]]] [[/li]]

[[/ul]]



----



[[# donate]]
[[div style="display: none;"]]
+ Donations Link

Please consider donating to my GoFundMe to help me buy a new refrigerator \
for my personal food storage, as well as perishable food to store in it. \
My family only pays for one of my three daily meals, my dinner, \
while breakfast & lunch are up to me to pay for.

[[include :scp-wiki:component:fundraiser-widget amt=615
|goal=1000
|shape=BHL
|theme=gofundme
|title= Help me Buy my Meds, Food, & a New Fridge
|main_url= https://www.gofundme.com/f/help-me-buy-my-meds-food-a-new-fridge
|image_url= http://scp-wiki.wikidot.com/local--files/chaos-arts/MiniFridgeGoFundMe.png
|donate_url= https://www.gofundme.com/f/help-me-buy-my-meds-food-a-new-fridge/donate
|logo_text= gofundme
|description= Please consider donating to my GoFundMe to help me pay for more food and a new fridge to put it in. My mini-fridge recently broke, and I'm in the process of replacing it. I still need a little more money to buy the fridge & more perishable food to put in it. Food would definitely help give me the energy I need to create more artwork and other creative works for the SCP Wiki.
]]

**DISCLAIMER** (last updated July 18th, 2021)
As required by the [[[donations-policy|SCP Wiki Official Donations Policy]]].
* You will be charged **immediately**, but only **one time**, for the amount you pledge towards this GoFundMe campaign, for those not familiar with how GoFundMe works.
* You will **not receive anything specific in return** for your donation, no matter how much you donate.
* However, I do sometimes pay kindness and generosity forward, and **I might make gifts** for some donators, **but I don't make commitments** and will only make gifts if I can find the time to do so. A donation doesn't count as payment for an art commission.
* Ultimately, you are **NOT** guaranteed anything in return for donating. I hope I've been clear on that.



----
[[/div]]



[[include :scp-wiki:component:license-box]]
=====
> **Name:** Logo: SCP Foundation: Ukraine Coat of Arms
> **Author:** ChaosMageX
> **License:** CC BY-SA 3.0
> **Source Link:** [[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-UkraineCoatOfArms.svg | Logo-SCP-UkraineCoatOfArms.svg]]]
> **Derivative of:**
> [[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-Default.svg | SCP Foundation: Logo: Default]]] by ChaosMageX, available on this page.
> [[[*https://commons.wikimedia.org/wiki/File:Lesser_Coat_of_Arms_of_Ukraine.svg | Lesser Coat of Arms of Ukraine]]] by Alex Khristov and Wasyl Krytschewskyj, available on Wikimedia Commons.
=====
> **Name:** All of the SCP Therianthropy Department Logos
> **Author:** ChaosMageX
> **License:** CC BY-SA 3.0
> **Source Link:** [[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-TherianDark.svg | Logo-SCP-TherianDark.svg]]]
> **Derivative of:**
> [[[*http://scp-wiki.wikidot.com/local--files/chaos-arts/Logo-SCP-Default.svg | SCP Foundation: Logo: Default]]] by ChaosMageX, available on this page.
> [[[*https://commons.wikimedia.org/wiki/File:Weather_icon_-_full_moon.svg | Weather icon - full moon]]] by gnokii, available on Wikimedia Commons.
=====
> **Name:** All other images on this page
> **Author:** ChaosMageX
> **License:** CC BY-SA 3.0
> **Source Link:** [[[https://scp-wiki.wikidot.com/chaos-arts]]]
=====
[[include :scp-wiki:component:license-box-end]]