Greptile アイコン
thesvg:greptile
Greptile アイコン(thesvg:greptile)は、theSVG セットの無料 SVG アイコンです（作者: thesvg.org）。 24 × 24 のグリッドで描かれています。 theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M3.353.004a6 6 0 0 1-.265.045A3.3 3.3 0 0 0 1.71.633C1.426.846.717 1.575.557 1.819a3.36 3.36 0 0 0-.23 3.296c.154.322.35.59.71.972c.187.198.434.486.55.64a6.63 6.63 0 0 1 1.305 3.546c.01.138.035 1.607.057 3.264c.043 3.273.038 3.18.203 3.485c.266.494.94.79 1.474.648c.29-.077.463-.204 1.353-.986c.957-.84 1.092-.932 1.446-.98c.124-.017.631 0 1.66.053c1.513.08 1.622.079 1.85-.016c.393-.164.539-.4.661-1.074c.247-1.36 1.296-2.56 2.64-3.022c.116-.04.373-.104.572-.144s.426-.102.506-.138c.296-.136.515-.424.566-.744c.017-.11-.007-.549-.089-1.602c-.091-1.179-.107-1.483-.083-1.621c.057-.342.139-.46 1.01-1.448c.447-.506.85-.976.895-1.043c.262-.39.288-.91.068-1.345a1.44 1.44 0 0 0-.822-.67c-.1-.029-.834-.037-3.544-.038H9.897l-.335-.063c-.958-.179-1.765-.49-2.484-.958c-.362-.236-.583-.41-1.018-.804c-.408-.37-.59-.502-.921-.67A3 3 0 0 0 3.744.005a4 4 0 0 0-.391 0zm15.728 5.858c-.132.049-.217.127-.48.44c-.592.707-.74 1.336-.531 2.256c.106.466.163.572.361.673c.105.054.169.055 2.637.046l2.53-.009l.118-.063a.55.55 0 0 0 .095-.895a185 185 0 0 0-2.223-1.254c-2.293-1.282-2.281-1.276-2.507-1.194m-3.216 6.71a9 9 0 0 0-1.364.696c-.844.557-1.454 1.36-1.923 2.53c-.211.525-.202.75.04.935c.111.087 6.478 3.14 6.667 3.198c.153.047.27.027.43-.074a.54.54 0 0 0 .24-.434c0-.06-.03-.18-.065-.264c-.156-.368-3.098-6.467-3.158-6.545c-.168-.222-.394-.232-.867-.042m-8.48 5.457c-.453.102-.83.32-1.285.745c-.296.277-.336.468-.167.798c.053.103.61 1.104 1.236 2.224c1.297 2.317 1.22 2.206 1.558 2.202c.152-.002.198-.015.296-.084a.7.7 0 0 0 .173-.193c.058-.11.06-.152.08-2.595c.018-1.93.015-2.51-.011-2.606a.6.6 0 0 0-.138-.227c-.09-.091-.14-.112-.406-.176c-.582-.138-.992-.165-1.336-.088" clip-rule="evenodd"/></svg>Greptile アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg:greptile" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg:greptile" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg:greptile" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--greptile]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:greptile"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg:greptile"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg/greptile.svg" alt="Greptile アイコン" width="24" height="24">他のアイコンセットの Greptile アイコン
Greptile アイコン のよくある質問
Greptile アイコンは商用利用でも無料ですか?
はい。theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Greptile アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg:greptile" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Greptile アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg/greptile.svg" alt="Greptile アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。