# elementor/3.29.0-beta4/modules/atomic-widgets/elements/atomic-image/atomic-image.html.twig

Elementor Website Builder – more than just a page builder, version 3.29.0-beta4. 18 lines.

- Page: https://pluginprobe.com/plugins/elementor/3.29.0-beta4/code/modules/atomic-widgets/elements/atomic-image/atomic-image.html.twig
- Raw: https://pluginprobe.com/plugins/elementor/3.29.0-beta4/raw/modules/atomic-widgets/elements/atomic-image/atomic-image.html.twig
- Modified: 2025-04-28T07:15:16+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/elementor/3.29.0-beta4/code/modules/atomic-widgets/elements/atomic-image/atomic-image.html.twig#L10-L20`.

```twig
{% if settings.image.src is not empty %}
	{% if settings.link.href %}
		<a href="{{ settings.link.href | e('full_url') }}" class="{{ base_styles['link-base'] }}" target="{{ settings.link.target }}">
	{% endif %}
	<img class="{{ base_styles['base'] }} {{ settings.classes | join(' ') }}"
		{% for attr, value in settings.image %}
			{% if attr == 'src' %}
				src="{{ value | e('full_url') }}"
			{% else %}
				{{ attr | e('html_attr') }}="{{ value }}"
			{% endif %}
		{% endfor %}
	/>
	{% if settings.link.href %}
		</a>
	{% endif %}
{% endif %}

```