Bowknot Line アイコン
mingcute:bowknot-line
Bowknot Line アイコン(mingcute:bowknot-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
- タグ
- bowknotline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.639 11.742a1 1 0 1 0 .518-1.932l-.26.966zm-1.414-2.45a1 1 0 1 0-.518 1.933l.259-.966zm8.068 1.933a1 1 0 1 0-.518-1.932l.26.966zm-2.45-1.415a1 1 0 0 0 .518 1.932l-.259-.966zm-4.272 5.397l.973.232zM6.346 18.5l-.588-.809a1 1 0 0 0 .355 1.782zm3.075.735l-.232.973a1 1 0 0 0 .9-.228zm2.684-3.748l.996-.087zm-.695-1.75a1 1 0 1 0-1.55-1.262l.775.631zm1.56.169a1 1 0 0 0-1.992.174l.996-.087zm-.378 1.962l.852-.523zm.048 4.61l-.987-.158a1 1 0 0 0 1.51 1.01zm2.695-1.656l.523.852a1 1 0 0 0 .475-.797zm-.753-4.548l.643-.766zm-1.728-.746a1 1 0 1 0-1.99.204l.995-.102zm.852-1.294a1 1 0 0 0-1.286 1.532l.643-.766zm6.75.784l.953.305zm-14.713.993l.2.98zm-2.2-.993l-.952.305zm14.874-7.61l-.672.74zM14 10h-1v1h2v-1zm-4 1h1v-1H9v1zm-4.257 3.01l.2.98l5.103-1.044l-.2-.98l-.2-.98l-5.103 1.045zm-.16-8.603l-.672-.74c-.823.748-1.693 1.993-2.241 4.038l.966.259l.966.259c.46-1.717 1.145-2.614 1.653-3.075zM3.636 8.965l-.966-.259c-.548 2.045-.418 3.558-.079 4.617l.953-.305l.952-.305c-.209-.653-.354-1.773.106-3.49zM11.2 8.5l.663-.748L8.648 4.9l-.664.748l-.663.748l3.216 2.852zm7.056 5.51l.2-.979l-5.102-1.044l-.2.98l-.201.98l5.102 1.044zm.16-8.602l-.672.74c.508.461 1.193 1.358 1.653 3.075l.966-.259l.966-.258c-.548-2.045-1.417-3.29-2.24-4.038zm1.947 3.556l-.966.26c.46 1.716.315 2.835.106 3.489l.952.305l.953.305c.339-1.06.469-2.573-.079-4.617zM12.8 8.5l.664.748l3.216-2.852l-.663-.748l-.663-.749l-3.217 2.853zm-2.901 2.276l.258-.966l-1.931-.517l-.26.966l-.258.966l1.932.517zm6.136-.517l-.259-.966l-1.931.517l.258.966l.26.966l1.931-.517zm-6.463 4.948l-.973-.232c-.024.103-.114.293-.329.565c-.205.26-.48.537-.791.815c-.626.557-1.311 1.04-1.72 1.336l.588.81l.587.809c.378-.275 1.158-.823 1.875-1.462c.36-.321.726-.684 1.03-1.067c.294-.372.584-.83.706-1.342zM6.346 18.5l-.233.973l3.076.735l.232-.973l.233-.973l-3.076-.734zm3.075.735l.668.745c.226-.203 1.044-.84 1.697-1.555c.63-.69 1.425-1.772 1.315-3.025l-.996.087l-.996.087c.03.34-.208.855-.799 1.502c-.568.621-1.161 1.06-1.556 1.415zm1.214-6.129l-.776-.631a6.3 6.3 0 0 0-1.26 2.5l.972.232l.973.232c.157-.658.482-1.23.866-1.702zm1.47 2.381l.996-.087l-.13-1.494l-.997.087l-.996.087l.13 1.494zm.487.381l-.852.524c.056.09.127.288.167.632c.038.33.04.72.016 1.136c-.048.836-.191 1.663-.27 2.16l.987.157l.988.158c.073-.462.237-1.402.292-2.36c.028-.482.03-.997-.026-1.483c-.055-.471-.175-1-.45-1.447zm.048 4.61l.524.852l2.694-1.656l-.523-.852l-.524-.852l-2.694 1.656zm2.695-1.656l.998.055c.017-.303.145-1.333.101-2.3c-.042-.933-.245-2.26-1.21-3.069l-.642.766l-.643.766c.262.22.458.751.497 1.627c.038.841-.07 1.572-.1 2.1zm-3.476-5.192l-.995.102c.086.835.332 1.774.876 2.66l.852-.524l.852-.523a4.3 4.3 0 0 1-.59-1.817zm2.723.644l.643-.766l-1.519-1.274l-.643.766l-.643.766l1.52 1.274zm3.675-.263l-.2.98c1.143.234 2.834-.051 3.352-1.668l-.953-.305l-.952-.305c-.042.13-.121.218-.28.281c-.182.073-.456.1-.767.037zM5.583 5.408l.672.74c.1-.09.214-.127.384-.103c.194.028.444.14.682.351l.663-.748l.664-.748c-.874-.775-2.48-1.374-3.737-.232zm.16 8.603l-.2-.98c-.311.064-.585.037-.767-.036c-.159-.064-.238-.152-.28-.281l-.952.304l-.953.305c.518 1.617 2.209 1.902 3.353 1.668zM12 13v-1a1 1 0 0 1-1-1H9a3 3 0 0 0 3 3zm2-2h-1a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3zm-2-3v1a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3zm6.417-2.592l.672-.74c-1.256-1.142-2.863-.543-3.736.231l.663.749l.663.748c.238-.21.489-.324.683-.351c.17-.025.282.012.383.103zM12 8V7a3 3 0 0 0-3 3h2a1 1 0 0 1 1-1z"/></svg>Bowknot Line アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:bowknot-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:bowknot-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:bowknot-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--bowknot-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:bowknot-line"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:bowknot-line"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/mingcute/bowknot-line.svg" alt="Bowknot Line アイコン" width="24" height="24">MingCute Icon の関連アイコン
Bowknot Line アイコン のよくある質問
Bowknot Line アイコンは商用利用でも無料ですか?
はい。MingCute Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Bowknot Line アイコンを使うには?
@iconify/react をインストールして <Icon icon="mingcute:bowknot-line" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bowknot Line アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/mingcute/bowknot-line.svg" alt="Bowknot Line アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。