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

Content Share Duotone アイコン

stash:content-share-duotone

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

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

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m13.704 6.889l5.463 4.292a.5.5 0 0 1 0 .786l-5.463 4.292a.5.5 0 0 1-.801-.482l.355-1.955c-5.016-1.204-7.108 1.494-7.914 3.235c-.118.254-.615.205-.64-.073c-.645-7.201 4.082-8.244 8.57-7.567l-.371-2.046a.5.5 0 0 1 .8-.482" opacity=".5"/><path fill="currentColor" fill-rule="evenodd" d="M12.41 7.46c-.164-.905.879-1.533 1.602-.965l5.464 4.293a1 1 0 0 1 0 1.572l-5.463 4.293c-.724.568-1.767-.06-1.602-.966l.269-1.48c-2.153-.426-3.655-.063-4.703.559c-1.134.672-1.802 1.686-2.18 2.502l-.453-.21l-.003-.002m.003.002l.453.21c-.185.4-.609.476-.861.45c-.249-.028-.686-.203-.73-.69c-.333-3.713.716-5.99 2.587-7.202c1.636-1.06 3.79-1.222 5.867-.993l-.25-1.372m6.448 4.113l-5.463-4.292l.372 2.046a.5.5 0 0 1-.567.583c-2.207-.332-4.358-.22-5.864.755c-1.365.884-2.324 2.564-2.176 5.654c.461-.823 1.188-1.751 2.307-2.415c1.38-.818 3.294-1.196 5.908-.569a.5.5 0 0 1 .375.576l-.355 1.954z" clip-rule="evenodd"/></svg>

Content Share Duotone アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Stash Icons の関連アイコン

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

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

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

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

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

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

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

Stash Icons をすべて見る →