Patricia theme.
Code categories I provided below.
<!-- BIG RIGHT COLUMN - MAIN COLUMN -->
<div id="main-new">
<?php osc_goto_first_category(); ?>
<?php $search_params = patricia_search_params(); ?>
<?php $search_params['sPriceMin'] = ''; ?>
<?php $search_params['sPriceMax'] = ''; ?>
<div id="home-cat">
<ul class="top">
<?php $i = 1; ?>
<?php $category_icons = array(1 => 'fa-gavel', 2 => 'fa-car', 3 => 'fa-book', 4 => 'fa-home', 5 => 'fa-wrench', 6 => 'fa-music', 7 => 'fa-heart', 8 => 'fa-briefcase', 999 => 'fa-soccer-ball-o'); ?>
<?php while ( osc_has_categories() ) { ?>
<li <?php if($i > 12) { ?>style="display:none;"<?php } ?>>
<a id="cat-<?php echo osc_category_id(); ?>" href="#ct<?php echo osc_category_id(); ?>">
<div class="name"><?php echo osc_category_name(); ?></div>
<div class="img">
<?php if(osc_get_preference('cat_icons', 'patricia_theme') == 1) { ?>
<?php
if(osc_category_field('s_icon') <> '') {
$icon = osc_category_field('s_icon');
} else {
if($category_icons[osc_category_id()] <> '') {
$icon = $category_icons[osc_category_id()];
} else {
$icon = $category_icons[999];
}
}
?>
<i class="fa <?php echo $icon; ?>"></i>
<?php } else { ?>
<img src="<?php echo osc_current_web_theme_url();?>images/small_cat/<?php echo osc_category_id();?>.png" />
<?php } ?>
</div>
</a>
</li>
<?php $i++; ?>
<?php } ?>
</ul>