ICONYZ
日本語
theSVG Color の Digital Editions アイコン

Digital Editions アイコン

thesvg-color:digital-editions

Digital Editions アイコン(thesvg-color:digital-editions)は、theSVG Color セットの無料 SVG アイコンです(作者: thesvg.org)。 32 × 32 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
theSVG Color
作者
thesvg.org
ライセンス
MIT
サイズ
32 × 32
タグ
digitaleditions、edition
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g clip-path="url(#SVGmAhx2dHO)"><path fill="#260c00" d="M30.667 1.333H1.333v28.534h29.334z"/><path fill="#ff6000" fill-rule="evenodd" d="M0 0v31.2h32V0zm1.333 1.333h29.334v28.534H1.333z" clip-rule="evenodd"/><path fill="#fedcca" d="M24.307 22.84H7.693c-.986 0-1.293-.32-1.293-1.307V9.48c0-.987.32-1.307 1.293-1.307h16.6c.987 0 1.294.32 1.294 1.307v12.067c.013.973-.307 1.293-1.28 1.293M7.693 8.707c-.68 0-.76.08-.76.773v12.067c0 .693.08.773.76.773h16.6c.68 0 .76-.08.76-.773V9.48c0-.693-.08-.773-.76-.773z"/><path fill="#ff6000" d="M7.6 21.64h8.133V9.373H7.6zm1.333-9.24H14.8v.267H8.933zm0 1.213H14.8v.267H8.933zm0 1.187H14.8v.267H8.933zm0 1.2H14.8v.267H8.933zm0 1.213H14.8v.267H8.933zm0 1.187H14.8v.267H8.933zM21.16 9.373h-4.893V21.64H24.4v-9.08zm-3.92 2.96h3.267v.267H17.24zm0 1.214l5.813.026v.267l-5.813-.027zm5.867 5.053h-5.88v-.267h5.88zm0-1.187h-5.88v-.266h5.88zm0-1.213h-5.88v-.267h5.88zm0-1.2h-5.88v-.267h5.88zm-2-2.387v-2.96l3.026 2.96z"/></g><defs><clipPath id="SVGmAhx2dHO"><path fill="#fff" d="M0 0h32v31.2H0z"/></clipPath></defs></g></svg>

Digital Editions アイコンの使い方

React

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

<Icon icon="thesvg-color:digital-editions" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:digital-editions" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:digital-editions" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--digital-editions]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:digital-editions"></div>

Web コンポーネント

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

<iconify-icon icon="thesvg-color:digital-editions"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/digital-editions.svg" alt="Digital Editions アイコン" width="24" height="24">

theSVG Color の関連アイコン

Digital Editions アイコン のよくある質問

Digital Editions アイコンは商用利用でも無料ですか?

はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Digital Editions アイコンを使うには?

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

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

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

theSVG Color アイコン をすべて見る →