The New York Times Dark アイコン

Q: The New York Times Dark アイコンは商用利用でも無料ですか?

はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

selfhst:the-new-york-times-dark

The New York Times Dark アイコン(selfhst:the-new-york-times-dark)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: selfh.st/icons
作者: selfh.st
ライセンス: CC-BY-4.0
サイズ: 512 × 512
タグ: thenew、newyork、yorktimes、timesdark、thenewyorktimesdark、time

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path d="M447.3 68.8c0-55-52.3-68.8-93.6-68.8v8.3c24.8 0 44 8.3 44 27.5c-.7 16.1-14.4 28.5-30.5 27.8c-.9 0-1.7-.1-2.6-.2c-31.1-3.3-61.7-10.7-90.8-22c-31-11.7-63.4-19.1-96.3-22C127.9 17.3 86 56 84 105.6c0 .6 0 1.1-.1 1.7c-.4 26.9 16.1 51.1 41.3 60.6l2.8-5.5c-10.5-5-17.1-15.9-16.5-27.5c2.4-18.9 19.6-32.4 38.5-30.3c34.9 3.8 69.1 12.2 101.8 24.8c33.4 9.6 67.4 17 101.8 22v85.3l-41.3 35.8v2.8l41.3 35.8v118.4c-20.9 11.9-44.8 17.6-68.8 16.5c-40.6 2.1-80-14-107.4-44l112.9-55.1V154.1l-137.6 60.6c15.4-33.1 40.3-60.9 71.6-79.8l-2.8-5.5C133 150.9 69.1 228.2 64.7 319.3C65 425.6 151.1 511.7 257.4 512c98.9 1.4 180.2-77.6 181.7-176.4v-2.5h-5.5C419 368.2 394.1 398 362 418.4V305.5l44-35.8V267l-41.3-35.8v-82.6c43.4 2.2 80.3-31.3 82.5-74.6c.1-1.7.1-3.5.1-5.2M207.8 371.6l-33 16.5c-21.8-30.4-32.5-67.3-30.3-104.6c-.2-19.6 2.6-39.1 8.3-57.8l57.8-24.8z"/></svg>

The New York Times Dark アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="selfhst:the-new-york-times-dark" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="selfhst:the-new-york-times-dark" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="selfhst:the-new-york-times-dark" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--the-new-york-times-dark]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:the-new-york-times-dark"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="selfhst:the-new-york-times-dark"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/selfhst/the-new-york-times-dark.svg" alt="The New York Times Dark アイコン" width="24" height="24">

selfh.st/icons の関連アイコン

The New York Times Dark アイコンのよくある質問

The New York Times Dark アイコンは商用利用でも無料ですか?

はい。selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で The New York Times Dark アイコンを使うには?

@iconify/react をインストールして <Icon icon="selfhst:the-new-york-times-dark" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

The New York Times Dark アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/the-new-york-times-dark.svg" alt="The New York Times Dark アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

selfh.st/icons をすべて見る →