Trellix Icons
Updated July 5th, 2022
Instructions!
Using img
Simply click the icon you want to use below. This will copy the relative link to your clipboard. Then, and paste it into the AEM component field or into the src of the img element if you're writing raw HTML.
Example:
<img src="/en-us/img/icons/gradient/T0001-grad.svg">
<img src="/en-us/img/icons/black/T0002-blk.svg">
<img src="/en-us/img/icons/white/T0003-whte.svg">
Using class
Add a class to the element you want to use in the format of .icon-[icon ID]
Example:
<div class="icon-T0001 col-3 mb-3"></div>
Centralized control
Centrifugal place, for managing multi-cloud environments - private, public and hybrid.
<div class="icon-T0002-black col-3 mb-3"></div>
Continuous compliance
Pro-active compliancy for multi-account, multi-cloud, and multi-operating system environments.
<div class="icon-T0003-white col-3 mb-3"></div>
All-around protection
Benefit from cloud-native microservices for asset discovery, policy governance, control over cloud sprawl and infrastructure misconfiguration.
Using psuedo elements
Add a class to the element use the format: .icon-before-[icon ID] or .icon-after-[icon ID].
Example:
<h4 class="icon-before-T0001">...</h4>
This icon appears before
<h4 class="icon-after-T0001">...</h4>
This icon appears after
<h4 class="icon-before-T0002-black">...</h4>
This icon appears before
<h4 class="icon-after-T0002-black">...</h4>
This icon appears after
<h4 class="icon-before-T0003-white">...</h4>
This icon appears before
<h4 class="icon-after-T0003-white">...</h4>
This icon appears after
Sizing the Icons
Add a class with the format icon-[multiplier word]
-
Currently, the available options are as follows (these work for psuedo elements, too):
thirdhalfdoubletriple
Example:
<div class="icon-T0001 icon-third"></div>
<div class="icon-T0002 icon-half"></div>
<div class="icon-T0003 icon-double"></div>
<div class="icon-T0004 icon-triple"></div>
