CRUD Icons
Create, Read, Update, and Delete Icons for UI elements.
These icons are CRUDdy, or is it cruddy?
Example
<i class="fak fa-add-circle"></i>Typical Usage
The following are some examples of how we typically
| Title | Actions |
|---|---|
| Sed do eiusmod tempor incididunt | Show Edit Delete |
Preferred CRUD Icons
The following icons are approved by our design team for general usage. More icons can be found at Font Awesome v6. You have all the Font Awesome v6 icons available, but the use of some of them is discouraged.
Add or Create
fak fa-add-circle
Copy HTML
Copy CSS
Delete or Remove
fak fa-delete-circle
Copy HTML
Copy CSS
Edit or Update
fa-solid fa-edit
Copy HTML
Copy CSS
View or Show
fa-solid fa-circle-chevron-right
Copy HTML
Copy CSS
Add or Create
<i class="fak fa-add-circle"></i>
fak fa-add-circle
Our preferred icon for adding a new record in CRUD style operations.
Examples
Example
Example
Example
duotone
duotone
duotone
solid
solid
solid
regular
regular
regular
Search Terms: add create new plus expand circle solid
Categories: admin, UI, popular, CRUD, CRUD-preferred
Delete or Remove
<i class="fak fa-delete-circle"></i>
fak fa-delete-circle
Our preferred icon for deleting a record in CRUD style operations.
Examples
Example
Example
Example
duotone
duotone
duotone
solid
solid
solid
regular
regular
regular
Search Terms: delete remove end contract collapse destroy minus solid
Categories: admin, UI, popular, CRUD, CRUD-preferred
Edit or Update
<i class="fa-solid fa-edit"></i>
fa-solid fa-edit
Our preferred icon for editing an existing record in CRUD style operations.
Examples
Example
Example
Example
duotone
duotone
duotone
solid
solid
solid
regular
regular
regular
Search Terms: edit pencil update modify
Categories: admin, UI, popular, CRUD, CRUD-preferred
View or Show
<i class="fa-solid fa-circle-chevron-right"></i>
fa-solid fa-circle-chevron-right
Our preferred icon for displaying an existing record in CRUD style operations.
Examples
Example
Example
Example
duotone
duotone
duotone
solid
solid
solid
regular
regular
regular
Search Terms: read show view display visit select go
Categories: admin, UI, popular, CRUD, CRUD-preferred
Alternative CRUD Icons
Alternative for Add
fak fa-add-hexagon
Copy HTML
Copy CSS
Alternative for Add
fak fa-add-octagon
Copy HTML
Copy CSS
Alternative for Add
fak fa-add-square
Copy HTML
Copy CSS
Alternative for Add
fak fa-add
Copy HTML
Copy CSS
Alternative for Delete
fak fa-delete-hexagon
Copy HTML
Copy CSS
Alternative for Delete
fak fa-delete-octagon
Copy HTML
Copy CSS
Alternative for Delete
fak fa-delete-square
Copy HTML
Copy CSS
Alternative for Delete
fak fa-delete
Copy HTML
Copy CSS
Alternative for View
fa-solid fa-square-chevron-right
Copy HTML
Copy CSS
Alternative for Add
<i class="fak fa-add-hexagon"></i>
fak fa-add-hexagon
An alternative icon for adding a new record in CRUD style operations. We recommend using the preferred icon `fa-add-circle`.
Examples
Example
Example
Example
duotone
duotone
duotone
solid
solid
solid
regular
regular
regular
Search Terms: add create new plus expand solid
Categories: admin, UI, CRUD-alt, popular-alt
Alternative for Add
<i class="fak fa-add-octagon"></i>
fak fa-add-octagon
An alternative icon for adding a new record in CRUD style operations. We recommend using the preferred icon `fa-add-circle`.
Examples
Example
Example
Example
duotone
duotone
duotone
solid
solid
solid
regular
regular
regular
Search Terms: add create new plus expand solid
Categories: admin, UI, CRUD-alt, popular-alt
Alternative for Add
<i class="fak fa-add-square"></i>
fak fa-add-square
An alternative icon for adding a new record in CRUD style operations. We recommend using the preferred icon `fa-add-circle`.
Examples
Example
Example
Example
duotone
duotone
duotone
solid
solid
solid
regular
regular
regular
Search Terms: add create new plus expand solid
Categories: admin, UI, CRUD-alt, popular-alt
Alternative for Add
<i class="fak fa-add"></i>
fak fa-add
An alternative icon for adding a new record in CRUD style operations. We recommend using the preferred icon `fa-add-circle`.
Examples
Example
Example
Example
duotone
duotone
duotone
solid
solid
solid
regular
regular
regular
Search Terms: add create new plus expand solid
Categories: admin, UI, CRUD-alt, popular-alt
Alternative for Delete
<i class="fak fa-delete-hexagon"></i>
fak fa-delete-hexagon
An alternative icon for deleting a record in CRUD style operations. We recommend using the preferred icon `fa-delete-circle`.
Examples
Example
Example
Example
duotone
duotone
duotone
solid
solid
solid
regular
regular
regular
Search Terms: delete remove end contract collapse destroy minus solid
Categories: admin, UI, CRUD-alt, popular-alt
Alternative for Delete
<i class="fak fa-delete-octagon"></i>
fak fa-delete-octagon
An alternative icon for deleting a record in CRUD style operations. We recommend using the preferred icon `fa-delete-circle`.
Examples
Example
Example
Example
duotone
duotone
duotone
solid
solid
solid
regular
regular
regular
Search Terms: delete remove end contract collapse destroy minus solid
Categories: admin, UI, CRUD-alt, popular-alt
Alternative for Delete
<i class="fak fa-delete-square"></i>
fak fa-delete-square
An alternative icon for deleting a record in CRUD style operations. We recommend using the preferred icon `fa-delete-circle`.
Examples
Example
Example
Example
duotone
duotone
duotone
solid
solid
solid
regular
regular
regular
Search Terms: delete remove end contract collapse destroy minus solid
Categories: admin, UI, CRUD-alt, popular-alt
Alternative for Delete
<i class="fak fa-delete"></i>
fak fa-delete
An alternative icon for deleting a record in CRUD style operations. We recommend using the preferred icon `fa-delete-circle`.
Examples
Example
Example
Example
duotone
duotone
duotone
solid
solid
solid
regular
regular
regular
Search Terms: delete remove end contract collapse destroy minus solid
Categories: admin, UI, CRUD-alt, popular-alt
Alternative for View
<i class="fa-solid fa-square-chevron-right"></i>
fa-solid fa-square-chevron-right
An alternative icon for displaying a record in CRUD style operations. We recommend using the preferred icon `fa-circle-chevron-right`.
Examples
Example
Example
Example
duotone
duotone
duotone
solid
solid
solid
regular
regular
regular
Search Terms: read show view display visit select go
Categories: admin, UI, CRUD-alt, popular-alt