Paw Line アイコン
mingcute:paw-line
Paw Line アイコン(mingcute:paw-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
- タグ
- pawline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5.403 6.55a1 1 0 1 0-1.813.846l.906-.423zm15.007.842a1 1 0 1 0-1.812-.845l.906.423zM13 4a1 1 0 0 0-2 0zm5 13.278h-1c0 .148-.16.58-1.166 1.032c-.926.414-2.28.69-3.834.69v2c1.76 0 3.406-.308 4.651-.865c1.165-.522 2.349-1.45 2.349-2.857zM12 20v-1c-1.554 0-2.908-.276-3.834-.69C7.159 17.859 7 17.426 7 17.278H5c0 1.407 1.184 2.335 2.349 2.857C8.594 20.692 10.24 21 12 21zm-6-2.722h1c0-.529.405-1.338 1.364-2.069A6.07 6.07 0 0 1 12 14v-2c-1.89 0-3.6.666-4.849 1.619C5.938 14.544 5 15.874 5 17.278zM12 13v1c1.425 0 2.714.506 3.636 1.21c.959.73 1.364 1.54 1.364 2.068h2c0-1.404-.938-2.734-2.151-3.66A8.07 8.07 0 0 0 12 12zM7.018 8.832l-.906.423c.15.323.171.627.127.839c-.045.21-.132.266-.158.278l.423.906l.422.907c.725-.338 1.128-1.006 1.27-1.68s.044-1.418-.272-2.096zm-.514 2.446l-.423-.906c-.026.012-.125.044-.315-.058s-.41-.313-.56-.637l-.907.423l-.906.422c.316.678.823 1.23 1.43 1.556c.608.325 1.379.445 2.103.107zM4.299 10.1l.906-.423c-.15-.323-.171-.628-.127-.839s.132-.266.158-.278l-.423-.907l-.422-.906c-.725.338-1.128 1.005-1.27 1.68c-.142.674-.044 1.418.272 2.095zm.514-2.447l.423.907c.026-.013.124-.044.315.058c.19.102.41.313.56.637l.907-.423l.906-.423c-.316-.677-.823-1.23-1.43-1.555c-.608-.325-1.379-.445-2.103-.107zm0 0l.906-.422l-.317-.68l-.906.422l-.906.423l.317.68zm14.888 2.443l-.906-.423c-.151.324-.37.535-.561.637c-.19.102-.289.07-.315.058l-.423.907l-.422.906c.724.338 1.495.218 2.103-.107c.607-.325 1.114-.878 1.43-1.555zm-2.205 1.179l.423-.907c-.026-.012-.113-.067-.158-.278c-.044-.212-.023-.516.127-.84l-.906-.422l-.906-.422c-.316.677-.414 1.421-.272 2.095s.545 1.342 1.27 1.68zm-.514-2.447l.906.423c.151-.324.371-.535.561-.637s.289-.07.315-.058l.423-.907l.422-.906c-.724-.338-1.495-.218-2.103.107c-.607.325-1.114.878-1.43 1.556zm2.205-1.179l-.423.907c.026.012.114.067.158.278s.023.516-.127.84l.906.422l.906.423c.316-.678.414-1.422.272-2.096s-.545-1.342-1.27-1.68zm0 0l.906.423l.317-.68l-.906-.422l-.907-.423l-.317.68zM14 7.5h-1c0 1.048-.644 1.5-1 1.5v2c1.854 0 3-1.787 3-3.5zM12 10V9c-.356 0-1-.452-1-1.5H9c0 1.713 1.146 3.5 3 3.5zm-2-2.5h1c0-1.048.644-1.5 1-1.5V4c-1.854 0-3 1.787-3 3.5zM12 5v1c.356 0 1 .452 1 1.5h2C15 5.787 13.854 4 12 4zm0 0h1V4h-2v1z"/></svg>Paw Line アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:paw-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:paw-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:paw-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--paw-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:paw-line"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:paw-line"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/mingcute/paw-line.svg" alt="Paw Line アイコン" width="24" height="24">MingCute Icon の関連アイコン
Paw Line アイコン のよくある質問
Paw Line アイコンは商用利用でも無料ですか?
はい。MingCute Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Paw Line アイコンを使うには?
@iconify/react をインストールして <Icon icon="mingcute:paw-line" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Paw Line アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/mingcute/paw-line.svg" alt="Paw Line アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。