ICONYZ
日本語
Arcticons の Dan The Man アイコン

Dan The Man アイコン

arcticons:dan-the-man

Dan The Man アイコン(arcticons:dan-the-man)は、Arcticons セットの無料 SVG アイコンです(作者: Donnnno)。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Arcticons
作者
Donnnno
ライセンス
CC-BY-SA-4.0
サイズ
48 × 48
タグ
danthe、theman、dantheman
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M31.155 22.893v-.884c0-.62.5-1.119 1.12-1.119h11.804v2.003c0 .62-.499 1.12-1.119 1.12h-8.62m3.68.068v1.116c0 .62-.5 1.118-1.12 1.118h-2.462"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M31.302 22.373h1.841c.62 0 1.12.499 1.12 1.119v1.839c0 .855-.942 1.42-1.376 1.579m-.947 3.905c.203 1.09 3.066 1.164 3.094-.407"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M34.096 29.853c1.138.79 2.391-.53 1.584-1.19c-1.17-.957-3.012-2.061-4.729-2.273c4.575-1.91-1.839-5.293-2.718-1.565c-2.172 0-2.657-.008-3.985.801l-10.461.019v1.7c0 .62.499 1.12 1.119 1.12h8.13c1.83 0 5.406.952 5.406.952c.493.904 1.835 2.126 3.806 2.126"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M36.534 26.478v1.115c0 .509-.337.937-.8 1.073m-9.8-12.675c0-.62-.499-1.12-1.119-1.12H10.853v1.995c0 .62.5 1.119 1.12 1.119h13.961zm-5.333.207v.461"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M25.934 15.99c.971-1.52 2.781-7.353-.13-7.353L24.39 10.71c-1.157-1.364-2.704-4.201-4.7-4.201h-2.93c1.611 1.077 2.284 2.552 2.457 3.93c-1.539-1.404-2.233-2.375-5.425-2.375c0 2.105 1.058 2.836 2.176 3.948c-1.468-.456-2.856-.95-4.144-1.907c-.871.31-1.307 1.502-1.36 2.25"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m10.647 11.367l-2.286 2.05c1.072.687 1.748 1.489 2.333 2.317m-1.43 2.61c.698 3.242-1.653 4.495-4.405 4.188c.209-1.867-1.313-2.115-.85-3.798c1.667-.08 3.111-.56 4.582-.995z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M6.16 23.96c.968 1.04 2.438 2.415 3.402 1.455c.874-.87 1.358-1.944 1.358-2.664v-3.33m-.64-4.162l-1.892 2.19m3.29.818c-.63.676-1.164 1.219-2.198 1.103m16.383-1.344l-.004 2.763c-.004 2.094-.187 3.685-1.456 4.625M14.13 18.218l-.318 4.831c-.686-.644-1.584-2.442-2.428-.636m0 0c-.1 1.703 1.793 3.264 3.305 3.264m7.797 7.01a1.557 1.557 0 1 1-3.114 0a1.557 1.557 0 0 1 3.114 0m-9.205-.319h5.847"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M19.394 32.889c-1.418.973-2.243 1.914-2.792 2.948c.605.956 2.39 1.68 3.972 1.834V34.5m1.897-.941l1.395 1.495l-3.01 1.996m2.102-4.682h.528"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M23.698 28.612v4.497c2.553 2.013 4.474 5.072 5.149 8.382h-8.383c-.38-2.828-1.902-4.414-4.654-3.912c-.966.176.047 3.339-1.996 3.912h-6.97c0-3.435 2.736-6.557 6.228-8.556c0-3.045-.754-3.83-.754-5.718v-2.445"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M17.79 25.87c-.782.21-.972 1.316-.972 2.406"/></svg>

Dan The Man アイコンの使い方

React

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

<Icon icon="arcticons:dan-the-man" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:dan-the-man" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:dan-the-man" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--dan-the-man]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:dan-the-man"></div>

Web コンポーネント

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

<iconify-icon icon="arcticons:dan-the-man"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/dan-the-man.svg" alt="Dan The Man アイコン" width="24" height="24">

Arcticons の関連アイコン

Dan The Man アイコン のよくある質問

Dan The Man アイコンは商用利用でも無料ですか?

はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Dan The Man アイコンを使うには?

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

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

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

Arcticons をすべて見る →