Social Media Icons

Status
Not open for further replies.

Kristopher

Photographer
Dec 25, 2010
803
68
Anyone have some small Social Feed icons? I'm looking for something close to this but smaller for a upcoming Music artist website. Thanks!

 

griimnak

You're a slave to the money then you die
Jul 20, 2013
957
800
y71U9f4BQNOynjSbkT156A.png


Sketched this up for ya, you can adjust everything to your liking.
oRJWk2qoRc22IqR7vdlmIw.png

HTML:
<!DOCTYPE html>
<html lang="en">
<head>
  <link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet">

  <style>
    body {
      padding: 20px;
    }

    .bubble {
      /* ADJUST CIRCLE SIZE*/
      width: 42px;
      height: 42px;

      /* ADJUST CIRCLE COLOR HERE */
      background: #000;
      background-color: #000;

      /* ADJUST FONTAWESOME ICON SIZE AND COLOR HERE */
      color: white;
      font-size: 22px;


      -moz-border-radius: 50px;
      -webkit-border-radius: 50px;
      border-radius: 50px;
      box-shadow: 1px 1px 1px black; /* remove this if you don't like it */
      min-width: 14px;
      padding: 4px 3px 0 3px;
      text-align: center;
      margin-bottom: 12px;
    }

    .bubble i {
      padding-top: 9px;
    }

  </style>
</head>
<body>
  <!--
  ICONS HERE: https://fontawesome.com/icons
  -->
  <div class="bubble">
    <i class="fab fa-twitter"></i>
  </div>

  <div class="bubble">
    <i class="fab fa-android"></i>
  </div>
</body>
</html>

let me know if it did you well, and thanks for stealing my real name :(
 
Last edited:

Kristopher

Photographer
Dec 25, 2010
803
68
y71U9f4BQNOynjSbkT156A.png


Sketched this up for ya, you can adjust everything to your liking.
oRJWk2qoRc22IqR7vdlmIw.png

HTML:
<!DOCTYPE html>
<html lang="en">
<head>
  <link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet">

  <style>
    body {
      padding: 20px;
    }

    .bubble {
      /* ADJUST CIRCLE SIZE*/
      width: 42px;
      height: 42px;

      /* ADJUST CIRCLE COLOR HERE */
      background: #000;
      background-color: #000;

      /* ADJUST FONTAWESOME ICON SIZE AND COLOR HERE */
      color: white;
      font-size: 22px;


      -moz-border-radius: 50px;
      -webkit-border-radius: 50px;
      border-radius: 50px;
      box-shadow: 1px 1px 1px black; /* remove this if you don't like it */
      min-width: 14px;
      padding: 4px 3px 0 3px;
      text-align: center;
      margin-bottom: 12px;
    }

    .bubble i {
      padding-top: 9px;
    }

  </style>
</head>
<body>
  <!--
  ICONS HERE: https://fontawesome.com/icons
  -->
  <div class="bubble">
    <i class="fab fa-twitter"></i>
  </div>

  <div class="bubble">
    <i class="fab fa-android"></i>
  </div>
</body>
</html>

let me know if it did you well, and thanks for stealing my real name :(
Thanks! Saved me some time. I got some years on this account however if you would like it I could switch via sub if you gift me sub as I’m barley on db just come to see how it’s coming along and you can have the name only offering because you helped :)
 

MayoMayn

BestDev
Oct 18, 2016
1,423
683
Thanks! Saved me some time. I got some years on this account however if you would like it I could switch via sub if you gift me sub as I’m barley on db just come to see how it’s coming along and you can have the name only offering because you helped :)
That's the nicest thing someone has ever done on this forum PogChamp
 
Status
Not open for further replies.

Users who are viewing this thread

Top