Dam アイコン

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

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

roentgen:dam

Dam アイコン(roentgen:dam)は、Röntgen セットの無料 SVG アイコンです（作者: Sergey Vartanov）。 24 × 24 のグリッドで描かれています。 Röntgen icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Röntgen
作者: Sergey Vartanov
ライセンス: CC-BY-4.0
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6.5 1a.5.5 0 0 0-.498.46L5.783 4.3a.5.5 0 0 0-.137.097C5.206 4.839 4.834 5 4.5 5c-.328 0-.714-.171-1.146-.604A.5.5 0 0 0 3 4.25a.5.5 0 0 0-.353.146C2.205 4.839 1.833 5 1.5 5a.5.5 0 0 0-.5.5a.5.5 0 0 0 .5.5c.53 0 1.035-.212 1.5-.58c.462.364.968.58 1.5.58c.41 0 .806-.127 1.18-.356l-.06.78C5.19 6.844 4.825 7 4.5 7c-.328 0-.714-.171-1.146-.604A.5.5 0 0 0 3 6.25a.5.5 0 0 0-.353.146C2.205 6.839 1.833 7 1.5 7a.5.5 0 0 0-.5.5a.5.5 0 0 0 .5.5c.53 0 1.035-.212 1.5-.58c.462.364.968.58 1.5.58c.352 0 .694-.095 1.02-.266l-.518 6.727A.5.5 0 0 0 5.5 15h5a.5.5 0 0 0 .498-.54l-.12-1.558q.304.097.622.098c.53 0 1.034-.212 1.5-.58c.466.368.97.58 1.5.58a.5.5 0 0 0 .5-.5a.5.5 0 0 0-.5-.5c-.333 0-.705-.162-1.146-.604a.5.5 0 0 0-.104-.08a.5.5 0 0 0-.121-.048a.5.5 0 0 0-.194-.014a.5.5 0 0 0-.289.143c-.44.44-.813.603-1.146.603c-.213 0-.45-.073-.709-.242l-.07-.912q.378.152.779.154c.53 0 1.034-.212 1.5-.58c.466.368.97.58 1.5.58a.5.5 0 0 0 .5-.5a.5.5 0 0 0-.5-.5c-.333 0-.705-.162-1.146-.604a.5.5 0 0 0-.104-.08a.5.5 0 0 0-.121-.048a.5.5 0 0 0-.194-.014a.5.5 0 0 0-.289.143c-.44.44-.813.603-1.146.603c-.257 0-.55-.106-.873-.36l-.629-8.18A.5.5 0 0 0 9.5 1z"/></svg>

Dam アイコンの使い方

React

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

<Icon icon="roentgen:dam" width="24" />

Vue

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

<template>
  <Icon icon="roentgen:dam" width="24" />
</template>

Svelte

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

<Icon icon="roentgen:dam" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[roentgen--dam]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/roentgen -->
<div class="i-roentgen:dam"></div>

Web コンポーネント

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

<iconify-icon icon="roentgen:dam"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/roentgen/dam.svg" alt="Dam アイコン" width="24" height="24">

他のアイコンセットの Dam アイコン

Dam アイコンのよくある質問

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

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

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

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

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

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

Röntgen アイコンをすべて見る →