ICONYZ
日本語
Freehand free icons の Server Edit アイコン

Server Edit アイコン

streamline-freehand:server-edit

Server Edit アイコン(streamline-freehand:server-edit)は、Freehand free icons セットの無料 SVG アイコンです(作者: Streamline)。 24 × 24 のグリッドで描かれています。 Freehand free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Freehand free icons
作者
Streamline
ライセンス
CC-BY-4.0
サイズ
24 × 24
カテゴリ
インターネット・ネットワーク・サーバー
タグ
serveredit
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M20.746.392q-.407.235-.743.562a.3.3 0 0 0-.06.411c.24.321.502-.06 1.003-.24c.852-.331 2.066.832 2.066 1.303a2.25 2.25 0 0 1-.562 1.534c.09 0-2.005-1.584-2.597-2.176a.33.33 0 0 0-.471 0c-.401.411.29.642 2.467 2.748c-.321.471-.402.491-3.962 4.162a3.7 3.7 0 0 0-2.115-2.006A167 167 0 0 1 19 2.88a.3.3 0 0 0-.482-.352c-2.878 3.009-4.492 4.613-4.552 5.115c-.241 2.166-.402 3.168-.09 3.5c.601.651 3.008-.08 3.52-.402a68.5 68.5 0 0 0 6.196-7.02C25.017 1.426 22.37-.47 20.745.393m-3.95 9.397a6.3 6.3 0 0 1-2.006.521c0-1.725.19-2.437.11-2.467s.12-.2.24-.36l.161-.211a12.7 12.7 0 0 0 2.006 2.005q-.241.27-.511.512M5.724 11.433a.86.86 0 0 0-.201-1.173a.795.795 0 0 0-1.003 1.233c.381.432.843.331 1.204-.06M4.55 16.397c.341.421.813.321 1.164-.06a.863.863 0 0 0-.191-1.183a.792.792 0 0 0-.973 1.243m.1 4.613c.352.431.813.33 1.174-.06a.863.863 0 0 0-.2-1.174a.792.792 0 0 0-.973 1.234m-1.464-9.356a.85.85 0 0 0-.231-1.173a.794.794 0 1 0-1.003 1.233c.411.431.873.33 1.234-.06m-1.063 4.713c.35.431.812.33 1.173-.05a.87.87 0 0 0-.2-1.184a.793.793 0 0 0-.973 1.234m.11 4.643c.34.421.812.33 1.163-.06a.863.863 0 0 0-.19-1.183a.792.792 0 0 0-.973 1.243"/><path d="M14.759 13.359c-.331 6.247-.371 8.303-.842 8.744a3.3 3.3 0 0 1-1.465.572c-.611.09-.511.06-8.112-.05c-.482 0-2.758.12-3.009-.402c-.42-.802-.38-3.138-.4-4.01q.42.027.842 0a38.7 38.7 0 0 0 7.681.36c1.163-.09 4.322-.24 4.593-.632c.14-.2.13-.36-.09-.491a5.7 5.7 0 0 0-1.635.09c-2.236 0-9.105-.12-11.332.06c-.1 0-.06.572-.17-6.658c0-1.244.16-1.224 0-1.394a.28.28 0 0 0-.351 0c-.27.2-.21.401-.461 10.379a8 8 0 0 0 .38 2.818c.562 1.173 2.728 1.073 4.012 1.073c7.39 0 7.732 0 8.554-.14a3.74 3.74 0 0 0 1.795-.953c.732-.873.591-3.109.742-9.306a.367.367 0 1 0-.732-.06M1.813 9.087a59.5 59.5 0 0 0 9.215-.281a.3.3 0 1 0 0-.592a33 33 0 0 0-4.622-.24c-1.936.06-4.483.4-4.593.41a.351.351 0 1 0 0 .703"/><path d="M7.378 12.847c-1.003 0-4.924.06-5.274.13a.301.301 0 0 0-.16.572c.08 0 3.74.451 5.434.441c2.126 0 4.011-.2 5.435-.33a.34.34 0 0 0 0-.672s-4.522-.13-5.435-.14"/></g></svg>

Server Edit アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="streamline-freehand:server-edit" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="streamline-freehand:server-edit" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="streamline-freehand:server-edit" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--server-edit]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:server-edit"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="streamline-freehand:server-edit"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-freehand/server-edit.svg" alt="Server Edit アイコン" width="24" height="24">

Freehand free icons の関連アイコン

他のアイコンセットの Server Edit アイコン

Server Edit アイコン のよくある質問

Server Edit アイコンは商用利用でも無料ですか?

はい。Freehand free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Server Edit アイコンを使うには?

@iconify/react をインストールして <Icon icon="streamline-freehand:server-edit" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Server Edit アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-freehand/server-edit.svg" alt="Server Edit アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Freehand free icons をすべて見る →