Apple Ios Logo 2 Block アイコン
streamline-logos:apple-ios-logo-2-block
Apple Ios Logo 2 Block アイコン(streamline-logos:apple-ios-logo-2-block)は、Logos free icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Logos free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Logos free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- OS・システム
- タグ
- appleios、ioslogo、logoblock、appleioslogoblock
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="M5 1a4 4 0 0 0-4 4v14a4 4 0 0 0 4 4h14a4 4 0 0 0 4-4V5a4 4 0 0 0-4-4zm.525 7.062a1.092 1.092 0 1 0 0 2.183a1.092 1.092 0 0 0 0-2.183m4.834 2.183c-.95 0-1.838.87-1.838 2.097s.889 2.096 1.838 2.096s1.838-.87 1.838-2.096c0-1.227-.888-2.097-1.838-2.097m-3.338 2.097c0-1.918 1.43-3.597 3.338-3.597c1.91 0 3.338 1.68 3.338 3.597s-1.428 3.596-3.338 3.596c-1.909 0-3.338-1.679-3.338-3.596m6.905-1.294c0-.932.853-2.303 2.82-2.303c.753 0 1.435.366 1.904.756c.241.201.454.431.613.67c.145.217.304.529.304.877h-1.5q.002.048.005.057v.001v-.002c-.004-.007-.017-.04-.057-.101a1.7 1.7 0 0 0-.325-.35c-.308-.256-.661-.408-.944-.408c-1.138 0-1.32.7-1.32.803v.007l.004.006l.003.003a.7.7 0 0 0 .225.154c.3.15.727.26 1.27.396l.046.011c.483.121 1.068.267 1.531.499c.485.242 1.062.698 1.062 1.512c0 .932-.854 2.303-2.82 2.303c-1.968 0-2.821-1.371-2.821-2.303h1.5c0 .103.182.803 1.32.803s1.32-.7 1.32-.803l.001-.005v-.002l-.004-.006l-.003-.004a.7.7 0 0 0-.226-.153c-.299-.15-.726-.26-1.27-.397l-.045-.01c-.483-.122-1.068-.268-1.531-.5c-.485-.242-1.062-.698-1.062-1.511m-9.15-.518v5.176h1.5v-5.175z" clip-rule="evenodd"/></svg>
Apple Ios Logo 2 Block アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-logos:apple-ios-logo-2-block" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-logos:apple-ios-logo-2-block" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-logos:apple-ios-logo-2-block" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-logos--apple-ios-logo-2-block]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-logos -->
<div class="i-streamline-logos:apple-ios-logo-2-block"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-logos:apple-ios-logo-2-block"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-logos/apple-ios-logo-2-block.svg" alt="Apple Ios Logo 2 Block アイコン" width="24" height="24">
Apple Ios Logo 2 Block アイコン のよくある質問
Apple Ios Logo 2 Block アイコンは商用利用でも無料ですか?
はい。Logos free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Apple Ios Logo 2 Block アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-logos:apple-ios-logo-2-block" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Apple Ios Logo 2 Block アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-logos/apple-ios-logo-2-block.svg" alt="Apple Ios Logo 2 Block アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Logos free icons をすべて見る →
ICONYZ
