Graphite Editor アイコン
simple-icons:graphite-editor
Graphite Editor アイコン(simple-icons:graphite-editor)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
- タグ
- graphiteeditor
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m7.738 15.97l-3.5-6.06c-.15-.23-.08-.54.15-.69s.54-.08.69.15c.01.01.02.03.02.04l3.5 6.06c.15.23.08.54-.15.69s-.54.08-.69-.15a.1.1 0 0 1-.02-.04m15.82 5.93c.03.3-.08.6-.31.81c-.42.51-2.24.89-3.61 1.08c-.91.13-1.83.2-2.75.21c-.86-.01-2.06-.23-3.2-.3c-1.61-.1-6.94-.3-8.78-.29c-2.06.01-2.47-.11-2.82-.41c-.14-.11 1.03-.7 3.5-.9c6.02-.49 11.33-.55 13.14-.46c.73.04 1.45.17 2.15.38l-3.86-2.77c-.32.21-.7.33-1.08.33h-9c-.71 0-1.37-.38-1.73-1l-4.5-7.79c-.36-.62-.36-1.38 0-2L5.208 1c.35-.62 1.01-1 1.73-1h9c.71 0 1.38.38 1.73 1l3.32 5.75l1.18 2.04l.01.02c0 .01.01.02.01.02q.21.375.24.81c0 .05 1.03 11.25 1.12 12.19zM6.518 2.73l5.61 9.72c.7-.17 1.42-.26 2.14-.25l1.48-2.01l2.48-.28c.36-.63.79-1.21 1.29-1.73l-3.33-5.76a1 1 0 0 0-.75-.43h-8c-.3.02-.58.18-.75.43zm8.18 14.86l-3.1-2.22a1 1 0 0 1-.28-.31L5.358 4.73l-2.67 4.63c-.14.27-.14.59 0 .87l4 6.93c.17.26.45.42.75.43zm6.38-.43l-.7-7.09c-.44.48-.83 1.01-1.15 1.58l-2.48.28l-1.48 2.01c-.65 0-1.31.07-1.94.21l5.79 4.15a1.91 1.91 0 0 1 1.96-1.14"/></svg>Graphite Editor アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:graphite-editor" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:graphite-editor" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:graphite-editor" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--graphite-editor]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:graphite-editor"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:graphite-editor"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/graphite-editor.svg" alt="Graphite Editor アイコン" width="24" height="24">Simple Icons の関連アイコン
Graphite Editor アイコン のよくある質問
Graphite Editor アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Graphite Editor アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:graphite-editor" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Graphite Editor アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/graphite-editor.svg" alt="Graphite Editor アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。