Globalcodio アイコン
thesvg-color:globalcodio
Globalcodio アイコン(thesvg-color:globalcodio)は、theSVG Color セットの無料 SVG アイコンです(作者: thesvg.org)。 138 × 106 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 138 × 106
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="138" height="106" viewBox="0 0 138 106"><g fill="none"><path fill="url(#SVGnsd4he4O)" d="M100.359 31.672c-3.11 2.613-12.572 11.295-21.092 17.565c-11.312 8.324-19.76 13.162-30.395 18.3c-10.635 5.137-20.301 8.69-27.35 10.053s-11.046.452-11.309-2.578s3.224-7.99 9.867-14.038l7.97-2.429c-5.204 4.737-7.935 8.623-7.729 10.997c.206 2.373 3.336 3.087 8.858 2.019s13.093-3.851 21.423-7.875s16.905-9.04 24.263-14.194c5.647-3.956 22.133-14.646 25.371-18.005z"/><path fill="url(#SVGe8jLHeNO)" d="M33.463 77.61c-2.34 1.162-3.32 4.023-1.858 6.188a35.5 35.5 0 1 0-3.18-33.918c-1.034 2.398.46 5.027 2.976 5.733c2.514.706 5.088-.788 6.237-3.134a26.04 26.04 0 1 1 2.537 27.052c-1.565-2.092-4.372-3.082-6.712-1.92"/><path fill="url(#SVGk8AyMcTU)" d="M119.647 11.83c-4.546 5.451-4.701 13.534-.47 19.232c-5.234-4.665-13.003-4.638-18.222.064l-1.397 1.257l1.479-2.02c4.158-5.681 4.15-13.516-.018-19.173c5.194 4.597 12.76 4.946 18.346.847z"/><defs><linearGradient id="SVGnsd4he4O" x1="90.069" x2="-38.972" y1="8.634" y2="140.662" gradientUnits="userSpaceOnUse"><stop stop-color="#192ac6"/><stop offset="1" stop-color="#0c1560"/></linearGradient><linearGradient id="SVGe8jLHeNO" x1="34.069" x2="113.069" y1="24.634" y2="148.134" gradientUnits="userSpaceOnUse"><stop stop-color="#192ac6"/><stop offset="1" stop-color="#0c1560"/></linearGradient><linearGradient id="SVGk8AyMcTU" x1="102.77" x2="124.2" y1="28.134" y2="14.547" gradientUnits="userSpaceOnUse"><stop stop-color="#192ac6"/><stop offset="1" stop-color="#0c1560"/></linearGradient></defs></g></svg>Globalcodio アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:globalcodio" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:globalcodio" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:globalcodio" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--globalcodio]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:globalcodio"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:globalcodio"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/globalcodio.svg" alt="Globalcodio アイコン" width="24" height="24">Globalcodio アイコン のよくある質問
Globalcodio アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Globalcodio アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:globalcodio" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Globalcodio アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/globalcodio.svg" alt="Globalcodio アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。