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 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-academic-cap-2-bold
square-academic-cap-2-bold-duotone
square-academic-cap-2-broken
square-academic-cap-2-line-duotone
square-academic-cap-2-linear
square-academic-cap-2-outline
square-academic-cap-bold
square-academic-cap-bold-duotone
square-academic-cap-broken
square-academic-cap-line-duotone
square-academic-cap-linear
square-academic-cap-outline
square-alt-arrow-down-bold
square-alt-arrow-down-bold-duotone
square-alt-arrow-down-broken
square-alt-arrow-down-line-duotone
square-alt-arrow-down-linear
square-alt-arrow-down-outline
square-alt-arrow-left-bold
square-alt-arrow-left-bold-duotone
square-alt-arrow-left-broken
square-alt-arrow-left-line-duotone
square-alt-arrow-left-linear
square-alt-arrow-left-outline
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 コードをページに直接貼り付けます。