.tf-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em;
    line-height: 1;
}

.tf-icon::before {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
    line-height: 1;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.tf-icon-save::before { content: "\f0c7"; }
.tf-icon-edit::before { content: "\f044"; }
.tf-icon-delete::before { content: "\f2ed"; }
.tf-icon-plane::before { content: "\f072"; }
.tf-icon-ship::before { content: "\f21a"; }
.tf-icon-car::before { content: "\f1b9"; }
.tf-icon-train::before { content: "\f238"; }
.tf-icon-motorcycle::before { content: "\f21c"; }
.tf-icon-bicycle::before { content: "\f206"; }
.tf-icon-bus::before { content: "\f207"; }
.tf-icon-share::before { content: "\f064"; }