Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

"home" icon #671

Open
MightyPork opened this issue Feb 28, 2021 · 1 comment
Open

"home" icon #671

MightyPork opened this issue Feb 28, 2021 · 1 comment

Comments

@MightyPork
Copy link

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;
  }
}
@Final9800
Copy link

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;
  }
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants