Ios Line アイコン
mingcute:ios-line
Ios Line アイコン(mingcute:ios-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
- タグ
- iosline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="2" d="M4 8a4 4 0 0 1 4-4h8a4 4 0 0 1 4 4v8a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4z"/><path fill="currentColor" d="M15.74 9.84q.566 0 .989.194q.425.194.661.54q.236.345.243.8h-1.03a.63.63 0 0 0-.257-.468q-.225-.166-.614-.167a1.2 1.2 0 0 0-.444.075a.63.63 0 0 0-.28.202a.5.5 0 0 0-.093.293a.4.4 0 0 0 .056.239a.6.6 0 0 0 .177.176q.112.072.259.127q.146.052.312.09l.458.109q.333.075.612.199t.482.306q.203.18.315.426q.115.246.118.565a1.4 1.4 0 0 1-.24.81q-.232.34-.675.53q-.441.186-1.062.186q-.616 0-1.074-.188a1.57 1.57 0 0 1-.711-.56q-.253-.372-.266-.922h1.042a.8.8 0 0 0 .147.427a.8.8 0 0 0 .35.257q.222.084.5.084q.273 0 .475-.08a.73.73 0 0 0 .315-.22a.5.5 0 0 0 .112-.326a.42.42 0 0 0-.102-.29a.8.8 0 0 0-.293-.197a3 3 0 0 0-.47-.15l-.554-.138q-.644-.158-1.017-.49q-.372-.334-.37-.898q-.003-.463.246-.808q.252-.345.689-.539a2.4 2.4 0 0 1 .994-.194"/><path fill="currentColor" fill-rule="evenodd" d="M10.66 9.84q.673 0 1.213.308q.54.305.854.89q.316.585.316 1.417t-.316 1.417a2.2 2.2 0 0 1-.854.893q-.54.305-1.213.305q-.68 0-1.22-.308a2.2 2.2 0 0 1-.852-.893q-.312-.584-.312-1.414q0-.832.312-1.417q.314-.585.853-.89q.54-.308 1.219-.308m0 .952q-.39 0-.682.191a1.25 1.25 0 0 0-.452.562q-.16.37-.16.91q0 .539.16.91q.162.37.452.562q.292.19.682.191q.39 0 .68-.191q.292-.192.45-.563q.162-.37.162-.909q0-.54-.162-.91a1.23 1.23 0 0 0-.45-.562a1.2 1.2 0 0 0-.68-.191" clip-rule="evenodd"/><path fill="currentColor" d="M7.497 15.001H6.438v-3.818h1.059zM6.97 9.62q.236 0 .403.158t.168.375a.5.5 0 0 1-.168.381a.57.57 0 0 1-.404.156a.57.57 0 0 1-.404-.156a.51.51 0 0 1 0-.756a.57.57 0 0 1 .404-.159"/></svg>Ios Line アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:ios-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:ios-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:ios-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--ios-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:ios-line"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:ios-line"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/mingcute/ios-line.svg" alt="Ios Line アイコン" width="24" height="24">MingCute Icon の関連アイコン
Ios Line アイコン のよくある質問
Ios Line アイコンは商用利用でも無料ですか?
はい。MingCute Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ios Line アイコンを使うには?
@iconify/react をインストールして <Icon icon="mingcute:ios-line" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ios Line アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/mingcute/ios-line.svg" alt="Ios Line アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。