ICONYZ
日本語
Solar の Square Share Line Bold アイコン

Square Share Line Bold アイコン

solar:square-share-line-bold

Square Share Line Bold アイコン(solar:square-share-line-bold)は、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
カテゴリ
メッセージ
タグ
squareshare、shareline、linebold、squaresharelinebold
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M3.46447 3.46447C4.92893 2 7.28595 2 12 2C13.0226 2 13.9343 2 14.75 2.01495C14.7538 2.58578 14.9735 3.15545 15.409 3.59099L16.568 4.75H14C11.3831 4.75 9.74771 6.0478 9.08556 6.71318L8.89982 6.89982L8.71318 7.08557C8.0478 7.74771 6.75 9.38314 6.75 12V15C6.75 16.2426 7.75736 17.25 9 17.25C10.2426 17.25 11.25 16.2426 11.25 15V12C11.25 10.9798 11.738 10.4239 11.8874 10.2753L12.0793 10.0844L12.2753 9.8874C12.424 9.73801 12.9798 9.25 14 9.25H16.568L15.409 10.409C14.5303 11.2877 14.5303 12.7123 15.409 13.591C16.2877 14.4697 17.7123 14.4697 18.591 13.591L21.9962 10.1858C22 10.7485 22 11.352 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12C2 7.28595 2 4.92893 3.46447 3.46447Z"/><path fill-rule="evenodd" d="M16.4697 1.46967C16.7626 1.17678 17.2374 1.17678 17.5303 1.46967L22.5303 6.46967C22.8232 6.76256 22.8232 7.23744 22.5303 7.53033L17.5303 12.5303C17.2374 12.8232 16.7626 12.8232 16.4697 12.5303C16.1768 12.2374 16.1768 11.7626 16.4697 11.4697L20.1893 7.75H14C12.4485 7.75 11.5328 8.50701 11.212 8.82933L11.0211 9.02115L10.8293 9.21205C10.507 9.5328 9.75 10.4485 9.75 12V15C9.75 15.4142 9.41421 15.75 9 15.75C8.58579 15.75 8.25 15.4142 8.25 15V12C8.25 9.91621 9.27703 8.64062 9.77125 8.1488L9.96049 7.96049L10.1488 7.77125C10.6406 7.27703 11.9162 6.25 14 6.25H20.1893L16.4697 2.53033C16.1768 2.23744 16.1768 1.76256 16.4697 1.46967Z" clip-rule="evenodd"/></g></svg>

Square Share Line Bold アイコンの使い方

React

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

<Icon icon="solar:square-share-line-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:square-share-line-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:square-share-line-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--square-share-line-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:square-share-line-bold"></div>

Web コンポーネント

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

<iconify-icon icon="solar:square-share-line-bold"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/square-share-line-bold.svg" alt="Square Share Line Bold アイコン" width="24" height="24">

Solar の関連アイコン

Square Share Line Bold アイコン のよくある質問

Square Share Line Bold アイコンは商用利用でも無料ですか?

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

React で Square Share Line Bold アイコンを使うには?

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

Square Share Line Bold アイコンをウェブページに追加するには?

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

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