Nopic Infocircleborder

No notes defined.

<div class="sds-noPic">
    <svg width="630" height="630" viewBox="0 0 630 630" fill="none" xmlns="http://www.w3.org/2000/svg">
        <rect width="630" height="630" transform="translate(0 0.304688)" fill="#F0F6FF" />
        <g opacity="0.32">
            <path fill-rule="evenodd" clip-rule="evenodd" d="M315.003 209.888C373.223 209.888 420.419 257.084 420.419 315.304C420.419 373.524 373.223 420.721 315.003 420.721C256.783 420.721 209.586 373.524 209.586 315.304C209.586 257.084 256.783 209.888 315.003 209.888ZM315.003 229.054C267.368 229.054 228.753 267.67 228.753 315.304C228.753 362.939 267.368 401.554 315.003 401.554C362.637 401.554 401.253 362.939 401.253 315.304C401.253 267.67 362.637 229.054 315.003 229.054ZM315.003 296.138C319.917 296.138 323.968 299.837 324.521 304.603L324.586 305.721V372.804C324.586 378.097 320.295 382.388 315.003 382.388C310.088 382.388 306.037 378.688 305.484 373.922L305.419 372.804V315.304H300.628C295.713 315.304 291.662 311.605 291.109 306.839L291.044 305.721C291.044 300.806 294.744 296.756 299.51 296.202L300.628 296.138H315.003ZM315.003 276.971C322.942 276.971 329.378 270.535 329.378 262.596C329.378 254.657 322.942 248.221 315.003 248.221C307.064 248.221 300.628 254.657 300.628 262.596C300.628 270.535 307.064 276.971 315.003 276.971Z" fill="#4D6E90" />
        </g>
    </svg>
</div>
<div class="{{ namespace }}noPic{% for mod in modifiers %} {{ mod }}{% endfor %}{% for mod in classes %} {{ mod }}{% endfor %}">
	<svg width="630" height="630" viewBox="0 0 630 630" fill="none" xmlns="http://www.w3.org/2000/svg">
		<rect width="630" height="630" transform="translate(0 0.304688)" fill="#F0F6FF"/>
		<g opacity="0.32">
			<path fill-rule="evenodd" clip-rule="evenodd"
				  d="M315.003 209.888C373.223 209.888 420.419 257.084 420.419 315.304C420.419 373.524 373.223 420.721 315.003 420.721C256.783 420.721 209.586 373.524 209.586 315.304C209.586 257.084 256.783 209.888 315.003 209.888ZM315.003 229.054C267.368 229.054 228.753 267.67 228.753 315.304C228.753 362.939 267.368 401.554 315.003 401.554C362.637 401.554 401.253 362.939 401.253 315.304C401.253 267.67 362.637 229.054 315.003 229.054ZM315.003 296.138C319.917 296.138 323.968 299.837 324.521 304.603L324.586 305.721V372.804C324.586 378.097 320.295 382.388 315.003 382.388C310.088 382.388 306.037 378.688 305.484 373.922L305.419 372.804V315.304H300.628C295.713 315.304 291.662 311.605 291.109 306.839L291.044 305.721C291.044 300.806 294.744 296.756 299.51 296.202L300.628 296.138H315.003ZM315.003 276.971C322.942 276.971 329.378 270.535 329.378 262.596C329.378 254.657 322.942 248.221 315.003 248.221C307.064 248.221 300.628 254.657 300.628 262.596C300.628 270.535 307.064 276.971 315.003 276.971Z"
				  fill="#4D6E90"/>
		</g>
	</svg>
</div>
  • Handle: @nopic-infocircleborder
  • Preview:
  • Filesystem Path: components/base-components/atoms/nopic/nopic-infocircleborder.njk