<h1>
	<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
		<circle cx="12" cy="12" r="12" />
	</svg>
</h1>
<h2>
	<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
		<circle cx="12" cy="12" r="12" />
	</svg>
</h2>
<h3>
	<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
		<circle cx="12" cy="12" r="12" />
	</svg>
</h3>
<h4>
	<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
		<circle cx="12" cy="12" r="12" />
	</svg>
</h4>
<h5>
	<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
		<circle cx="12" cy="12" r="12" />
	</svg>
</h5>
<h6>
	<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
		<circle cx="12" cy="12" r="12" />
	</svg>
</h6>
<p>
	<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
		<circle cx="12" cy="12" r="12" />
	</svg>
</p>
<a href="#">
	<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
		<circle cx="12" cy="12" r="12" />
	</svg>
</a>
.icon{
  display: inline-block;			
  flex-shrink: 0;
  fill: currentColor;
  width: 1em;
  height: 1em;
}

/* nasledujici style jen pro lepsi ilustraci */
h1,h2,h3,h4,h5,h6,p{
  display: inline-block;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.