News icon
wpf:news
The News icon (wpf:news) is a free SVG icon from the Icons8 Windows 8 Icons set by Icons8. It is drawn on a 26 × 26 grid. Icons8 Windows 8 Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Icons8 Windows 8 Icons
- Author
- Icons8
- License
- MIT
- Size
- 26 × 26
- Tags
- new
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26"><path fill="currentColor" d="M16.906 1.969a1 1 0 0 0-.125.031H1a1 1 0 0 0-.094 0A1 1 0 0 0 0 3v15.969c0 2.365 1.319 3.818 2.563 4.437C3.806 24.025 5 24 5 24h16.125c.175 0 1.176-.026 2.313-.594c1.186-.593 2.427-1.959 2.53-4.125v-.062c.002-.022.031-.04.032-.063A1 1 0 0 0 26 19a1 1 0 0 0 0-.094V8s-.004-.702-.375-1.438c-.337-.667-1.147-1.4-2.281-1.53A1 1 0 0 0 23 4.968h-5V3.187A1 1 0 0 0 18 3a1 1 0 0 0 0-.125v-.093l-.031-.063v-.031a1 1 0 0 0-.032-.094a1 1 0 0 0-.062-.094a1 1 0 0 0-.094-.156a1 1 0 0 0-.093-.063a1 1 0 0 0-.125-.125h-.032A1 1 0 0 0 17.188 2a1 1 0 0 0-.282-.031M2 4h14v1.75a1 1 0 0 0 0 .406V18.97c0 1.28.406 2.275.969 3.031H5s-.454.002-1-.156a3.4 3.4 0 0 1-.563-.219C2.681 21.249 2 20.68 2 18.969zm2 2c-.551 0-1 .449-1 1v2c0 .551.449 1 1 1h10c.551 0 1-.449 1-1V7c0-.551-.449-1-1-1zm14 .969h2.188c-.187.548-.188 1-.188 1V18a1 1 0 1 0 2 0V8c.002-.028.025-.275.156-.531c.139-.27.209-.469.844-.469c.63 0 .703.19.844.469c.133.265.154.534.156.562V19a1 1 0 0 0 0 .094c-.027 1.588-.692 2.127-1.438 2.5C21.802 21.974 21 22 21 22s-.8-.021-1.563-.406S18 20.643 18 18.969zM3.719 12A1.004 1.004 0 0 0 4 14h3a1 1 0 1 0 0-2H4a1 1 0 0 0-.094 0a1 1 0 0 0-.094 0a1 1 0 0 0-.093 0m6 0A1.004 1.004 0 0 0 10 14h4a1 1 0 1 0 0-2h-4a1 1 0 0 0-.094 0a1 1 0 0 0-.094 0a1 1 0 0 0-.093 0m-6 3A1.004 1.004 0 0 0 4 17h3a1 1 0 1 0 0-2H4a1 1 0 0 0-.094 0a1 1 0 0 0-.094 0a1 1 0 0 0-.093 0m6 0A1.004 1.004 0 0 0 10 17h4a1 1 0 1 0 0-2h-4a1 1 0 0 0-.094 0a1 1 0 0 0-.094 0a1 1 0 0 0-.093 0m-5.5 3a1.004 1.004 0 0 0 .281 2H7a1 1 0 1 0 0-2H4.5a1 1 0 0 0-.094 0a1 1 0 0 0-.093 0a1 1 0 0 0-.094 0m5.5 0A1.004 1.004 0 0 0 10 20h4a1 1 0 1 0 0-2h-4a1 1 0 0 0-.094 0a1 1 0 0 0-.094 0a1 1 0 0 0-.093 0"/></svg>
How to use the News icon
React
import { Icon } from "@iconify/react";
<Icon icon="wpf:news" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="wpf:news" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="wpf:news" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[wpf--news]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/wpf -->
<div class="i-wpf:news"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="wpf:news"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/wpf/news.svg" alt="News icon" width="24" height="24">
News icon in other icon sets
News icon FAQ
Is the News icon free for commercial use?
Yes. Icons8 Windows 8 Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the News icon in React?
Install @iconify/react and render <Icon icon="wpf:news" />, or use “Copy code” on this page to get a standalone React component.
How do I add the News icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/wpf/news.svg" alt="News icon">, or paste the SVG code inline to style it with CSS.
Browse all Icons8 Windows 8 Icons →
ICONYZ
