ICONYZ
日本語
Solar の Stretching Round Bold Duotone アイコン

Stretching Round Bold Duotone アイコン

solar:stretching-round-bold-duotone

Stretching Round Bold Duotone アイコン(solar:stretching-round-bold-duotone)は、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
カテゴリ
スポーツ
タグ
stretchinground、roundbold、boldduotone、stretchingroundboldduotone
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M17 4.5C17 5.88071 15.8807 7 14.5 7C13.1193 7 12 5.88071 12 4.5C12 3.11929 13.1193 2 14.5 2C15.8807 2 17 3.11929 17 4.5Z"/><path fill-rule="evenodd" d="M15.5072 14.4639C17.7239 14.1069 19.75 15.8031 19.75 18.0486V21.9957C19.75 22.4099 19.4142 22.7457 19 22.7457C18.5858 22.7457 18.25 22.4099 18.25 21.9957V18.0486C18.25 16.7424 17.0661 15.7322 15.7458 15.9449C15.3368 16.0107 14.9519 15.7326 14.886 15.3237C14.8202 14.9147 15.0983 14.5298 15.5072 14.4639Z" clip-rule="evenodd"/><path d="M13.3633 10.3462C13.8381 11.094 14.0951 12.1107 14.0951 13.4346C14.0951 18.5174 10.1339 22.7503 5 22.7503C4.58579 22.7503 4.25 22.4145 4.25 22.0003C4.25 21.5861 4.58579 21.2503 5 21.2503C9.2549 21.2503 12.5951 17.7405 12.5951 13.4346C12.5951 12.2912 12.3715 11.5826 12.097 11.1501C11.8323 10.7333 11.4884 10.5212 11.116 10.422C10.726 10.318 10.2869 10.3352 9.87888 10.4247C9.46283 10.5159 9.15214 10.6658 9.02681 10.7546C8.70695 10.9813 8.38076 11.4087 8.24551 11.8569C8.11753 12.2809 8.18065 12.6166 8.44446 12.8716L8.46924 12.8955C8.7671 13.1833 8.77522 13.6582 8.48738 13.956C8.19954 14.2539 7.72473 14.262 7.42687 13.9741L7.40209 13.9502C6.62406 13.1983 6.56874 12.2212 6.80948 11.4235C7.04295 10.6499 7.57265 9.94663 8.15959 9.53074C8.48766 9.29829 8.99767 9.08227 9.55761 8.95949C10.1256 8.83495 10.8178 8.79007 11.5024 8.97259C12.2047 9.15981 12.8787 9.5828 13.3633 10.3462Z" opacity=".5"/></g></svg>

Stretching Round Bold Duotone アイコンの使い方

React

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

<Icon icon="solar:stretching-round-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:stretching-round-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:stretching-round-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--stretching-round-bold-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:stretching-round-bold-duotone"></div>

Web コンポーネント

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

<iconify-icon icon="solar:stretching-round-bold-duotone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/stretching-round-bold-duotone.svg" alt="Stretching Round Bold Duotone アイコン" width="24" height="24">

Solar の関連アイコン

Stretching Round Bold Duotone アイコン のよくある質問

Stretching Round Bold Duotone アイコンは商用利用でも無料ですか?

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

React で Stretching Round Bold Duotone アイコンを使うには?

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

Stretching Round Bold Duotone アイコンをウェブページに追加するには?

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

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