<div class="color-circle-icon color-circle-icon--music">
<span class="color-circle-icon__icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path fill="#E84A27" fill-rule="evenodd" d="M14.682 10.66a.948.948 0 0 1-1.258 1.414L13.34 12l-.67-.67a4.74 4.74 0 0 0-6.556-.143l-.149.143-2.681 2.681a4.74 4.74 0 0 0 6.555 6.847l.149-.143 3.352-3.352a.948.948 0 0 1 1.414 1.258l-.073.083-3.352 3.352a6.637 6.637 0 0 1-9.545-9.222l.159-.164L4.625 9.99a6.637 6.637 0 0 1 9.222-.159l.164.159.67.67zm7.374-8.716a6.637 6.637 0 0 1 .159 9.222l-.159.164-2.681 2.681a6.637 6.637 0 0 1-9.222.159l-.164-.159-.67-.67a.948.948 0 0 1 1.257-1.415l.083.074.67.67a4.74 4.74 0 0 0 6.556.143l.149-.143 2.681-2.681a4.74 4.74 0 0 0-6.555-6.847l-.149.143-3.352 3.352a.948.948 0 0 1-1.414-1.258l.073-.083 3.352-3.352a6.637 6.637 0 0 1 9.386 0z"/>
</svg>
</span>
</div>
<div class="color-circle-icon color-circle-icon--{{ siteUnit }}">
{% if icon %}
<span class="color-circle-icon__icon">{% include 'bits/icons/'~ icon ~'.twig' %}</span>
{% endif %}
</div>
{
"siteUnit": "music",
"departmentName": "Music",
"background": "light",
"name": "Edit",
"icon": "url-link"
}
.color-circle-icon
--backgroundColor illiniOrange
--iconColor white
&--arch
--backgroundColor industrialBlue
--borderColor transparent
--iconColor white
&--art
--backgroundColor archesBlue
--borderColor transparent
--iconColor white
&--college
--backgroundColor cloud
--borderColor illiniOrange
--iconColor illiniBlue
&--dance
--backgroundColor archesBlue
--borderColor transparent
--iconColor white
&--durp
--backgroundColor illiniOrange
--borderColor transparent
--iconColor white
&--landarch
--backgroundColor cloud
--borderColor illiniOrange
--iconColor illiniBlue
&--theatre
--backgroundColor illiniOrange
--borderColor transparent
--iconColor illiniBlue
&--music
--backgroundColor transparent
--borderColor illiniOrange
--iconColor illiniBlue
align-items center
background-color var(--backgroundColor)
border 2px solid var(--borderColor)
border-radius 50%
display flex
justify-content center
height 48px
width 48px
&__icon
display flex
&__icon > svg > path
fill var(--iconColor)
There are no notes for this item.