Mastodon Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The Mastodon icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/343462.svg" alt="Mastodon icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/343462.svg" alt="Mastodon icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/343462.svg" alt="Mastodon icon" :width="24" :height="24" />
CSS background
.icon-mastodon {
background-image: url('https://proicons.com/icon/343462.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.a{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;}</style></defs><path class="a" d="M41.0662,20.4015c0,6.2578-.9723,8.3975-2.8838,10.19C34.3081,34.2257,24,33.9433,24,33.9433a40.2923,40.2923,0,0,1-7.0141-.5285S15.86,40.829,30.09,37.1931l-.1445,4.2408c-2.1685.29-22.807,7.92-22.956-18.657l-.056-2.3759c0-6.2578.05-8.4823,2.8838-11.611C13.3831,4.8527,24,5.3547,24,5.3547s10.617-.502,14.182,3.4353c2.8336,3.129,2.8838,5.3535,2.8838,11.611"/><path class="a" d="M24,23.3125V17.3351a4.6542,4.6542,0,0,0-4.6543-4.6542h0a4.6542,4.6542,0,0,0-4.6542,4.6542v9.6463"/><path class="a" d="M24,17.3351a4.6542,4.6542,0,0,1,4.6543-4.6542h0a4.6542,4.6542,0,0,1,4.6542,4.6542v9.6463"/></svg>
Copied!