Mirror Left Outline アイコン

Q: Mirror Left Outline アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

solar:mirror-left-outline

Mirror Left Outline アイコン(solar:mirror-left-outline)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Solar
作者: 480 Design
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: ツール
タグ: mirrorleft、leftoutline、mirrorleftoutline

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M13.3409 3C13.3409 2.58579 13.6767 2.25 14.0909 2.25H15.0022C15.436 2.25 15.8406 2.25 16.2154 2.25323C16.6296 2.25681 16.9625 2.59548 16.9589 3.00968C16.9553 3.42387 16.6166 3.75675 16.2024 3.75318C15.8347 3.75001 15.4362 3.75 15 3.75H14.0909C13.6767 3.75 13.3409 3.41421 13.3409 3ZM18.3712 3.0546C18.4941 2.65905 18.9144 2.43805 19.31 2.56098C19.8254 2.72116 20.2721 2.96876 20.6517 3.34835C21.0312 3.72794 21.2788 4.17463 21.439 4.69002C21.562 5.08557 21.341 5.50589 20.9454 5.62882C20.5499 5.75175 20.1295 5.53075 20.0066 5.1352C19.9068 4.81401 19.7725 4.59048 19.591 4.40901C19.4095 4.22754 19.186 4.09322 18.8648 3.9934C18.4693 3.87047 18.2483 3.45015 18.3712 3.0546ZM20.9903 7.04112C21.4045 7.03755 21.7432 7.37043 21.7468 7.78463C21.75 8.15941 21.75 8.56395 21.75 8.9977V10.3636C21.75 10.7778 21.4142 11.1136 21 11.1136C20.5858 11.1136 20.25 10.7778 20.25 10.3636V9C20.25 8.56379 20.25 8.1653 20.2468 7.79756C20.2433 7.38337 20.5761 7.0447 20.9903 7.04112ZM21 12.8864C21.4142 12.8864 21.75 13.2221 21.75 13.6364V15.0023C21.75 15.436 21.75 15.8406 21.7468 16.2154C21.7432 16.6296 21.4045 16.9625 20.9903 16.9589C20.5761 16.9553 20.2433 16.6166 20.2468 16.2024C20.25 15.8347 20.25 15.4362 20.25 15V13.6364C20.25 13.2221 20.5858 12.8864 21 12.8864ZM20.9454 18.3712C21.341 18.4941 21.562 18.9144 21.439 19.31C21.2788 19.8254 21.0312 20.2721 20.6517 20.6517C20.2721 21.0312 19.8254 21.2788 19.31 21.439C18.9144 21.562 18.4941 21.341 18.3712 20.9454C18.2483 20.5498 18.4693 20.1295 18.8648 20.0066C19.186 19.9068 19.4095 19.7725 19.591 19.591C19.7725 19.4095 19.9068 19.186 20.0066 18.8648C20.1295 18.4693 20.5499 18.2482 20.9454 18.3712ZM16.9589 20.9903C16.9625 21.4045 16.6296 21.7432 16.2154 21.7468C15.8406 21.75 15.4361 21.75 15.0023 21.75H14.0909C13.6767 21.75 13.3409 21.4142 13.3409 21C13.3409 20.5858 13.6767 20.25 14.0909 20.25H15C15.4362 20.25 15.8347 20.25 16.2024 20.2468C16.6166 20.2432 16.9553 20.5761 16.9589 20.9903Z"/><path d="M12 1.25C12.4142 1.25 12.75 1.58579 12.75 2V22C12.75 22.4142 12.4142 22.75 12 22.75C11.5858 22.75 11.25 22.4142 11.25 22V21.75H10.9436C9.10583 21.75 7.65019 21.75 6.51098 21.5969C5.33856 21.4392 4.38961 21.1071 3.64124 20.3588C2.89288 19.6104 2.56076 18.6614 2.40314 17.489C2.24997 16.3498 2.24998 14.8942 2.25 13.0564V10.9436C2.24998 9.10582 2.24997 7.65019 2.40314 6.51098C2.56076 5.33856 2.89288 4.38961 3.64124 3.64124C4.38961 2.89288 5.33856 2.56076 6.51098 2.40313C7.65019 2.24997 9.10582 2.24998 10.9436 2.25L11.25 2.25V2C11.25 1.58579 11.5858 1.25 12 1.25ZM11.25 3.75H11C9.09318 3.75 7.73851 3.75159 6.71085 3.88976C5.70476 4.02502 5.12511 4.27869 4.7019 4.7019C4.27869 5.12511 4.02502 5.70476 3.88976 6.71085C3.75159 7.73851 3.75 9.09318 3.75 11V13C3.75 14.9068 3.75159 16.2615 3.88976 17.2892C4.02502 18.2952 4.27869 18.8749 4.7019 19.2981C5.12511 19.7213 5.70476 19.975 6.71085 20.1102C7.73851 20.2484 9.09318 20.25 11 20.25H11.25V3.75Z"/></g></svg>

Mirror Left Outline アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="solar:mirror-left-outline" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:mirror-left-outline" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:mirror-left-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--mirror-left-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:mirror-left-outline"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:mirror-left-outline"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/mirror-left-outline.svg" alt="Mirror Left Outline アイコン" width="24" height="24">

Solar の関連アイコン

Mirror Left Outline アイコンのよくある質問

Mirror Left Outline アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Mirror Left Outline アイコンを使うには?

@iconify/react をインストールして <Icon icon="solar:mirror-left-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Mirror Left Outline アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/mirror-left-outline.svg" alt="Mirror Left Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Solar アイコンをすべて見る →