Graphic Template Website Ui アイコン
streamline-plump-color:graphic-template-website-ui
Graphic Template Website Ui アイコン(streamline-plump-color:graphic-template-website-ui)は、Plump color icons セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Plump color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Plump color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- 基本インターフェース
- タグ
- graphictemplate、templatewebsite、websiteui、graphictemplatewebsiteui
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="3"><path fill="#fff" d="M36.91 3.486c2.546.223 4.45 2.212 4.627 4.762c.225 3.227.463 8.38.463 15.752s-.238 12.525-.463 15.752c-.177 2.55-2.081 4.539-4.627 4.762C34.12 44.76 29.885 45 24 45s-10.121-.24-12.91-.486c-2.546-.223-4.45-2.212-4.627-4.762C6.238 36.525 6 31.372 6 24s.238-12.525.463-15.752c.177-2.55 2.081-4.539 4.627-4.762C13.88 3.24 18.115 3 24 3s10.121.24 12.91.486"/><path fill="#8fbffa" d="M6 24c0 7.371.238 12.525.463 15.752c.177 2.55 2.081 4.539 4.627 4.762C13.88 44.76 18.115 45 24 45s10.121-.24 12.91-.486c2.546-.223 4.45-2.212 4.627-4.762c.225-3.227.463-8.38.463-15.752z"/><path fill="#fff" d="M41.45 40.418c-.434 2.223-2.22 3.892-4.54 4.096C34.12 44.76 29.885 45 24 45c-2.99 0-5.553-.062-7.717-.155A183 183 0 0 1 20.5 40.5c3.781-3.782 6.268-6.02 7.81-7.314c1.324-1.11 3.075-1.27 4.496-.29c1.757 1.213 4.567 3.453 8.644 7.522M18 33a3 3 0 1 1-6 0a3 3 0 0 1 6 0"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M13 17h22m-22-6.5h12m11.91-7.014c2.546.223 4.45 2.212 4.627 4.762c.225 3.227.463 8.38.463 15.752s-.238 12.525-.463 15.752c-.177 2.55-2.081 4.539-4.627 4.762C34.12 44.76 29.885 45 24 45s-10.121-.24-12.91-.486c-2.546-.223-4.45-2.212-4.627-4.762C6.238 36.525 6 31.372 6 24s.238-12.525.463-15.752c.177-2.55 2.081-4.539 4.627-4.762C13.88 3.24 18.115 3 24 3s10.121.24 12.91.486"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M41.45 40.418c-4.077-4.07-6.887-6.31-8.644-7.521c-1.42-.98-3.172-.82-4.495.29c-1.543 1.293-4.03 3.531-7.811 7.313a183 183 0 0 0-4.217 4.345M18 33a3 3 0 1 1-6 0a3 3 0 0 1 6 0m24-9H6"/></g></svg>Graphic Template Website Ui アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:graphic-template-website-ui" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:graphic-template-website-ui" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:graphic-template-website-ui" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--graphic-template-website-ui]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:graphic-template-website-ui"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump-color:graphic-template-website-ui"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/graphic-template-website-ui.svg" alt="Graphic Template Website Ui アイコン" width="24" height="24">Plump color icons の関連アイコン
他のアイコンセットの Graphic Template Website Ui アイコン
Graphic Template Website Ui アイコン のよくある質問
Graphic Template Website Ui アイコンは商用利用でも無料ですか?
はい。Plump color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Graphic Template Website Ui アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-plump-color:graphic-template-website-ui" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Graphic Template Website Ui アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/graphic-template-website-ui.svg" alt="Graphic Template Website Ui アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。