Sysdig Icon アイコン
logos:sysdig-icon
Sysdig Icon アイコン(logos:sysdig-icon)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 317 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 317
- タグ
- sysdigicon
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="317" viewBox="0 0 256 317"><path fill="#00abc7" d="M198.814 98.655a10.35 10.35 0 0 1 8.975 5.244l35.586 61.635c25.367 43.937 11.463 104.796-32.341 141.562a10.3 10.3 0 0 1-3.116 1.8a128.6 128.6 0 0 1-43.96 7.784c-39.453 0-76.278-18.462-94.807-50.556l-42.35-73.35a10.35 10.35 0 0 1 3.788-14.136l28.846-16.655a10.349 10.349 0 1 1 10.349 17.924L49.9 191.387l37.175 64.388c20.152 34.905 68.066 49.46 112.043 34.282c35.13-30.495 46.485-79.27 26.334-114.174l-35.586-61.635a10.349 10.349 0 0 1 8.948-15.593m-108.74 96.59c.12.216 6.66 11.866 12.895 22.894l.583 1.032c3.298 5.832 6.45 11.381 8.448 14.842c14.574 25.244 41.265 34.887 71.401 25.778c5.472-1.653 11.247 1.443 12.9 6.914c1.652 5.472-1.444 11.247-6.915 12.9a95.7 95.7 0 0 1-27.672 4.247a76.22 76.22 0 0 1-67.639-39.49a2209 2209 0 0 1-8.391-14.737l-.576-1.018l-.577-1.022l-.579-1.023l-.578-1.023l-.576-1.02a7893 7893 0 0 1-10.805-19.202c-2.782-4.993-.989-11.296 4.004-14.077s11.295-.988 14.077 4.005M19.272 5.105l122.265 211.771c3.335 5.774 12.789 15.683 24.682 11.845c5.44-1.754 11.272 1.235 13.025 6.675s-1.236 11.272-6.676 13.025a38.1 38.1 0 0 1-11.719 1.875c-16.345 0-30.2-10.884-37.236-23.07L1.348 15.454C-1.455 10.51.253 4.23 5.176 1.388C10.098-1.454 16.39.206 19.272 5.106m89.756 60.963l29.135 50.463l18.53-10.7c4.945-2.812 11.234-1.105 14.078 3.821c2.845 4.927 1.18 11.226-3.729 14.103L139.55 139.63a10.35 10.35 0 0 1-4.812 1.381l-.364.006l-.324-.005a10.35 10.35 0 0 1-8.637-5.169L91.104 76.417c-2.803-4.945-1.095-11.225 3.828-14.067c4.922-2.842 11.215-1.182 14.096 3.718"/></svg>Sysdig Icon アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:sysdig-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:sysdig-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:sysdig-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--sysdig-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:sysdig-icon"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:sysdig-icon"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/sysdig-icon.svg" alt="Sysdig Icon アイコン" width="24" height="24">SVG Logos の関連アイコン
Sysdig Icon アイコン のよくある質問
Sysdig Icon アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sysdig Icon アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:sysdig-icon" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sysdig Icon アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/sysdig-icon.svg" alt="Sysdig Icon アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。