newspaper icon
newspaper from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- newspaper
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
2 other variants in IonIcons
The same icon in other sets
newspaperAkar IconsnewspaperBootstrap IconsnewspaperEmoji One (Colored)newspaperFont Awesome 6 RegularnewspaperFont Awesome 6 SolidnewspaperFont Awesome RegularnewspaperFont Awesome Solidnewspaper-outlineFlowbite IconsnewspaperFluent EmojinewspaperFluent Emoji FlatnewspaperFluent Emoji High ContrastnewspaperFirefox OS EmojinewspaperHeroIconsnewspaperHuge IconsnewspaperJam IconsnewspaperLine AwesomenewspaperLucidenewspaperMajesticonsnewspaperMaterial SymbolsnewspaperMaterial Symbols LightnewspaperMaterial Design IconsnewspaperNoto EmojinewspaperOpenMojinewspaperPhosphor
Use the newspaper icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M439.91 112h-23.82a.09.09 0 0 0-.09.09V416a32 32 0 0 0 32 32a32 32 0 0 0 32-32V152.09A40.09 40.09 0 0 0 439.91 112"/><path fill="currentColor" d="M384 416V72a40 40 0 0 0-40-40H72a40 40 0 0 0-40 40v352a56 56 0 0 0 56 56h342.85a1.14 1.14 0 0 0 1.15-1.15a1.14 1.14 0 0 0-.85-1.1A64.11 64.11 0 0 1 384 416M96 128a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v64a16 16 0 0 1-16 16h-64a16 16 0 0 1-16-16Zm208 272H112.45c-8.61 0-16-6.62-16.43-15.23A16 16 0 0 1 112 368h191.55c8.61 0 16 6.62 16.43 15.23A16 16 0 0 1 304 400m0-64H112.45c-8.61 0-16-6.62-16.43-15.23A16 16 0 0 1 112 304h191.55c8.61 0 16 6.62 16.43 15.23A16 16 0 0 1 304 336m0-64H112.45c-8.61 0-16-6.62-16.43-15.23A16 16 0 0 1 112 240h191.55c8.61 0 16 6.62 16.43 15.23A16 16 0 0 1 304 272m0-64h-63.55c-8.61 0-16-6.62-16.43-15.23A16 16 0 0 1 240 176h63.55c8.61 0 16 6.62 16.43 15.23A16 16 0 0 1 304 208m0-64h-63.55c-8.61 0-16-6.62-16.43-15.23A16 16 0 0 1 240 112h63.55c8.61 0 16 6.62 16.43 15.23A16 16 0 0 1 304 144"/></svg>
React
import type { SVGProps } from "react";
export function IonNewspaper(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M439.91 112h-23.82a.09.09 0 0 0-.09.09V416a32 32 0 0 0 32 32a32 32 0 0 0 32-32V152.09A40.09 40.09 0 0 0 439.91 112"/><path fill="currentColor" d="M384 416V72a40 40 0 0 0-40-40H72a40 40 0 0 0-40 40v352a56 56 0 0 0 56 56h342.85a1.14 1.14 0 0 0 1.15-1.15a1.14 1.14 0 0 0-.85-1.1A64.11 64.11 0 0 1 384 416M96 128a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v64a16 16 0 0 1-16 16h-64a16 16 0 0 1-16-16Zm208 272H112.45c-8.61 0-16-6.62-16.43-15.23A16 16 0 0 1 112 368h191.55c8.61 0 16 6.62 16.43 15.23A16 16 0 0 1 304 400m0-64H112.45c-8.61 0-16-6.62-16.43-15.23A16 16 0 0 1 112 304h191.55c8.61 0 16 6.62 16.43 15.23A16 16 0 0 1 304 336m0-64H112.45c-8.61 0-16-6.62-16.43-15.23A16 16 0 0 1 112 240h191.55c8.61 0 16 6.62 16.43 15.23A16 16 0 0 1 304 272m0-64h-63.55c-8.61 0-16-6.62-16.43-15.23A16 16 0 0 1 240 176h63.55c8.61 0 16 6.62 16.43 15.23A16 16 0 0 1 304 208m0-64h-63.55c-8.61 0-16-6.62-16.43-15.23A16 16 0 0 1 240 112h63.55c8.61 0 16 6.62 16.43 15.23A16 16 0 0 1 304 144"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M439.91 112h-23.82a.09.09 0 0 0-.09.09V416a32 32 0 0 0 32 32a32 32 0 0 0 32-32V152.09A40.09 40.09 0 0 0 439.91 112"/><path fill="currentColor" d="M384 416V72a40 40 0 0 0-40-40H72a40 40 0 0 0-40 40v352a56 56 0 0 0 56 56h342.85a1.14 1.14 0 0 0 1.15-1.15a1.14 1.14 0 0 0-.85-1.1A64.11 64.11 0 0 1 384 416M96 128a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v64a16 16 0 0 1-16 16h-64a16 16 0 0 1-16-16Zm208 272H112.45c-8.61 0-16-6.62-16.43-15.23A16 16 0 0 1 112 368h191.55c8.61 0 16 6.62 16.43 15.23A16 16 0 0 1 304 400m0-64H112.45c-8.61 0-16-6.62-16.43-15.23A16 16 0 0 1 112 304h191.55c8.61 0 16 6.62 16.43 15.23A16 16 0 0 1 304 336m0-64H112.45c-8.61 0-16-6.62-16.43-15.23A16 16 0 0 1 112 240h191.55c8.61 0 16 6.62 16.43 15.23A16 16 0 0 1 304 272m0-64h-63.55c-8.61 0-16-6.62-16.43-15.23A16 16 0 0 1 240 176h63.55c8.61 0 16 6.62 16.43 15.23A16 16 0 0 1 304 208m0-64h-63.55c-8.61 0-16-6.62-16.43-15.23A16 16 0 0 1 240 112h63.55c8.61 0 16 6.62 16.43 15.23A16 16 0 0 1 304 144"/></svg> </template>
CSS
.icon-newspaper {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M439.91%20112h-23.82a.09.09%200%200%200-.09.09V416a32%2032%200%200%200%2032%2032a32%2032%200%200%200%2032-32V152.09A40.09%2040.09%200%200%200%20439.91%20112%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M384%20416V72a40%2040%200%200%200-40-40H72a40%2040%200%200%200-40%2040v352a56%2056%200%200%200%2056%2056h342.85a1.14%201.14%200%200%200%201.15-1.15a1.14%201.14%200%200%200-.85-1.1A64.11%2064.11%200%200%201%20384%20416M96%20128a16%2016%200%200%201%2016-16h64a16%2016%200%200%201%2016%2016v64a16%2016%200%200%201-16%2016h-64a16%2016%200%200%201-16-16Zm208%20272H112.45c-8.61%200-16-6.62-16.43-15.23A16%2016%200%200%201%20112%20368h191.55c8.61%200%2016%206.62%2016.43%2015.23A16%2016%200%200%201%20304%20400m0-64H112.45c-8.61%200-16-6.62-16.43-15.23A16%2016%200%200%201%20112%20304h191.55c8.61%200%2016%206.62%2016.43%2015.23A16%2016%200%200%201%20304%20336m0-64H112.45c-8.61%200-16-6.62-16.43-15.23A16%2016%200%200%201%20112%20240h191.55c8.61%200%2016%206.62%2016.43%2015.23A16%2016%200%200%201%20304%20272m0-64h-63.55c-8.61%200-16-6.62-16.43-15.23A16%2016%200%200%201%20240%20176h63.55c8.61%200%2016%206.62%2016.43%2015.23A16%2016%200%200%201%20304%20208m0-64h-63.55c-8.61%200-16-6.62-16.43-15.23A16%2016%200%200%201%20240%20112h63.55c8.61%200%2016%206.62%2016.43%2015.23A16%2016%200%200%201%20304%20144%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M439.91%20112h-23.82a.09.09%200%200%200-.09.09V416a32%2032%200%200%200%2032%2032a32%2032%200%200%200%2032-32V152.09A40.09%2040.09%200%200%200%20439.91%20112%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M384%20416V72a40%2040%200%200%200-40-40H72a40%2040%200%200%200-40%2040v352a56%2056%200%200%200%2056%2056h342.85a1.14%201.14%200%200%200%201.15-1.15a1.14%201.14%200%200%200-.85-1.1A64.11%2064.11%200%200%201%20384%20416M96%20128a16%2016%200%200%201%2016-16h64a16%2016%200%200%201%2016%2016v64a16%2016%200%200%201-16%2016h-64a16%2016%200%200%201-16-16Zm208%20272H112.45c-8.61%200-16-6.62-16.43-15.23A16%2016%200%200%201%20112%20368h191.55c8.61%200%2016%206.62%2016.43%2015.23A16%2016%200%200%201%20304%20400m0-64H112.45c-8.61%200-16-6.62-16.43-15.23A16%2016%200%200%201%20112%20304h191.55c8.61%200%2016%206.62%2016.43%2015.23A16%2016%200%200%201%20304%20336m0-64H112.45c-8.61%200-16-6.62-16.43-15.23A16%2016%200%200%201%20112%20240h191.55c8.61%200%2016%206.62%2016.43%2015.23A16%2016%200%200%201%20304%20272m0-64h-63.55c-8.61%200-16-6.62-16.43-15.23A16%2016%200%200%201%20240%20176h63.55c8.61%200%2016%206.62%2016.43%2015.23A16%2016%200%200%201%20304%20208m0-64h-63.55c-8.61%200-16-6.62-16.43-15.23A16%2016%200%200%201%20240%20112h63.55c8.61%200%2016%206.62%2016.43%2015.23A16%2016%200%200%201%20304%20144%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/newspaper.svg?color=%231a73e8&size=48
