Long Drum アイコン

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

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

openmoji:long-drum

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

アイコンセット: OpenMoji
作者: OpenMoji
ライセンス: CC-BY-SA-4.0
サイズ: 72 × 72
カテゴリ: 物
タグ: longdrum

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path d="M29.625 35.945a1 1 0 0 1-.84-1.54l4.552-7.1l-3.295-4.081a1 1 0 0 1 1.557-1.256l3.747 4.641a1 1 0 0 1 .063 1.168l-4.941 7.708a1 1 0 0 1-.843.46m-4.01-.105a1 1 0 0 1-.758-.348l-5.053-5.869a1 1 0 0 1-.023-1.278l5.178-6.455a1 1 0 0 1 1.56 1.252l-4.658 5.807l4.512 5.239a1 1 0 0 1-.758 1.652m3.182 18.617a1 1 0 0 1-.984-.828l-2.628-15.102a1 1 0 1 1 1.97-.343l2.628 15.101a1 1 0 0 1-.813 1.157a1 1 0 0 1-.173.015"/><path d="M30.53 54.457a1 1 0 0 1-.997-.919l-1.237-15.165a1 1 0 0 1 1.994-.162l1.237 15.165a1 1 0 0 1-.916 1.078zm8.98-18.512a1 1 0 0 1-.843-.46l-4.941-7.708a1 1 0 0 1 .063-1.168l3.747-4.641a1 1 0 0 1 1.557 1.256l-3.295 4.08l4.553 7.101a1 1 0 0 1-.841 1.54m4.01-.105a1 1 0 0 1-.757-1.652l4.51-5.24l-4.658-5.806a1 1 0 0 1 1.56-1.252l5.178 6.455a1 1 0 0 1-.022 1.278l-5.053 5.87a1 1 0 0 1-.758.347m-3.181 18.617a1 1 0 0 1-.172-.015a1 1 0 0 1-.814-1.156l2.627-15.101a1 1 0 1 1 1.97.341l-2.626 15.102a1 1 0 0 1-.985.829"/><path d="M38.606 54.457q-.041 0-.083-.003a1 1 0 0 1-.916-1.078l1.238-15.165a1.01 1.01 0 0 1 1.078-.916a1 1 0 0 1 .916 1.078l-1.237 15.165a1 1 0 0 1-.996.919"/><path fill="#d22f27" d="M43.356 57.378C52.84 30.25 47.284 15.58 45.43 11.831a1.76 1.76 0 0 0-1.583-.974H25.45a1.76 1.76 0 0 0-1.583.974c-1.853 3.75-7.41 18.42 2.075 45.547a5.24 5.24 0 0 0 4.942 3.497h7.53a5.24 5.24 0 0 0 4.942-3.497"/><path fill="#f1b31c" d="m21.725 18.112l-.772 4.399l27.39.085l-.77-4.486zm3.146 35.345h19.643l-.863 3.067h-17.67z"/><rect width="6" height="3" x="24.701" y="35.181" fill="#a57939" rx="1.29"/><rect width="6" height="3" x="38.434" y="35.181" fill="#a57939" rx="1.29" transform="rotate(180 41.434 36.681)"/><path fill="#a57939" d="M25.038 10.857h18.81l1.583.974l.909 2.127H22.957l.91-2.127z"/><path fill="#f1b31c" d="M29.625 35.945a1 1 0 0 1-.84-1.54l4.552-7.1l-3.295-4.081a1 1 0 0 1 1.557-1.256l3.747 4.641a1 1 0 0 1 .063 1.168l-4.941 7.708a1 1 0 0 1-.843.46m-4.01-.105a1 1 0 0 1-.758-.348l-5.053-5.869a1 1 0 0 1-.023-1.278l5.178-6.455a1 1 0 0 1 1.56 1.252l-4.658 5.807l4.512 5.239a1 1 0 0 1-.758 1.652m3.182 18.617a1 1 0 0 1-.984-.828l-2.628-15.102a1 1 0 1 1 1.97-.343l2.628 15.101a1 1 0 0 1-.813 1.157a1 1 0 0 1-.173.015"/><path fill="#f1b31c" d="M30.53 54.457a1 1 0 0 1-.997-.919l-1.237-15.165a1 1 0 0 1 1.994-.162l1.237 15.165a1 1 0 0 1-.916 1.078zm8.98-18.512a1 1 0 0 1-.843-.46l-4.941-7.708a1 1 0 0 1 .063-1.168l3.747-4.641a1 1 0 0 1 1.557 1.256l-3.295 4.08l4.553 7.101a1 1 0 0 1-.841 1.54m4.01-.105a1 1 0 0 1-.757-1.652l4.51-5.24l-4.658-5.806a1 1 0 0 1 1.56-1.252l5.178 6.455a1 1 0 0 1-.022 1.278l-5.053 5.87a1 1 0 0 1-.758.347m-3.181 18.617a1 1 0 0 1-.172-.015a1 1 0 0 1-.814-1.156l2.627-15.101a1 1 0 1 1 1.97.341l-2.626 15.102a1 1 0 0 1-.985.829"/><path fill="#f1b31c" d="M38.606 54.457q-.041 0-.083-.003a1 1 0 0 1-.916-1.078l1.238-15.165a1.01 1.01 0 0 1 1.078-.916a1 1 0 0 1 .916 1.078l-1.237 15.165a1 1 0 0 1-.996.919"/><g fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"><path d="M43.356 57.378C52.84 30.25 47.284 15.58 45.43 11.831a1.76 1.76 0 0 0-1.583-.974H25.45a1.76 1.76 0 0 0-1.583.974c-1.853 3.75-7.41 18.42 2.075 45.547a5.24 5.24 0 0 0 4.942 3.497h7.53a5.24 5.24 0 0 0 4.942-3.497Z"/><path stroke-linecap="round" d="M21.725 18.119h25.848m-24.302-4.161H46.34m-25.387 8.557h27.39"/><rect width="6" height="3" x="24.701" y="35.181" rx="1.328"/><path stroke-linecap="round" d="M24.648 53.457H44.61m-18.629 3.066h17.356"/><rect width="6" height="3" x="38.434" y="35.181" rx="1.328" transform="matrix(-1 0 0 -1 82.868 73.362)"/></g></svg>

Long Drum アイコンの使い方

React

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

<Icon icon="openmoji:long-drum" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:long-drum" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:long-drum" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--long-drum]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:long-drum"></div>

Web コンポーネント

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

<iconify-icon icon="openmoji:long-drum"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/long-drum.svg" alt="Long Drum アイコン" width="24" height="24">

他のアイコンセットの Long Drum アイコン

Long Drum アイコンのよくある質問

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

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

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

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

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

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

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