How to make an image posted using css look like an icon


About this article

Post as a memorandum how to make the posted image look like an icon on Twitter or Instagram!

[environment] ・ Ruby 2.6.5, Rails 6.0.0 ・ MacOS

You can easily implement it by adding the following description in the style.css file.

.name of the class{
  width: ○px;
  height: ○px;
  border-radius: 50%;
}

In addition, if you want to add a border to the icon and border it, add the following.

border:△ px solid color code (#00ffff etc.);

There are various other ways to make it look like an icon, but for beginners to implement it quickly This method is recommended!

Recommended Posts

How to make an image posted using css look like an icon
How to make an image partially transparent in Processing
How to make an oleore generator using swagger codegen
How to make an app using Tensorflow with Android Studio
How to implement image posting using rails
How to make asynchronous pagenations using Kaminari
[Swift] How to set an image in the background without using UIImageView.
How to set an image in the drawable Left / Right of a button using an icon font (Iconics)
How to make Spring Boot Docker Image smaller
How to make an crazy Android music player
How to make an almost static page with rails
Refactor Fat Controller to make it look like DDD
How to make shaded-jar
[Rails 6] How to set a background image in Rails [CSS]
[Rails] How to display an image in the view
Add an icon to the header link using Rails fontawesome
[2020 version] How to send an email using Android Studio Javamail
What is an immutable object? [Explanation of how to make]
How to create an application
Java --How to make JTable
How to handle an instance
[Rails] How to make seed
How to authorize using graphql-ruby
How to make a hinadan for a Spring Boot project using SPRING INITIALIZR
How to publish an application using AWS (3) EC2 instance environment construction
I tried to make it an arbitrary URL using routing nesting
How to implement UI automated test using image comparison in Selenium
How to make a groundbreaking diamond using Java for statement wwww
How to make a Java container
How to make a JDBC driver
How to insert an external library
How to make a splash screen
How to make a Jenkins plugin
How to make a Maven project
How to make a Java array
[Android] How to make Dialog Fragment
How to distinguish ubuntu cloud image
How to build CloudStack using Docker
How to build an environment for any version of Ruby using rbenv
How to make an app with a plugin mechanism [C # and Java]