Wordmark Sunshine 26 アイコン

Q: Wordmark Sunshine 26 アイコンは商用利用でも無料ですか?

はい。Garden SVG Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

garden:wordmark-sunshine-26

Wordmark Sunshine 26 アイコン(garden:wordmark-sunshine-26)は、Garden SVG Icons セットの無料 SVG アイコンです（作者: Zendesk）。 87 × 26 のグリッドで描かれています。 Garden SVG Icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Garden SVG Icons
作者: Zendesk
ライセンス: Apache-2.0
サイズ: 87 × 26
タグ: wordmarksunshine

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="87" height="26" viewBox="0 0 87 26"><path fill="currentColor" d="m1 16.58l2.062-1.121c.625 1.008 1.55 1.544 2.84 1.542c1.334-.003 2.02-.65 2.019-1.402c-.002-.882-1.293-1.073-2.67-1.371c-1.827-.362-3.763-.96-3.768-3.174c-.004-1.7 1.627-3.272 4.186-3.255c2.085-.005 3.484.766 4.39 2.076l-1.933 1.058c-.518-.773-1.314-1.223-2.453-1.221c-1.27.003-1.87.585-1.868 1.294c.002.774.926.944 2.56 1.306c1.808.383 3.852.98 3.856 3.239c.004 1.612-1.432 3.465-4.422 3.449c-2.321.005-3.871-.83-4.8-2.42zm10.831-2.3l-.013-6.258l2.344-.005l.012 6.064c.004 1.762.866 2.88 2.608 2.875c1.527-.003 2.707-1.166 2.703-3.037l-.012-5.912l2.3-.005l.022 10.75l-2.278.005l-.003-1.398c-.729.99-1.889 1.616-3.265 1.62c-2.838.005-4.412-1.755-4.418-4.7zm12.265-6.283l2.279-.005l.003 1.398c.729-.992 1.889-1.618 3.308-1.621c2.709-.005 4.367 1.754 4.373 4.679l.015 6.278l-2.322.004l-.014-6.084c-.003-1.763-.887-2.879-2.607-2.876c-1.549.003-2.729 1.167-2.724 3.059l.012 5.913l-2.302.005zm11.328 8.512l2.062-1.122c.625 1.009 1.55 1.545 2.84 1.542c1.334-.003 2.02-.65 2.019-1.402c-.002-.882-1.293-1.073-2.67-1.371c-1.828-.362-3.764-.96-3.77-3.174c-.002-1.7 1.629-3.272 4.187-3.255c2.086-.005 3.485.766 4.39 2.076L42.55 10.86c-.518-.773-1.314-1.223-2.454-1.221c-1.268.003-1.87.585-1.867 1.295c0 .773.926.943 2.56 1.305c1.807.384 3.85.98 3.856 3.239c.004 1.613-1.433 3.465-4.422 3.449c-2.322.005-3.872-.83-4.8-2.42zM46.382 3.005L48.662 3l.012 6.3c.73-.947 1.91-1.574 3.308-1.577c2.71-.005 4.368 1.754 4.374 4.678l.013 6.279l-2.343.005l-.013-6.064c-.004-1.785-.866-2.9-2.608-2.897c-1.526.004-2.706 1.167-2.702 3.059l.012 5.912l-2.3.005zm12.136 4.92l2.322-.005l.023 10.75l-2.323.005zM59.67 3.17c.903-.002 1.55.642 1.552 1.544c.002.903-.642 1.55-1.545 1.552c-.925.002-1.55-.642-1.552-1.545s.643-1.55 1.545-1.551m3.364 4.744l2.28-.005l.002 1.398c.73-.991 1.89-1.617 3.309-1.62c2.709-.005 4.368 1.753 4.374 4.678l.012 6.278l-2.322.005l-.011-6.085c-.005-1.762-.889-2.878-2.609-2.875c-1.547.003-2.727 1.166-2.724 3.059l.013 5.912l-2.301.005zm11.773 5.394c-.007-3.16 2.418-5.64 5.579-5.646c3.18-.006 5.53 2.29 5.536 5.471l.002.902l-8.901.02c.305 1.655 1.597 2.749 3.467 2.745c1.463-.003 2.579-.78 3.136-1.941l1.894 1.05c-.942 1.764-2.64 2.928-5.025 2.933c-3.397.008-5.681-2.418-5.688-5.534m2.32-1.21l6.45-.014c-.347-1.546-1.532-2.404-3.187-2.4c-1.591.003-2.836.995-3.263 2.415z"/></svg>

Wordmark Sunshine 26 アイコンの使い方

React

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

<Icon icon="garden:wordmark-sunshine-26" width="24" />

Vue

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

<template>
  <Icon icon="garden:wordmark-sunshine-26" width="24" />
</template>

Svelte

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

<Icon icon="garden:wordmark-sunshine-26" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[garden--wordmark-sunshine-26]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/garden -->
<div class="i-garden:wordmark-sunshine-26"></div>

Web コンポーネント

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

<iconify-icon icon="garden:wordmark-sunshine-26"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/garden/wordmark-sunshine-26.svg" alt="Wordmark Sunshine 26 アイコン" width="24" height="24">

Garden SVG Icons の関連アイコン

Wordmark Sunshine 26 アイコンのよくある質問

Wordmark Sunshine 26 アイコンは商用利用でも無料ですか?

はい。Garden SVG Icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Wordmark Sunshine 26 アイコンを使うには?

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

Wordmark Sunshine 26 アイコンをウェブページに追加するには?

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

Garden SVG Icons をすべて見る →