Cylinder 2 Line アイコン
mingcute:cylinder-2-line
Cylinder 2 Line アイコン(mingcute:cylinder-2-line)は、MingCute Icon セットの無料 SVG アイコンです（作者: MingCute Design）。 24 × 24 のグリッドで描かれています。 MingCute Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- MingCute Icon
- 作者
- MingCute Design
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- タグ
- cylinderline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9 7.84h1a1 1 0 0 0-.891-.993zm6-.007l-.114-.994a1 1 0 0 0-.886.994zM9 19.84l-.109.994A1 1 0 0 0 10 19.84zm6-.008h-1a1 1 0 0 0 1.114.993zM4 6H3v12h2V6zm16 0h-1v12h2V6zM4 6h1c0 .19-.087.288-.082.282a1 1 0 0 1 .212-.15c.294-.171.782-.362 1.464-.539C7.944 5.243 9.857 5 12 5V3c-2.275 0-4.362.257-5.908.657c-.765.198-1.449.445-1.964.743a2.8 2.8 0 0 0-.721.572A1.57 1.57 0 0 0 3 6zm8-2v1c2.143 0 4.056.243 5.406.593c.682.177 1.17.368 1.464.538a1 1 0 0 1 .212.15C19.087 6.289 19 6.19 19 6h2c0-.44-.2-.788-.407-1.028a2.8 2.8 0 0 0-.72-.572c-.516-.298-1.2-.545-1.965-.743C16.362 3.257 14.275 3 12 3zM9 7.84l.109-.993c-1.418-.155-2.581-.413-3.363-.7c-.397-.146-.643-.281-.77-.379C4.818 5.648 5 5.716 5 6H3c0 .664.441 1.113.762 1.358c.352.269.806.486 1.293.665c.986.363 2.322.646 3.836.812zM20 6h-1c0-.315.208-.392.032-.26c-.13.097-.381.233-.78.38c-.785.291-1.95.557-3.366.72l.114.993l.114.993c1.516-.173 2.85-.466 3.833-.83c.485-.18.934-.395 1.283-.655c.304-.227.77-.67.77-1.341zM9 7.84H8v8.32h2V7.84zm0 8.32l.109.993A27 27 0 0 1 12 17v-2c-1.097 0-2.146.06-3.109.165zm6-8.327h-1v8.326h2V7.833zM12 16v1c1.025 0 2.002.056 2.891.153L15 16.16l.109-.994A29 29 0 0 0 12 15zm-3 .16H8v3.68h2v-3.68zm0 3.68l.109-.993c-1.418-.155-2.581-.413-3.363-.7c-.397-.146-.643-.281-.77-.379c-.158-.12.024-.052.024.232H3c0 .664.441 1.113.762 1.358c.352.269.806.486 1.293.665c.986.363 2.322.646 3.836.812zm6-3.68h-1v3.673h2v-3.674zM20 18h-1c0-.315.208-.392.032-.26c-.13.097-.381.233-.78.38c-.785.291-1.95.557-3.366.72l.114.993l.114.993c1.516-.173 2.85-.466 3.833-.83c.485-.18.934-.395 1.283-.655c.304-.227.77-.67.77-1.341z"/></svg>Cylinder 2 Line アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:cylinder-2-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:cylinder-2-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:cylinder-2-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--cylinder-2-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:cylinder-2-line"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:cylinder-2-line"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/mingcute/cylinder-2-line.svg" alt="Cylinder 2 Line アイコン" width="24" height="24">MingCute Icon の関連アイコン
Cylinder 2 Line アイコン のよくある質問
Cylinder 2 Line アイコンは商用利用でも無料ですか?
はい。MingCute Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cylinder 2 Line アイコンを使うには?
@iconify/react をインストールして <Icon icon="mingcute:cylinder-2-line" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cylinder 2 Line アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/mingcute/cylinder-2-line.svg" alt="Cylinder 2 Line アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。