apple news icon
apple-news from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- apple-news
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Related icons in Huge Icons
Use the apple news icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="1.5" d="M2.5 19.658v-4.651c0-.71 0-1.064.131-1.104c.132-.04.333.266.735.877c1.392 2.114 3.74 4.462 5.854 5.854c.61.402.916.603.877.735c-.04.13-.394.13-1.104.13H4.342c-.868 0-1.303 0-1.572-.269c-.27-.27-.27-.704-.27-1.572Zm19-15.316v4.651c0 .71 0 1.064-.13 1.104c-.132.039-.333-.266-.736-.877c-1.392-2.114-3.74-4.462-5.854-5.854c-.61-.402-.916-.603-.876-.735c.04-.131.394-.131 1.103-.131h4.652c.868 0 1.302 0 1.572.27s.27.704.27 1.572ZM2.5 4.4v2.226c0 .777 0 1.165.145 1.514c.144.35.419.624.968 1.173l11.074 11.074c.55.55.824.824 1.173.968s.737.145 1.514.145H19.6c.896 0 1.343 0 1.622-.278c.278-.279.278-.726.278-1.622v-2.226c0-.777 0-1.165-.145-1.514c-.144-.35-.419-.624-.968-1.173L9.313 3.613c-.55-.55-.824-.824-1.173-.968S7.403 2.5 6.626 2.5H4.4c-.896 0-1.344 0-1.622.278C2.5 3.057 2.5 3.504 2.5 4.4Z"/></svg>
React
import type { SVGProps } from "react";
export function HugeiconsAppleNews(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="1.5" d="M2.5 19.658v-4.651c0-.71 0-1.064.131-1.104c.132-.04.333.266.735.877c1.392 2.114 3.74 4.462 5.854 5.854c.61.402.916.603.877.735c-.04.13-.394.13-1.104.13H4.342c-.868 0-1.303 0-1.572-.269c-.27-.27-.27-.704-.27-1.572Zm19-15.316v4.651c0 .71 0 1.064-.13 1.104c-.132.039-.333-.266-.736-.877c-1.392-2.114-3.74-4.462-5.854-5.854c-.61-.402-.916-.603-.876-.735c.04-.131.394-.131 1.103-.131h4.652c.868 0 1.302 0 1.572.27s.27.704.27 1.572ZM2.5 4.4v2.226c0 .777 0 1.165.145 1.514c.144.35.419.624.968 1.173l11.074 11.074c.55.55.824.824 1.173.968s.737.145 1.514.145H19.6c.896 0 1.343 0 1.622-.278c.278-.279.278-.726.278-1.622v-2.226c0-.777 0-1.165-.145-1.514c-.144-.35-.419-.624-.968-1.173L9.313 3.613c-.55-.55-.824-.824-1.173-.968S7.403 2.5 6.626 2.5H4.4c-.896 0-1.344 0-1.622.278C2.5 3.057 2.5 3.504 2.5 4.4Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="1.5" d="M2.5 19.658v-4.651c0-.71 0-1.064.131-1.104c.132-.04.333.266.735.877c1.392 2.114 3.74 4.462 5.854 5.854c.61.402.916.603.877.735c-.04.13-.394.13-1.104.13H4.342c-.868 0-1.303 0-1.572-.269c-.27-.27-.27-.704-.27-1.572Zm19-15.316v4.651c0 .71 0 1.064-.13 1.104c-.132.039-.333-.266-.736-.877c-1.392-2.114-3.74-4.462-5.854-5.854c-.61-.402-.916-.603-.876-.735c.04-.131.394-.131 1.103-.131h4.652c.868 0 1.302 0 1.572.27s.27.704.27 1.572ZM2.5 4.4v2.226c0 .777 0 1.165.145 1.514c.144.35.419.624.968 1.173l11.074 11.074c.55.55.824.824 1.173.968s.737.145 1.514.145H19.6c.896 0 1.343 0 1.622-.278c.278-.279.278-.726.278-1.622v-2.226c0-.777 0-1.165-.145-1.514c-.144-.35-.419-.624-.968-1.173L9.313 3.613c-.55-.55-.824-.824-1.173-.968S7.403 2.5 6.626 2.5H4.4c-.896 0-1.344 0-1.622.278C2.5 3.057 2.5 3.504 2.5 4.4Z"/></svg> </template>
CSS
.icon-apple-news {
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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M2.5%2019.658v-4.651c0-.71%200-1.064.131-1.104c.132-.04.333.266.735.877c1.392%202.114%203.74%204.462%205.854%205.854c.61.402.916.603.877.735c-.04.13-.394.13-1.104.13H4.342c-.868%200-1.303%200-1.572-.269c-.27-.27-.27-.704-.27-1.572Zm19-15.316v4.651c0%20.71%200%201.064-.13%201.104c-.132.039-.333-.266-.736-.877c-1.392-2.114-3.74-4.462-5.854-5.854c-.61-.402-.916-.603-.876-.735c.04-.131.394-.131%201.103-.131h4.652c.868%200%201.302%200%201.572.27s.27.704.27%201.572ZM2.5%204.4v2.226c0%20.777%200%201.165.145%201.514c.144.35.419.624.968%201.173l11.074%2011.074c.55.55.824.824%201.173.968s.737.145%201.514.145H19.6c.896%200%201.343%200%201.622-.278c.278-.279.278-.726.278-1.622v-2.226c0-.777%200-1.165-.145-1.514c-.144-.35-.419-.624-.968-1.173L9.313%203.613c-.55-.55-.824-.824-1.173-.968S7.403%202.5%206.626%202.5H4.4c-.896%200-1.344%200-1.622.278C2.5%203.057%202.5%203.504%202.5%204.4Z%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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M2.5%2019.658v-4.651c0-.71%200-1.064.131-1.104c.132-.04.333.266.735.877c1.392%202.114%203.74%204.462%205.854%205.854c.61.402.916.603.877.735c-.04.13-.394.13-1.104.13H4.342c-.868%200-1.303%200-1.572-.269c-.27-.27-.27-.704-.27-1.572Zm19-15.316v4.651c0%20.71%200%201.064-.13%201.104c-.132.039-.333-.266-.736-.877c-1.392-2.114-3.74-4.462-5.854-5.854c-.61-.402-.916-.603-.876-.735c.04-.131.394-.131%201.103-.131h4.652c.868%200%201.302%200%201.572.27s.27.704.27%201.572ZM2.5%204.4v2.226c0%20.777%200%201.165.145%201.514c.144.35.419.624.968%201.173l11.074%2011.074c.55.55.824.824%201.173.968s.737.145%201.514.145H19.6c.896%200%201.343%200%201.622-.278c.278-.279.278-.726.278-1.622v-2.226c0-.777%200-1.165-.145-1.514c-.144-.35-.419-.624-.968-1.173L9.313%203.613c-.55-.55-.824-.824-1.173-.968S7.403%202.5%206.626%202.5H4.4c-.896%200-1.344%200-1.622.278C2.5%203.057%202.5%203.504%202.5%204.4Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/apple-news.svg?color=%231a73e8&size=48
