ICONYZ
日本語
Stash Icons の Content Share アイコン

Content Share アイコン

stash:content-share

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

アイコンセット
Stash Icons
作者
Pingback LLC
ライセンス
MIT
サイズ
24 × 24
タグ
contentshare
SVG をダウンロード

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="M12.165 7.505c-.206-1.132 1.098-1.917 2.002-1.206l5.463 4.292a1.25 1.25 0 0 1 0 1.966l-5.463 4.292c-.905.711-2.208-.074-2.002-1.206l.225-1.235c-1.971-.343-3.336.01-4.285.573c-1.076.638-1.715 1.603-2.08 2.392l-.669-.31l.668.31c-.249.537-.807.626-1.115.593c-.301-.033-.892-.255-.951-.915c-.338-3.77.724-6.156 2.699-7.434c1.616-1.047 3.696-1.245 5.698-1.066zm1.594.38l.254 1.398a.75.75 0 0 1-.85.876c-2.189-.33-4.263-.208-5.691.717c-1.147.743-2.026 2.108-2.075 4.608A6.5 6.5 0 0 1 7.34 13.69c1.444-.856 3.427-1.237 6.093-.597a.75.75 0 0 1 .563.864l-.237 1.305l4.694-3.688z" clip-rule="evenodd"/></svg>

Content Share アイコンの使い方

React

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

<Icon icon="stash:content-share" width="24" />

Vue

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

<template>
  <Icon icon="stash:content-share" width="24" />
</template>

Svelte

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

<Icon icon="stash:content-share" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--content-share]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:content-share"></div>

Web コンポーネント

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

<iconify-icon icon="stash:content-share"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/stash/content-share.svg" alt="Content Share アイコン" width="24" height="24">

Stash Icons の関連アイコン

content-share-duotone アイコン
content-share-duotone
 content-share-light アイコン
content-share-light
 content-share-solid アイコン
content-share-solid

他のアイコンセットの Content Share アイコン

Streamline Block の Content Share アイコン
Streamline Block

Content Share アイコン のよくある質問

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

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

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

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

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

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

Stash Icons をすべて見る →