News Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The News 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/330138.svg" alt="News icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/330138.svg" alt="News icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/330138.svg" alt="News icon" :width="24" :height="24" />
CSS background
.icon-news {
background-image: url('https://proicons.com/icon/330138.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="UTF-8"?><svg id="b" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.g{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;}</style></defs><path id="c" class="g" d="M38.5006,5.4992H9.4994c-2.2001,0-4.0002,1.8001-4.0002,4.0002v29.0012c0,2.2001,1.8001,4.0002,4.0002,4.0002h29.0012c2.2001,0,4.0002-1.8001,4.0002-4.0002V9.4993c0-2.2001-1.8001-4.0002-4.0002-4.0002Z"/><path id="d" class="g" d="M20.373,11.5005h16.502v5h-16.502v-5Z"/><path id="e" class="g" d="M20.373,21.5h16.502v5h-16.502v-5Z"/><path id="f" class="g" d="M20.373,31.4995h16.502v5h-16.502v-5Z"/><rect class="g" x="11.125" y="11.5005" width="5" height="5"/><rect class="g" x="11.125" y="21.5" width="5" height="5"/><rect class="g" x="11.125" y="31.4995" width="5" height="5"/></svg>
More from Arcticons
View all
News in other icon packs
Copied!