ICONYZ
日本語
Pixel free icons の Design Artboard Shapes アイコン

Design Artboard Shapes アイコン

streamline-pixel:design-artboard-shapes

Design Artboard Shapes アイコン(streamline-pixel:design-artboard-shapes)は、Pixel free icons セットの無料 SVG アイコンです（作者: Streamline）。 32 × 32 のグリッドで描かれています。 Pixel free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Pixel free icons
作者
Streamline
ライセンス
CC-BY-4.0
サイズ
32 × 32
カテゴリ
デザイン
タグ
designartboard、artboardshapes、designartboardshapes、shape
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M28.95 3.05H32v1.52h-3.05Zm0 24.38H32v1.52h-3.05ZM27.43 0h1.52v3.05h-1.52Zm0 28.95h1.52V32h-1.52Zm0-24.38H4.57v22.86h22.86Zm-1.52 21.34H6.1V6.1h19.81Z"/><path fill="currentColor" d="M13.72 24.38h10.66V13.71H13.72Zm1.52-9.14h7.62v7.62h-7.62Z"/><path fill="currentColor" d="M9.15 18.29h1.52v1.52h1.52v-7.62h7.62v-1.52h-1.52V9.14h-1.53V7.62h-6.09v1.52H9.15v1.53H7.62v6.09h1.53zM3.05 0h1.52v3.05H3.05Zm0 28.95h1.52V32H3.05ZM0 3.05h3.05v1.52H0Zm0 24.38h3.05v1.52H0Z"/></svg>

Design Artboard Shapes アイコンの使い方

React

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

<Icon icon="streamline-pixel:design-artboard-shapes" width="24" />

Vue

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

<template>
  <Icon icon="streamline-pixel:design-artboard-shapes" width="24" />
</template>

Svelte

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

<Icon icon="streamline-pixel:design-artboard-shapes" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-pixel--design-artboard-shapes]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-pixel -->
<div class="i-streamline-pixel:design-artboard-shapes"></div>

Web コンポーネント

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

<iconify-icon icon="streamline-pixel:design-artboard-shapes"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-pixel/design-artboard-shapes.svg" alt="Design Artboard Shapes アイコン" width="24" height="24">

Pixel free icons の関連アイコン

design-color-brush-paint アイコン
design-color-brush-paint
 design-color-bucket アイコン
design-color-bucket
 design-color-bucket-brush アイコン
design-color-bucket-brush
 design-color-painting-palette アイコン
design-color-painting-palette
 design-color-palette-sample アイコン
design-color-palette-sample
 design-color-spray アイコン
design-color-spray
 design-color-tube-pastel アイコン
design-color-tube-pastel
 design-crop-edit-picture アイコン
design-crop-edit-picture
 design-drawing-board アイコン
design-drawing-board
 design-dropper-1 アイコン
design-dropper-1
 design-dropper-2 アイコン
design-dropper-2
 design-half-circle-ruler アイコン
design-half-circle-ruler
 design-hilight アイコン
design-hilight
 design-ink-pen アイコン
design-ink-pen
 design-layer アイコン
design-layer
 design-magic-wand アイコン
design-magic-wand
 design-pencil アイコン
design-pencil
 design-ruler アイコン
design-ruler
 design-stamp アイコン
design-stamp
 design-vectors-pen-new-anchor アイコン
design-vectors-pen-new-anchor

Design Artboard Shapes アイコン のよくある質問

Design Artboard Shapes アイコンは商用利用でも無料ですか?

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

React で Design Artboard Shapes アイコンを使うには?

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

Design Artboard Shapes アイコンをウェブページに追加するには?

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

Pixel free icons をすべて見る →