ICONYZ
日本語
Glyphs の Dslr Outline アイコン

Dslr Outline アイコン

glyphs:dslr-outline

Dslr Outline アイコン(glyphs:dslr-outline)は、Glyphs セットの無料 SVG アイコンです(作者: Goran Spasojevic)。 80 × 80 のグリッドで描かれています。 Glyphs icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Glyphs
作者
Goran Spasojevic
ライセンス
MIT
サイズ
80 × 80
タグ
dslroutline
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-opacity=".25" d="M42.998 34.072a8.927 8.927 0 0 0-8.49 11.685a2 2 0 0 0 3.805-1.236a4.927 4.927 0 0 1 4.685-6.449a2 2 0 1 0 0-4"/><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M35.072 29.268a15.856 15.856 0 1 1 15.856 27.464a15.856 15.856 0 0 1-15.856-27.464m13.856 3.464a11.856 11.856 0 1 0-11.856 20.535a11.856 11.856 0 0 0 11.856-20.535" clip-rule="evenodd"/><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M34.632 11.397A4 4 0 0 1 38.297 9h9.475a4 4 0 0 1 3.665 2.397L52.138 13h.127A4 4 0 0 1 56 15.57L57.696 20H64a5 5 0 0 1 5 5v36a5 5 0 0 1-5 5H51.49a24.53 24.53 0 0 1-16.98 0H14a5 5 0 0 1-5-5V25a5 5 0 0 1 5-5h.51l.187-.855A4 4 0 0 1 18.604 16h2.826a4 4 0 0 1 3.908 3.145l.187.855h2.9l1.696-4.43A4 4 0 0 1 33.856 13h.075zM25.57 60.242A25 25 0 0 0 27.505 62H14a1 1 0 0 1-1-1V25a1 1 0 0 1 1-1h13.505a24.53 24.53 0 0 0-8.982 20.388a24.52 24.52 0 0 0 7.047 15.854M61.242 26.62A24.5 24.5 0 0 1 65 32.18V25a1 1 0 0 0-1-1h-5.505a24.5 24.5 0 0 1 2.747 2.62M65 53.82A24.5 24.5 0 0 1 58.495 62H64a1 1 0 0 0 1-1zm-29.403 8.316a20.52 20.52 0 0 0 23.697-6.667a20.518 20.518 0 1 0-36.1-17.821a20.5 20.5 0 0 0-.665 6.72a20.52 20.52 0 0 0 13.068 17.768M33.857 17l-1.498 3.913a24.52 24.52 0 0 1 21.431.072L52.265 17z" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M42.998 34.072a8.927 8.927 0 0 0-8.49 11.685a2 2 0 0 0 3.805-1.236a4.927 4.927 0 0 1 4.685-6.449a2 2 0 1 0 0-4"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M35.072 29.268a15.856 15.856 0 1 1 15.856 27.464a15.856 15.856 0 0 1-15.856-27.464m13.856 3.464a11.856 11.856 0 1 0-11.856 20.535a11.856 11.856 0 0 0 11.856-20.535" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M34.632 11.397A4 4 0 0 1 38.297 9h9.475a4 4 0 0 1 3.665 2.397L52.138 13h.127A4 4 0 0 1 56 15.57L57.696 20H64a5 5 0 0 1 5 5v36a5 5 0 0 1-5 5H51.49a24.53 24.53 0 0 1-16.98 0H14a5 5 0 0 1-5-5V25a5 5 0 0 1 5-5h.51l.187-.855A4 4 0 0 1 18.604 16h2.826a4 4 0 0 1 3.908 3.145l.187.855h2.9l1.696-4.43A4 4 0 0 1 33.856 13h.075zM25.57 60.242A25 25 0 0 0 27.505 62H14a1 1 0 0 1-1-1V25a1 1 0 0 1 1-1h13.505a24.53 24.53 0 0 0-8.982 20.388a24.52 24.52 0 0 0 7.047 15.854M61.242 26.62A24.5 24.5 0 0 1 65 32.18V25a1 1 0 0 0-1-1h-5.505a24.5 24.5 0 0 1 2.747 2.62M65 53.82A24.5 24.5 0 0 1 58.495 62H64a1 1 0 0 0 1-1zm-29.403 8.316a20.52 20.52 0 0 0 23.697-6.667a20.518 20.518 0 1 0-36.1-17.821a20.5 20.5 0 0 0-.665 6.72a20.52 20.52 0 0 0 13.068 17.768M33.857 17l-1.498 3.913a24.52 24.52 0 0 1 21.431.072L52.265 17z" clip-rule="evenodd"/></g></svg>

Dslr Outline アイコンの使い方

React

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

<Icon icon="glyphs:dslr-outline" width="24" />

Vue

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

<template>
  <Icon icon="glyphs:dslr-outline" width="24" />
</template>

Svelte

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

<Icon icon="glyphs:dslr-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--dslr-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:dslr-outline"></div>

Web コンポーネント

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

<iconify-icon icon="glyphs:dslr-outline"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/glyphs/dslr-outline.svg" alt="Dslr Outline アイコン" width="24" height="24">

Glyphs の関連アイコン

Dslr Outline アイコン のよくある質問

Dslr Outline アイコンは商用利用でも無料ですか?

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

React で Dslr Outline アイコンを使うには?

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

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

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

Glyphs アイコン をすべて見る →