Plier 16 アイコン
qlementine-icons:plier-16
Plier 16 アイコン(qlementine-icons:plier-16)は、Qlementine Icons セットの無料 SVG アイコンです(作者: Olivier Cléro)。 24 × 24 のグリッドで描かれています。 Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Qlementine Icons
- 作者
- Olivier Cléro
- ライセンス
- MIT
- サイズ
- 24 × 24
- カテゴリ
- その他
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M14.1.025a1 1 0 0 1 .928.269l.637.637c.28.28.369.699.226 1.07l-1.5 3.86a1 1 0 0 1-.226.345l-2.72 2.67s-.67 2.05-.92 2.71c-.216.576-.341.915-.518 1.23q-.23.407-.538.758c-.237.269-.515.499-.987.893l-1.29 1.08a1.97 1.97 0 0 1-1.26.456h-.106a1.859 1.859 0 0 1-1.19-3.29l1.21-1.01c.496-.413.703-.587.877-.785q.239-.274.418-.59c.129-.23.226-.482.452-1.09l.52-1.39l-1.38.52c-.604.227-.857.323-1.09.452a3.5 3.5 0 0 0-.59.418c-.198.174-.372.38-.785.877l-1.01 1.21a1.859 1.859 0 0 1-3.29-1.19v-.106c0-.46.161-.906.456-1.26l1.08-1.29c.394-.473.623-.751.893-.987q.35-.308.758-.538c.312-.176.651-.301 1.23-.518c.668-.25 2.71-.921 2.71-.921l2.67-2.72l.077-.07a1 1 0 0 1 .268-.156l3.86-1.5l.141-.043zm-5.58 9.57c-.216.576-.341.915-.518 1.23q-.23.407-.538.758c-.237.269-.515.499-.987.893l-1.21 1.01a.862.862 0 0 0 .551 1.524h.106c.226 0 .445-.08.619-.225l1.29-1.08c.496-.413.703-.587.877-.785q.239-.274.418-.59c.129-.23.226-.482.452-1.09l.793-2.11l-1.22-1.22L8.52 9.6zm-3.8-3.22c-.604.227-.857.323-1.09.452a3.5 3.5 0 0 0-.59.418c-.198.174-.372.38-.785.877l-1.08 1.29a.97.97 0 0 0-.225.619v.106a.862.862 0 0 0 1.524.552l1.01-1.21c.394-.473.623-.751.893-.987q.35-.308.758-.538c.312-.176.651-.301 1.23-.518l1.69-.633l-1.22-1.22l-2.11.793zm5.74-3.87l-2.5 2.5l3 3l2.5-2.5l1.46-3.75l-3.1 3.1a.5.5 0 0 1-.707-.707l3.1-3.1l-3.75 1.46z" clip-rule="evenodd"/></svg>Plier 16 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="qlementine-icons:plier-16" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="qlementine-icons:plier-16" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="qlementine-icons:plier-16" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--plier-16]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:plier-16"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="qlementine-icons:plier-16"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/qlementine-icons/plier-16.svg" alt="Plier 16 アイコン" width="24" height="24">Plier 16 アイコン のよくある質問
Plier 16 アイコンは商用利用でも無料ですか?
はい。Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Plier 16 アイコンを使うには?
@iconify/react をインストールして <Icon icon="qlementine-icons:plier-16" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Plier 16 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/qlementine-icons/plier-16.svg" alt="Plier 16 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。