Geopulse アイコン
selfhst:geopulse
Geopulse アイコン(selfhst:geopulse)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- selfh.st/icons
- 作者
- selfh.st
- ライセンス
- CC-BY-4.0
- サイズ
- 512 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><radialGradient id="SVGYX7WSbXp" cx="-692.511" cy="791.178" r=".948" gradientTransform="matrix(90 0 0 -90 62582 71462)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#3b82f6" stop-opacity=".6"/><stop offset=".7" stop-color="#1a56db" stop-opacity=".3"/><stop offset="1" stop-color="#1a56db" stop-opacity=".1"/></radialGradient><path fill="url(#SVGYX7WSbXp)" d="M256 512C114.8 512 0 397.2 0 256S114.8 0 256 0s256 114.8 256 256s-114.8 256-256 256m0-500.9C121 11.1 11.1 121 11.1 256S121 500.9 256 500.9S500.9 391 500.9 256S391 11.1 256 11.1" opacity=".6"/><radialGradient id="SVGQUCbYbGF" cx="-689.657" cy="789.657" r=".954" gradientTransform="matrix(70 0 0 -70 48532 55532)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#3b82f6" stop-opacity=".6"/><stop offset=".7" stop-color="#1a56db" stop-opacity=".3"/><stop offset="1" stop-color="#1a56db" stop-opacity=".1"/></radialGradient><path fill="url(#SVGQUCbYbGF)" d="M256 456.3c-110.5 0-200.3-89.9-200.3-200.3S145.5 55.7 256 55.7S456.3 145.5 456.3 256S366.5 456.3 256 456.3m0-389.5C151.7 66.8 66.8 151.7 66.8 256S151.7 445.2 256 445.2S445.2 360.3 445.2 256S360.3 66.8 256 66.8" opacity=".8"/><radialGradient id="SVGkovFspYr" cx="-684.52" cy="788.033" r="3.896" gradientTransform="matrix(50 0 0 -50 34482 39602)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#3b82f6" stop-opacity=".9"/><stop offset=".5" stop-color="#1a56db" stop-opacity=".8"/><stop offset="1" stop-color="#1e40af"/></radialGradient><circle cx="256" cy="256" r="139.1" fill="url(#SVGkovFspYr)"/><path fill="#fff" d="M256 172.5c27.8 0 55.7 27.8 55.7 55.7c0 39-55.7 111.3-55.7 111.3s-55.7-72.3-55.7-111.3c0-27.9 27.9-55.7 55.7-55.7" opacity=".9"/><circle cx="256" cy="228.2" r="22.3" fill="#1e40af"/><path fill="#1a56db" d="M61.2 459.1c-2.1 0-4.3-.8-5.9-2.4c-3.3-3.3-3.3-8.5 0-11.8c39.7-39.8 80.4-49.6 120.9-29.4c33.8 16.9 67.1 8.3 101.7-26.3c18.1-18.1 36.8-26.3 55.7-24.5c23.6 2.3 46 19.9 68.5 53.5c2.6 3.8 1.5 9-2.3 11.6s-9 1.5-11.6-2.3C369 398.6 350 383.1 332 381.3c-13.6-1.4-27.8 5.3-42.2 19.6c-39.8 39.8-80.4 49.6-120.9 29.4c-33.8-16.9-67.1-8.3-101.7 26.3c-1.7 1.7-3.8 2.5-6 2.5" opacity=".6"/><path fill="#1a56db" d="M89 423c6.1 0 11.1 5 11.1 11.1s-5 11.1-11.1 11.1s-11.1-5-11.1-11.1c0-6.2 5-11.1 11.1-11.1m222.7-27.9c6.1 0 11.1 5 11.1 11.1s-5 11.1-11.1 11.1s-11.1-5-11.1-11.1s4.9-11.1 11.1-11.1" opacity=".8"/><path fill="#1a56db" d="M200.3 400.7c6.1 0 11.1 5 11.1 11.1s-5 11.1-11.1 11.1s-11.1-5-11.1-11.1s5-11.1 11.1-11.1m194.8 11.1c6.1 0 11.1 5 11.1 11.1s-5 11.1-11.1 11.1s-11.1-5-11.1-11.1s5-11.1 11.1-11.1" opacity=".6"/></svg>Geopulse アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:geopulse" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:geopulse" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:geopulse" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--geopulse]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:geopulse"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:geopulse"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/geopulse.svg" alt="Geopulse アイコン" width="24" height="24">selfh.st/icons の関連アイコン
Geopulse アイコン のよくある質問
Geopulse アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Geopulse アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:geopulse" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Geopulse アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/geopulse.svg" alt="Geopulse アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。