Origami アイコン
logos:origami
Origami アイコン(logos:origami)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 256 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 256
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><defs><radialGradient id="SVGO7u3OVxo" cx="26.196%" cy="9.36%" r="105.51%" fx="26.196%" fy="9.36%" gradientTransform="matrix(.52886 .8454 -.8487 .5268 .203 -.177)"><stop offset="0%" stop-color="#51c3f7"/><stop offset="100%" stop-color="#046cf4"/></radialGradient><radialGradient id="SVGMqAlqdXv" cx="-15.313%" cy="-13.633%" r="181.001%" fx="-15.313%" fy="-13.633%" gradientTransform="matrix(.9647 .23955 -.26337 .87744 -.041 .02)"><stop offset="0%" stop-color="#fff"/><stop offset="100%" stop-color="#5cb5ff"/></radialGradient><radialGradient id="SVGeoJZybyG" cx="69.551%" cy="-14.976%" r="205.05%" fx="69.551%" fy="-14.976%" gradientTransform="matrix(-.45604 .51346 -.88996 -.26311 .88 -.546)"><stop offset="0%" stop-color="#fff"/><stop offset="100%" stop-color="#7ac2ff"/></radialGradient><radialGradient id="SVGbLM63sVI" cx="40.071%" cy="19.981%" r="98.92%" fx="40.071%" fy="19.981%" gradientTransform="matrix(.5143 .57232 -.8576 .34322 .366 -.098)"><stop offset="0%" stop-color="#fff"/><stop offset="100%" stop-color="#cbe7ff"/></radialGradient><path id="SVGCeJmwdht" d="M127.755 256c70.416 0 127.5-57.307 127.5-128c0-70.692-57.084-128-127.5-128C57.338 0 .255 57.308.255 128s57.083 128 127.5 128"/></defs><path fill="url(#SVGO7u3OVxo)" d="M127.755 256c70.416 0 127.5-57.307 127.5-128c0-70.692-57.084-128-127.5-128C57.338 0 .255 57.308.255 128s57.083 128 127.5 128"/><mask id="SVG8oxFqeJa" fill="#fff"><use href="#SVGCeJmwdht"/></mask><path fill="#e8f5ff" d="m136.982 58.764l57.763 61.091l-49.756-11.637z" mask="url(#SVG8oxFqeJa)"/><path fill="#64a4d8" d="m138.379 67.243l14.525 42.993l-8.211-2.018z" mask="url(#SVG8oxFqeJa)"/><path fill="url(#SVGMqAlqdXv)" d="M21.364 140.8L-94 13.964L6.172 35.907z" mask="url(#SVG8oxFqeJa)"/><path fill="url(#SVGeoJZybyG)" d="M159.488 196.997L136.503 58.764L79.735 127.88z" mask="url(#SVG8oxFqeJa)"/><path fill="#4492d2" d="m89.116 116.735l34.936 43.464l-37.688-40.054z" mask="url(#SVG8oxFqeJa)"/><path fill="url(#SVGbLM63sVI)" d="m56.725 335.585l-97.279-226.846L4.621 35.491l155.091 161.683z" mask="url(#SVG8oxFqeJa)"/></svg>Origami アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:origami" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:origami" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:origami" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--origami]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:origami"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:origami"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/origami.svg" alt="Origami アイコン" width="24" height="24">他のアイコンセットの Origami アイコン
Origami アイコン のよくある質問
Origami アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Origami アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:origami" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Origami アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/origami.svg" alt="Origami アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。