Omnigraffle アイコン
file-icons:omnigraffle
Omnigraffle アイコン(file-icons:omnigraffle)は、File Icons セットの無料 SVG アイコンです（作者: John Gardner）。 512 × 512 のグリッドで描かれています。 File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- File Icons
- 作者
- John Gardner
- ライセンス
- ISC
- サイズ
- 512 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M395 512H117C52.65 512 0 459.35 0 395V117C0 52.65 52.65 0 117 0h278c64.35 0 117 52.65 117 117v278c0 64.35-52.65 117-117 117m11.577-275.806c-21.41-15.052-49.892-5.508-59.482 16.544l-85.787-8.043c-.485-7.603-2.37-14.682-5.356-21.065l52.314-42.272c20.48 13.308 49.805 4.754 58.548-20.187c10.076-28.747-14.686-57.88-44.466-52.312c-25.044 4.682-37.976 30.977-29.739 53.009l-52.44 42.953c-14.765-12.56-28.278-17.302-54.665-13.06l-16.243-28.765c17.402-16.472 16.81-46.041-4.572-61.052c-25.347-17.792-61.067-1.904-64.143 28.531c-2.68 26.51 15.345 45.88 46.118 43.346l17.97 30.442c-28.332 24.092-28.493 68.905 1.739 91.569l-20.847 44.136c-23.434-2.55-46.116 15.829-45.033 40.77c1.296 29.84 35.64 46.871 61.67 30.584c22.745-14.23 24.37-44.653 6.191-61.15l20.677-43.775c14.18 3.242 28.597.928 40.794-5.529l52.085 55.653c-12.433 20.559-2.735 49.82 22.473 58.415c29.063 9.91 57.122-15.024 50.384-44.773c-5.625-24.833-32.003-37.597-53.554-29.603l-52.162-55.735a58 58 0 0 0 8.64-15.36l87.083 8.165c5.381 23.758 32.017 38.581 55.858 27.513c27.76-12.887 31.07-51.284 5.945-68.949"/></svg>Omnigraffle アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:omnigraffle" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:omnigraffle" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:omnigraffle" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--omnigraffle]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:omnigraffle"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:omnigraffle"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/file-icons/omnigraffle.svg" alt="Omnigraffle アイコン" width="24" height="24">Omnigraffle アイコン のよくある質問
Omnigraffle アイコンは商用利用でも無料ですか?
はい。File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Omnigraffle アイコンを使うには?
@iconify/react をインストールして <Icon icon="file-icons:omnigraffle" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Omnigraffle アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/file-icons/omnigraffle.svg" alt="Omnigraffle アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。