ny times logo icon
ny-times-logo-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.
- Name
- ny-times-logo-bold
- Set
- Phosphor
- Style
- Bold
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
Use the ny times logo icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M192 148a16 16 0 1 1-16-16a16 16 0 0 1 16 16m-4-40a11.84 11.84 0 0 1-5.07-1.13l-64.68-30.18a68 68 0 0 0-57.83 59.89l65.93-35.17A12 12 0 0 1 144 112v98.11a67.71 67.71 0 0 0 44.75-35.52a12 12 0 1 1 21.42 10.82a91.54 91.54 0 0 1-76 50.38a12 12 0 0 1-2.17.21c-.35 0-.68 0-1-.05c-1 0-2 .05-3 .05a92 92 0 0 1-81.64-134.39A40 40 0 0 1 68 28a11.84 11.84 0 0 1 5.07 1.13l117.24 54.7A16 16 0 0 0 188 52a12 12 0 0 1 0-24a40 40 0 0 1 0 80M80 192.12v-38.79l-17.39 9.28A68.1 68.1 0 0 0 80 192.12M120 132l-16 8.53v67.08a67 67 0 0 0 16 3.9ZM86.5 61.88l-20.81-9.71a16 16 0 0 0-5.58 29.74A92 92 0 0 1 86.5 61.88"/></svg>
React
import type { SVGProps } from "react";
export function PhNyTimesLogoBold(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M192 148a16 16 0 1 1-16-16a16 16 0 0 1 16 16m-4-40a11.84 11.84 0 0 1-5.07-1.13l-64.68-30.18a68 68 0 0 0-57.83 59.89l65.93-35.17A12 12 0 0 1 144 112v98.11a67.71 67.71 0 0 0 44.75-35.52a12 12 0 1 1 21.42 10.82a91.54 91.54 0 0 1-76 50.38a12 12 0 0 1-2.17.21c-.35 0-.68 0-1-.05c-1 0-2 .05-3 .05a92 92 0 0 1-81.64-134.39A40 40 0 0 1 68 28a11.84 11.84 0 0 1 5.07 1.13l117.24 54.7A16 16 0 0 0 188 52a12 12 0 0 1 0-24a40 40 0 0 1 0 80M80 192.12v-38.79l-17.39 9.28A68.1 68.1 0 0 0 80 192.12M120 132l-16 8.53v67.08a67 67 0 0 0 16 3.9ZM86.5 61.88l-20.81-9.71a16 16 0 0 0-5.58 29.74A92 92 0 0 1 86.5 61.88"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M192 148a16 16 0 1 1-16-16a16 16 0 0 1 16 16m-4-40a11.84 11.84 0 0 1-5.07-1.13l-64.68-30.18a68 68 0 0 0-57.83 59.89l65.93-35.17A12 12 0 0 1 144 112v98.11a67.71 67.71 0 0 0 44.75-35.52a12 12 0 1 1 21.42 10.82a91.54 91.54 0 0 1-76 50.38a12 12 0 0 1-2.17.21c-.35 0-.68 0-1-.05c-1 0-2 .05-3 .05a92 92 0 0 1-81.64-134.39A40 40 0 0 1 68 28a11.84 11.84 0 0 1 5.07 1.13l117.24 54.7A16 16 0 0 0 188 52a12 12 0 0 1 0-24a40 40 0 0 1 0 80M80 192.12v-38.79l-17.39 9.28A68.1 68.1 0 0 0 80 192.12M120 132l-16 8.53v67.08a67 67 0 0 0 16 3.9ZM86.5 61.88l-20.81-9.71a16 16 0 0 0-5.58 29.74A92 92 0 0 1 86.5 61.88"/></svg> </template>
CSS
.icon-ny-times-logo-bold {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M192%20148a16%2016%200%201%201-16-16a16%2016%200%200%201%2016%2016m-4-40a11.84%2011.84%200%200%201-5.07-1.13l-64.68-30.18a68%2068%200%200%200-57.83%2059.89l65.93-35.17A12%2012%200%200%201%20144%20112v98.11a67.71%2067.71%200%200%200%2044.75-35.52a12%2012%200%201%201%2021.42%2010.82a91.54%2091.54%200%200%201-76%2050.38a12%2012%200%200%201-2.17.21c-.35%200-.68%200-1-.05c-1%200-2%20.05-3%20.05a92%2092%200%200%201-81.64-134.39A40%2040%200%200%201%2068%2028a11.84%2011.84%200%200%201%205.07%201.13l117.24%2054.7A16%2016%200%200%200%20188%2052a12%2012%200%200%201%200-24a40%2040%200%200%201%200%2080M80%20192.12v-38.79l-17.39%209.28A68.1%2068.1%200%200%200%2080%20192.12M120%20132l-16%208.53v67.08a67%2067%200%200%200%2016%203.9ZM86.5%2061.88l-20.81-9.71a16%2016%200%200%200-5.58%2029.74A92%2092%200%200%201%2086.5%2061.88%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M192%20148a16%2016%200%201%201-16-16a16%2016%200%200%201%2016%2016m-4-40a11.84%2011.84%200%200%201-5.07-1.13l-64.68-30.18a68%2068%200%200%200-57.83%2059.89l65.93-35.17A12%2012%200%200%201%20144%20112v98.11a67.71%2067.71%200%200%200%2044.75-35.52a12%2012%200%201%201%2021.42%2010.82a91.54%2091.54%200%200%201-76%2050.38a12%2012%200%200%201-2.17.21c-.35%200-.68%200-1-.05c-1%200-2%20.05-3%20.05a92%2092%200%200%201-81.64-134.39A40%2040%200%200%201%2068%2028a11.84%2011.84%200%200%201%205.07%201.13l117.24%2054.7A16%2016%200%200%200%20188%2052a12%2012%200%200%201%200-24a40%2040%200%200%201%200%2080M80%20192.12v-38.79l-17.39%209.28A68.1%2068.1%200%200%200%2080%20192.12M120%20132l-16%208.53v67.08a67%2067%200%200%200%2016%203.9ZM86.5%2061.88l-20.81-9.71a16%2016%200%200%200-5.58%2029.74A92%2092%200%200%201%2086.5%2061.88%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/ny-times-logo-bold.svg?color=%231a73e8&size=48
