Local アイコン

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

はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

simple-icons:local

Local アイコン(simple-icons:local)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Simple Icons
作者: Simple Icons Collaborators
ライセンス: CC0-1.0
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m4.49 11.97l6.682-6.681a.64.64 0 0 0 .204-.476V.838a.7.7 0 0 0-.42-.624a.68.68 0 0 0-.736.148L1.4 9.193c-.94.94-1.388 1.85-1.4 2.805s.434 1.85 1.36 2.774l8.858 8.86a.64.64 0 0 0 .476.203a.4.4 0 0 0 .26-.082a.68.68 0 0 0 .42-.626v-4a.7.7 0 0 0-.204-.476L4.489 11.97zm-2.64 1.32c-.34-.45-.502-.872-.502-1.28c.012-.57.34-1.182 1.007-1.85l7.66-7.662v2.057l-7.06 7.06A4.36 4.36 0 0 0 1.85 13.29m8.166 8.205l-6.451-6.45a1 1 0 0 0-.094-.12c-.204-.207-.816-.819.094-1.961l6.45 6.449zM13.782.376a.67.67 0 0 0-.734-.15a.68.68 0 0 0-.422.626v4.015c.004.18.076.35.204.476l6.681 6.68l-6.681 6.682a.64.64 0 0 0-.204.476v3.96a.682.682 0 0 0 1.156.49l8.817-8.817c.94-.94 1.389-1.85 1.4-2.804c.017-.952-.433-1.85-1.36-2.775zm.204 4.205V2.5l6.451 6.448q.041.066.094.122c.204.204.816.817-.094 1.96l-6.449-6.45l-.002.002zm7.647 9.267l-7.66 7.661v-2.04l7.06-7.077a4.45 4.45 0 0 0 1.104-1.674c.34.45.504.872.504 1.28c-.014.57-.34 1.17-1.008 1.85m-4.626-1.294H6.9a.516.516 0 0 1-.516-.516v-.054c0-.286.23-.518.516-.518h10.11a.52.52 0 0 1 .518.518v.054a.526.526 0 0 1-.518.516h-.004zm-1.44-2.544v.056a.516.516 0 0 1-.52.516H8.842a.516.516 0 0 1-.518-.516v-.056c0-.285.232-.517.518-.517h6.205c.286 0 .516.232.516.517h.002zm-1.92-1.987v.054a.516.516 0 0 1-.517.518h-2.464a.516.516 0 0 1-.516-.518v-.054c0-.286.232-.516.516-.516h2.464a.51.51 0 0 1 .516.516zm-.517 7.443c.284 0 .516.232.516.518v.054a.516.516 0 0 1-.516.516h-2.464a.516.516 0 0 1-.516-.516v-.054c0-.286.232-.518.516-.518zm1.918-.912H8.843a.516.516 0 0 1-.518-.516v-.054a.52.52 0 0 1 .518-.518h6.205c.286 0 .516.232.516.518v.054a.516.516 0 0 1-.516.516"/></svg>

Local アイコンの使い方

React

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

<Icon icon="simple-icons:local" width="24" />

Vue

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

<template>
  <Icon icon="simple-icons:local" width="24" />
</template>

Svelte

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

<Icon icon="simple-icons:local" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--local]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:local"></div>

Web コンポーネント

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

<iconify-icon icon="simple-icons:local"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/simple-icons/local.svg" alt="Local アイコン" width="24" height="24">

Simple Icons の関連アイコン

他のアイコンセットの Local アイコン

Local アイコンのよくある質問

Local アイコンは商用利用でも無料ですか?

はい。Simple Icons は CC0 1.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Local アイコンを使うには?

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

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

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

Simple Icons をすべて見る →