Twotone Unpublished アイコン

Q: Twotone Unpublished アイコンは商用利用でも無料ですか?

はい。Google Material Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

ic:twotone-unpublished

Twotone Unpublished アイコン(ic:twotone-unpublished)は、Google Material Icons セットの無料 SVG アイコンです（作者: Material Design Authors）。 24 × 24 のグリッドで描かれています。 Google Material Icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Google Material Icons
作者: Material Design Authors
ライセンス: Apache-2.0
サイズ: 24 × 24
カテゴリ: アクション
タグ: approve、check、circle、complete、disabled、done、enabled、mark、off、ok、on、select、slash、tick、unpublished、validate

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m13.59 10.76l2.65-2.65l1.41 1.41L15 12.17l3.88 3.88A7.87 7.87 0 0 0 20 12c0-4.41-3.59-8-8-8c-1.48 0-2.86.41-4.06 1.12zm4.07-1.23l-1.41-1.41l-2.65 2.65l1.41 1.41zm-1.6 9.35L12.18 15l-1.59 1.59l-4.24-4.24l1.41-1.41l2.83 2.83l.18-.18l-5.65-5.65A7.93 7.93 0 0 0 4 12c0 4.41 3.59 8 8 8c1.48 0 2.86-.41 4.06-1.12" opacity=".3"/><path fill="currentColor" d="M7.94 5.12L6.49 3.66A9.9 9.9 0 0 1 12 2c5.52 0 10 4.48 10 10c0 2.04-.61 3.93-1.66 5.51l-1.46-1.46A7.87 7.87 0 0 0 20 12c0-4.41-3.59-8-8-8c-1.48 0-2.86.41-4.06 1.12m9.72 4.41l-1.41-1.41l-2.65 2.65l1.41 1.41zm2.12 13.08l-2.27-2.27A9.9 9.9 0 0 1 12 22C6.48 22 2 17.52 2 12c0-2.04.61-3.93 1.66-5.51L1.39 4.22L2.8 2.81l18.38 18.38zm-3.72-3.73L12.18 15l-1.59 1.59l-4.24-4.24l1.41-1.41l2.83 2.83l.18-.18l-5.65-5.65A7.93 7.93 0 0 0 4 12c0 4.41 3.59 8 8 8c1.48 0 2.86-.41 4.06-1.12"/></svg>

Twotone Unpublished アイコンの使い方

React

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

<Icon icon="ic:twotone-unpublished" width="24" />

Vue

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

<template>
  <Icon icon="ic:twotone-unpublished" width="24" />
</template>

Svelte

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

<Icon icon="ic:twotone-unpublished" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ic--twotone-unpublished]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ic -->
<div class="i-ic:twotone-unpublished"></div>

Web コンポーネント

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

<iconify-icon icon="ic:twotone-unpublished"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/ic/twotone-unpublished.svg" alt="Twotone Unpublished アイコン" width="24" height="24">

Google Material Icons の関連アイコン

Twotone Unpublished アイコンのよくある質問

Twotone Unpublished アイコンは商用利用でも無料ですか?

はい。Google Material Icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Twotone Unpublished アイコンを使うには?

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

Twotone Unpublished アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ic/twotone-unpublished.svg" alt="Twotone Unpublished アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Google Material Icons をすべて見る →