Material Design Send And Archive Icon

Send And Archive Icon is given below. You can use this icon on the same way in your project. First make sure you have added Material Icon library. If this library is added just add the HTML css class send_and_archive to any element to add the icon. Material Design Send And Archive Icon can be resized as per your need. You can manage size of icon(send_and_archive) by using font-size css style.

You can get steps to add HTML icon Send And Archive in Web, Vuetify, Material UI, Material Design and Angular Material framwork.

How to add Material Design Send And Archive Icon ?

Material Icon send_and_archive Icon can be added to any web page simply as below.

Send And Archive

send_and_archive

1. Web

You can integrate Icon in web pages by just adding following below syntax & icon code.

thumb_up

Icon -
<span class="material-icons">send_and_archive</span>
Icon Code -
send_and_archive


thumb_up

Send And Archive

send_and_archive

Icon

<span class='material-icons-outlined'>send_and_archive</span>

Code

send_and_archive

Send And Archive

send_and_archive

Icon

<span class='material-icons'>send_and_archive</span>

Code

send_and_archive

Send And Archive

send_and_archive

Icon

<span class='material-icons-round'>send_and_archive</span>

Code

send_and_archive

Send And Archive

send_and_archive

Icon

<span class='material-icons-sharp'>send_and_archive</span>

Code

send_and_archive

Send And Archive

send_and_archive

Icon

<span class='material-icons-two-tone'>send_and_archive</span>

Code

send_and_archive

2. Vuetify Icon Send And Archive

You can add icon in vuetify(VueJS) material design framework just as below-

thumb_up

<v-icon>send_and_archive</v-icon>

3. Material Ui Icon Send And Archive - React

You can add icon in MaterialUi react framework just as below-

thumb_up

import SendAndArchiveIcon from '@mui/icons-material/SendAndArchive'

3. Angular Material Icon Send And Archive - mat-icon

You can add mat icon Angular Material in Angular Material framework by just adding below code-

thumb_up

<mat-icon>send_and_archive</mat-icon>

Tags

archive, arrow, down, download, email, letter, mail, save, send, share

send_and_archive

send_and_archive

send_and_archive

send_and_archive


Material Icon Send And Archive Icon | send_and_archive | HTML, CSS

Adding Material Icon icon HTML Send And Archive(send_and_archive) in web project is very simple. You need to add the icon class along with material-icons, it is basically main class and mandatory for icons so do not forget to add this class. You can customize Material Icon Send And Archive Icon Send And Archive as per your requirement, suppose that you need to chnage the color of Send And Archive icon or change the size of size. It is pretty simple to change color of icon Send And Archive just add style="color:red" it will make font color red. On the same way you can change size of Send And Archive icon by just adding style="font-size:50px;". Smililarly you can add border color, shadow and other font styles to Send And Archive. Hope this icon fullfilled your need. Thanks for visiting us.

Change Material Icon Icon Send And Archive Color

Sometimes we need icons in different color, as we suggested by adding css style we can change color. Here we have created one example to change color of icons with css classes.


    <style>
.blue-color {
color:blue;
}
.green-color {
color:green;
}
.teal-color {
color:teal;
}
.yellow-color {
color:yellow;
}
.red-color {
color:red;
}
</style>
<span class="material-icons blue-color"> send_and_archive</span>
<span class="material-icons green-color">send_and_archive </span>
<span class="material-icons teal-color"> send_and_archive</span>
<span class="material-icons yellow-color">send_and_archive </span>
<span class="material-icons red-color">send_and_archive </span>

Output of the above example will be as below-

send_and_archive send_and_archive send_and_archive send_and_archive send_and_archive
Note- Make Sure You have included the below Material Design file in header-

        <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    

Advertisements



send_and_archive- Faq(s)?

⭐What is the Material Design Send And Archive Icon code?

Icon Code is - send_and_archive.

⭐ What is Vuetify Send And Archive Icon code?

Vuetify Send And Archive Icon code is: send_and_archive

⭐What is Material UI Send And Archive Icon (React) code?

import send_and_archiveIcon from '@mui/icons-material/send_and_archive

⭐ What is Angular Material Send And Archive Icon code?

Send And Archive.

Advertisements



For More Icons?