@dataforsyningen/icons
Version:
A collection of icons og logo images that are part of the SDFI design system.
8 lines (6 loc) • 3.71 kB
CSS
:root {
--ds-icon-compass: url('data:image/svg+xml;utf8,%3Csvg%20fill%3D%22none%22%20version%3D%221.1%22%20viewBox%3D%220%200%2056%2056%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22svg-icon-compass%22%3E%0A%20%20%3Cstyle%3E.svg-icon-compass%20circle%2C%20.svg-icon-compass%20.letter%20%7Bfill-opacity%3A.7%3B%20fill%3A%23bfe0e4%7D%3C%2Fstyle%3E%0A%20%20%3Ccircle%20cx%3D%2228%22%20cy%3D%2228%22%20r%3D%2228%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m10.8%2011.26%203.068%203.077s0.4323%200.3136%200.7035-0.0339%200.06781-0.6103%200.06781-0.6103l-3.119-3.136s15.62-15.64%2033.09%200.1196l-3.19%203.185s-0.3319%200.3739%200.01994%200.7044c0.3518%200.3305%200.6987%205e-3%200.6987%205e-3l3.188-3.177s15.91%2016.08-0.1196%2033.33l-3.047-3.026s-0.3673-0.3618-0.7112-0.05213c-0.3439%200.3096%200.02444%200.7704%200.02444%200.7704l3.017%203.027s-15.19%2015.9-33.1-0.1205l3.179-3.188s0.2834-0.4918%200.0052-0.7348c-0.2781-0.243-0.7194%200.03517-0.7194%200.03517l-3.169%203.18s-15.84-15.68%200.1172-33.35z%22%20style%3D%22fill%3A%2300383d%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m22.35%2027.99c-0.0034-0.7856%200.2695-1.287%200.5504-1.821l4.221-8.427c0.3237-0.6821%201.419-0.6574%201.727-0.04796l4.452%208.895c0.1741%200.3556%200.3644%200.8492%200.3516%201.408l-2.749%207.78e-4s-0.1389-2.876-2.888-2.894c-2.749-0.01801-2.924%202.885-2.924%202.885z%22%20style%3D%22fill%3A%23ff5252%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m22.36%2028.01c-0.0034%200.7856%200.2695%201.287%200.5504%201.821l4.221%208.427c0.3237%200.6821%201.419%200.6574%201.727%200.04796l4.452-8.895c0.1741-0.3556%200.3644-0.8492%200.3516-1.408l-2.749-7.78e-4s-0.1389%202.876-2.888%202.894c-2.749%200.01801-2.924-2.885-2.924-2.885z%22%20style%3D%22fill%3A%23ffffff%22%2F%3E%0A%20%20%3Cpath%20class%3D%22letter%20north%22%20d%3D%22m30.8%2015.41h-1.235l-3.169-5.044v5.044h-1.235v-7.109h1.235l3.179%205.063v-5.063h1.226z%22%2F%3E%0A%20%20%3Cpath%20class%3D%22letter%20south%22%20d%3D%22m29.29%2046.27q0-0.4688-0.332-0.7227-0.3271-0.2539-1.187-0.5127t-1.367-0.5762q-0.9717-0.6104-0.9717-1.592%200-0.8594%200.6982-1.416%200.7031-0.5566%201.821-0.5566%200.7422%200%201.323%200.2734%200.5811%200.2734%200.9131%200.7812%200.332%200.5029%200.332%201.118h-1.23q0-0.5566-0.3516-0.8691-0.3467-0.3174-0.9961-0.3174-0.6055%200-0.9424%200.2588-0.332%200.2588-0.332%200.7227%200%200.3906%200.3613%200.6543%200.3613%200.2588%201.191%200.5078%200.8301%200.2441%201.333%200.5615%200.5029%200.3125%200.7373%200.7227%200.2344%200.4053%200.2344%200.9521%200%200.8887-0.6836%201.416-0.6787%200.5225-1.846%200.5225-0.7715%200-1.421-0.2832-0.6445-0.2881-1.006-0.791-0.3564-0.5029-0.3564-1.172h1.235q0%200.6055%200.4004%200.9375t1.147%200.332q0.6445%200%200.9668-0.2588%200.3271-0.2637%200.3271-0.6934z%22%2F%3E%0A%20%20%3Cpath%20class%3D%22letter%20west%22%20d%3D%22m13.83%2028-5.562-1.807v-1.357l7.109%202.559v1.196l-7.109%202.549v-1.353z%22%2F%3E%0A%20%20%3Cpath%20class%3D%22letter%20east%22%20d%3D%22m43.99%2030.95q-1.045%200-1.836-0.3613-0.7861-0.3613-1.211-1.035-0.4199-0.6689-0.4199-1.548%200-0.8008%200.3662-1.445l-0.7324-0.4443v-0.8252l1.162%200.708q0.9521-0.9521%202.705-0.9521h0.3271q1.04%200%201.831%200.3662t1.216%201.04q0.4297%200.6738%200.4297%201.543%200%200.9619-0.4932%201.66l0.6982%200.4248v0.8154l-1.187-0.7178q-0.9424%200.7666-2.49%200.7715zm0-4.668q-1.011%200-1.636%200.3467l4.033%202.451q0.415-0.4248%200.415-1.084%200-0.8008-0.6299-1.255-0.625-0.4492-1.772-0.459zm0.3711%203.433q0.8105%200%201.367-0.2148l-3.926-2.388q-0.2637%200.3809-0.2637%200.8936%200%200.8252%200.625%201.265%200.625%200.4443%201.826%200.4443z%22%2F%3E%0A%3C%2Fsvg%3E%0A');
}
.ds-icon-icon-compass::before {
background-image: var(--ds-icon-compass);
}