spectre icon indicating copy to clipboard operation
spectre copied to clipboard

"home" icon

Open MightyPork opened this issue 3 years ago • 1 comments

One important icon that is missing is "home".

I experimented a bit and couldn't get the obvious "triangle on a box" to look right, but then I tried going more minimalist and got this:

Screenshot_20210228_231059

If you want it, feel free to use the code:

.icon-home {
  &::before {
    border: $icon-border-width solid currentColor;
    border-bottom: 0;
    border-right: 0;
    transform: translate(-50%, -40%) rotate(45deg);
    width: .8em;
    height: .8em;
  }

  &::after {
    transform: translate(-50%, -50%);
    border-bottom: $icon-border-width solid currentColor;
    height: 1em;
    width: .8em;
  }
}

MightyPork avatar Feb 28 '21 22:02 MightyPork

I had created a home Icon "triangle on a box". The PR had been made #677. In either way, I'm not sure if it is the home icon that you would expect. As for the maintainer for this is repo seems to be inactive you could use the code below. I am using your code as a reference and modify as the output icon

Icon View: image

//Icon home
.icon-home {
  &::before {
    border: $icon-border-width solid currentColor;
    border-bottom: 0;
    border-right: 0;
    transform: translate(-50%, -40%) rotate(45deg);
    width: .8em;
    height: .8em;
  }

  &::after {
    transform: translate(-50%, -10%);
    border-bottom: $icon-border-width solid currentColor;
    border-right: $icon-border-width solid currentColor;
    border-left: $icon-border-width solid currentColor;
    height: .6em;
    width: .8em;
  }
}

Final9800 avatar May 13 '21 13:05 Final9800