School of Social Work

Icon: Instagram

No notes defined.

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M13.1371 0.880486C13.9653 0.877308 14.7934 0.885631 15.6214 0.905453L15.8415 0.913398C16.0958 0.922477 16.3466 0.933826 16.6496 0.947444C17.8571 1.00419 18.681 1.19485 19.404 1.47517C20.153 1.76343 20.784 2.15384 21.415 2.78484C21.992 3.35183 22.4385 4.0377 22.7235 4.79473C23.0039 5.51766 23.1945 6.34272 23.2513 7.55025C23.2649 7.85213 23.2762 8.10408 23.2853 8.35829L23.2921 8.57846C23.3123 9.40602 23.321 10.2338 23.3182 11.0616L23.3194 11.9082V13.3949C23.3222 14.2231 23.3135 15.0513 23.2933 15.8792L23.2864 16.0994C23.2774 16.3536 23.266 16.6044 23.2524 16.9074C23.1957 18.115 23.0027 18.9389 22.7235 19.6618C22.4394 20.4197 21.9928 21.1061 21.415 21.6729C20.8475 22.2497 20.1613 22.6962 19.404 22.9814C18.681 23.2617 17.8571 23.4524 16.6496 23.5091C16.3466 23.5227 16.0958 23.5341 15.8415 23.5432L15.6214 23.55C14.7934 23.5701 13.9653 23.5788 13.1371 23.5761L12.2905 23.5772H10.8049C9.97672 23.58 9.14855 23.5713 8.32062 23.5511L8.10045 23.5443C7.83103 23.5345 7.56168 23.5232 7.2924 23.5102C6.08488 23.4535 5.26095 23.2606 4.53688 22.9814C3.77955 22.6969 3.09357 22.2503 2.52699 21.6729C1.94938 21.1057 1.50244 20.4194 1.21732 19.6618C0.937005 18.9389 0.746343 18.115 0.689598 16.9074C0.676959 16.6381 0.66561 16.3688 0.655551 16.0994L0.649877 15.8792C0.628954 15.0513 0.619495 14.2231 0.621504 13.3949V11.0616C0.618337 10.2338 0.62666 9.40602 0.646472 8.57846L0.654416 8.35829C0.663496 8.10408 0.674844 7.85213 0.688463 7.55025C0.745208 6.34159 0.93587 5.51879 1.21619 4.79473C1.50147 4.03733 1.94929 3.35165 2.52812 2.78597C3.09432 2.20803 3.77987 1.76068 4.53688 1.47517C5.26095 1.19485 6.08374 1.00419 7.2924 0.947444L8.10045 0.913398L8.32062 0.907723C9.14816 0.88681 9.97596 0.877352 10.8038 0.879351L13.1371 0.880486ZM11.9704 6.55495C11.2186 6.54431 10.4721 6.68322 9.77439 6.96359C9.07668 7.24396 8.44165 7.6602 7.9062 8.18812C7.37076 8.71605 6.94558 9.34513 6.65537 10.0388C6.36517 10.7325 6.21572 11.4769 6.21572 12.2288C6.21572 12.9808 6.36517 13.7252 6.65537 14.4189C6.94558 15.1126 7.37076 15.7416 7.9062 16.2696C8.44165 16.7975 9.07668 17.2137 9.77439 17.4941C10.4721 17.7745 11.2186 17.9134 11.9704 17.9027C13.4754 17.9027 14.9187 17.3049 15.9829 16.2407C17.0471 15.1766 17.6449 13.7332 17.6449 12.2283C17.6449 10.7233 17.0471 9.27999 15.9829 8.21583C14.9187 7.15166 13.4754 6.55495 11.9704 6.55495ZM11.9704 8.82473C12.4227 8.8164 12.8721 8.89827 13.2923 9.06557C13.7126 9.23286 14.0953 9.48222 14.4181 9.79909C14.741 10.116 14.9974 10.494 15.1725 10.9111C15.3475 11.3281 15.4378 11.7759 15.4378 12.2283C15.4379 12.6806 15.3478 13.1284 15.1729 13.5456C14.998 13.9627 14.7417 14.3408 14.419 14.6578C14.0962 14.9748 13.7136 15.2242 13.2934 15.3917C12.8732 15.5591 12.4238 15.6411 11.9716 15.633C11.0686 15.633 10.2026 15.2742 9.56409 14.6357C8.92559 13.9972 8.56689 13.1313 8.56689 12.2283C8.56689 11.3253 8.92559 10.4593 9.56409 9.82081C10.2026 9.1823 11.0686 8.8236 11.9716 8.8236L11.9704 8.82473ZM17.9286 4.85261C17.5625 4.86726 17.2162 5.02301 16.9624 5.28724C16.7085 5.55147 16.5667 5.90367 16.5667 6.27009C16.5667 6.63651 16.7085 6.98871 16.9624 7.25294C17.2162 7.51717 17.5625 7.67292 17.9286 7.68757C18.3049 7.68757 18.6657 7.53811 18.9317 7.27207C19.1978 7.00603 19.3472 6.6452 19.3472 6.26896C19.3472 5.89272 19.1978 5.53189 18.9317 5.26584C18.6657 4.9998 18.3049 4.85034 17.9286 4.85034V4.85261Z" fill="black" />
</svg>
 
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
	<path
			d="M13.1371 0.880486C13.9653 0.877308 14.7934 0.885631 15.6214 0.905453L15.8415 0.913398C16.0958 0.922477 16.3466 0.933826 16.6496 0.947444C17.8571 1.00419 18.681 1.19485 19.404 1.47517C20.153 1.76343 20.784 2.15384 21.415 2.78484C21.992 3.35183 22.4385 4.0377 22.7235 4.79473C23.0039 5.51766 23.1945 6.34272 23.2513 7.55025C23.2649 7.85213 23.2762 8.10408 23.2853 8.35829L23.2921 8.57846C23.3123 9.40602 23.321 10.2338 23.3182 11.0616L23.3194 11.9082V13.3949C23.3222 14.2231 23.3135 15.0513 23.2933 15.8792L23.2864 16.0994C23.2774 16.3536 23.266 16.6044 23.2524 16.9074C23.1957 18.115 23.0027 18.9389 22.7235 19.6618C22.4394 20.4197 21.9928 21.1061 21.415 21.6729C20.8475 22.2497 20.1613 22.6962 19.404 22.9814C18.681 23.2617 17.8571 23.4524 16.6496 23.5091C16.3466 23.5227 16.0958 23.5341 15.8415 23.5432L15.6214 23.55C14.7934 23.5701 13.9653 23.5788 13.1371 23.5761L12.2905 23.5772H10.8049C9.97672 23.58 9.14855 23.5713 8.32062 23.5511L8.10045 23.5443C7.83103 23.5345 7.56168 23.5232 7.2924 23.5102C6.08488 23.4535 5.26095 23.2606 4.53688 22.9814C3.77955 22.6969 3.09357 22.2503 2.52699 21.6729C1.94938 21.1057 1.50244 20.4194 1.21732 19.6618C0.937005 18.9389 0.746343 18.115 0.689598 16.9074C0.676959 16.6381 0.66561 16.3688 0.655551 16.0994L0.649877 15.8792C0.628954 15.0513 0.619495 14.2231 0.621504 13.3949V11.0616C0.618337 10.2338 0.62666 9.40602 0.646472 8.57846L0.654416 8.35829C0.663496 8.10408 0.674844 7.85213 0.688463 7.55025C0.745208 6.34159 0.93587 5.51879 1.21619 4.79473C1.50147 4.03733 1.94929 3.35165 2.52812 2.78597C3.09432 2.20803 3.77987 1.76068 4.53688 1.47517C5.26095 1.19485 6.08374 1.00419 7.2924 0.947444L8.10045 0.913398L8.32062 0.907723C9.14816 0.88681 9.97596 0.877352 10.8038 0.879351L13.1371 0.880486ZM11.9704 6.55495C11.2186 6.54431 10.4721 6.68322 9.77439 6.96359C9.07668 7.24396 8.44165 7.6602 7.9062 8.18812C7.37076 8.71605 6.94558 9.34513 6.65537 10.0388C6.36517 10.7325 6.21572 11.4769 6.21572 12.2288C6.21572 12.9808 6.36517 13.7252 6.65537 14.4189C6.94558 15.1126 7.37076 15.7416 7.9062 16.2696C8.44165 16.7975 9.07668 17.2137 9.77439 17.4941C10.4721 17.7745 11.2186 17.9134 11.9704 17.9027C13.4754 17.9027 14.9187 17.3049 15.9829 16.2407C17.0471 15.1766 17.6449 13.7332 17.6449 12.2283C17.6449 10.7233 17.0471 9.27999 15.9829 8.21583C14.9187 7.15166 13.4754 6.55495 11.9704 6.55495ZM11.9704 8.82473C12.4227 8.8164 12.8721 8.89827 13.2923 9.06557C13.7126 9.23286 14.0953 9.48222 14.4181 9.79909C14.741 10.116 14.9974 10.494 15.1725 10.9111C15.3475 11.3281 15.4378 11.7759 15.4378 12.2283C15.4379 12.6806 15.3478 13.1284 15.1729 13.5456C14.998 13.9627 14.7417 14.3408 14.419 14.6578C14.0962 14.9748 13.7136 15.2242 13.2934 15.3917C12.8732 15.5591 12.4238 15.6411 11.9716 15.633C11.0686 15.633 10.2026 15.2742 9.56409 14.6357C8.92559 13.9972 8.56689 13.1313 8.56689 12.2283C8.56689 11.3253 8.92559 10.4593 9.56409 9.82081C10.2026 9.1823 11.0686 8.8236 11.9716 8.8236L11.9704 8.82473ZM17.9286 4.85261C17.5625 4.86726 17.2162 5.02301 16.9624 5.28724C16.7085 5.55147 16.5667 5.90367 16.5667 6.27009C16.5667 6.63651 16.7085 6.98871 16.9624 7.25294C17.2162 7.51717 17.5625 7.67292 17.9286 7.68757C18.3049 7.68757 18.6657 7.53811 18.9317 7.27207C19.1978 7.00603 19.3472 6.6452 19.3472 6.26896C19.3472 5.89272 19.1978 5.53189 18.9317 5.26584C18.6657 4.9998 18.3049 4.85034 17.9286 4.85034V4.85261Z"
			fill="{{ fill ?: 'black' }}"/>
</svg>
  • Content: 
    // add icons to this array with their filename and type,
// the loop at the bottom of the file will create classes for them

$icons: (
	//'facebook': 'svg',
	//'instagram': 'svg',
	//'twitter': 'svg',
	//'linkedin': 'svg',
	//'youtube': 'svg',
	//'external-primary': 'svg',
	//'phone': 'svg',
	//'mail': 'svg',
	//'pin': 'svg',
);

.icon {
	position: relative;
	display: inline-block;
	width: 1em;
	height: 1em;
	text-align: center;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	vertical-align: baseline;
	top: 0.1em;

	svg,
	img {
		display: block;
		width: 100%;
		max-height: 100%;
		vertical-align: middle;
	}

	svg {
		height: 100%;
		//fill: #000;
	}

	&:before {
		font-size: 1em;
		display: inline-block;
	}

	@each $name, $extension in $icons {
		&--#{$name} {
			background-image: url('../img/icon-#{$name}.#{$extension}');
		}
	}

	// Layout

	&--margin-before {
		margin-inline-start: 0.35em;
	}

	&--margin-after {
		margin-inline-end: 0.35em;
	}

	// Themes

	&--primary {
		svg, path {
			fill: $primary !important;
		}
	}

	&--secondary {
		svg, path {
			fill: $secondary !important;
		}
	}

	&--tertiary {
		svg, path {
			fill: $tertiary !important;
		}
	}

	// Variant generator
	// (see loop at top)

	//@each $name, $extension in $icons {
	//	&--#{$name} {
	//		background-image: url('../img/icon-#{$name}.#{$extension}');
	//	}
	//}

	// Special

	@at-root {
		a, button {
			&:where(:has(.svgHeart)) {
				path {
					fill: rgba(white, 0);
					stroke-width: 2;
					stroke: $grey;
					transition: all 100ms;
				}

				&:hover, &:focus {
					path {
						fill: rgba($pink, 0.5);
						stroke-width: 0;
					}
				}

				&:active {
					path {
						fill: $pink;
						stroke-width: 0;
					}
				}
			}

			&:where(:has(.svgHeart--filled)) {
				path {
					transition: all 100ms;
				}

				&:hover, &:focus {
					path {
						fill: rgba($pink, 0.5);
						stroke-width: 0;
					}
				}

				&:active {
					path {
						fill: rgba(white, 0);
						stroke-width: 2;
					}
				}
			}
		}
	}
}
  • URL: /components/raw/icon/_icons.scss
  • Filesystem Path: web/themes/custom/um-ssw/components/icon/_icons.scss
  • Size: 2.1 KB