ICONYZ
日本語
Arcticons の Saracroche アイコン

Saracroche アイコン

arcticons:saracroche

Saracroche アイコン(arcticons:saracroche)は、Arcticons セットの無料 SVG アイコンです(作者: Donnnno)。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Arcticons
作者
Donnnno
ライセンス
CC-BY-SA-4.0
サイズ
48 × 48
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M24.618 25.164a5.23 5.23 0 0 0 4.82 3.204c2.883 0 5.227-2.343 5.227-5.226s-2.344-5.227-5.227-5.227l-.002.01c-1.929 0-3.724.907-4.632 2.608"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M19.042 29.228c.387-.435.833-.81 1.276-1.19c1.351-1.087 2.845-1.985 4.3-2.911c.311-.293.509-.845.583-1.484m-.394-3.11c-.329-.523-.937-.515-1.597-.442q-.503.075-.992.176c-2.75.5-5.142 1.833-7.127 3.77c-.479-1.067-1.172-1.927-2.183-1.681c-.992.222 1.956 7.258-4.064 9.356c-.056.901 1.03.744 1.607.945l-3.497 3.214"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M20.27 28.094c-.41 1.456-1.152 3.015.473 3.592l12.098 2.892c.816.212 1.73-.488 1.89-1.134l.284-1.191m.604-2.391l.765-3.09m.567-2.27l.756-2.93m.547-2.438L40.683 9.4c.149-.492-.202-1.711-1.04-1.985L28.491 4.674c-1.23-.325-2.354-.334-2.836 1.228l-3.45 14.272"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m25.185 43.5l1.635-3.601c.239.838.31 2.155.874 2.05c.496.147 1.124-3.666 2.448-5.377c.183.79.182 1.853.929 1.805c.398.117.025-2.363.675-3.223c.88-.026 2.457-.879 3.137-1.096c.7-.038.945.117 1.57-.134c1.105-.439 1.823-1.512 1.984-2.439c.19-1.02-.012-2.608-1.758-3.11c2.023.603 3.176-1.096 3.384-2.268c.207-1.162-.692-2.674-2.06-2.939c1.474.195 2.854-.742 3.024-2.316c.17-1.578-.807-2.844-1.843-3.109"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M35.487 32.442c.906.421 1.267-2.259.858-2.4l-.719-.108c-1.115-.15-2.363-.408-2.59.191c-.144.502.84 1.654 2.014 2.146zm1.702-5.387c.827.276 1.36-2.306.507-2.448c-.279-.03-.567-.05-.843-.08c-.921-.039-1.852.113-2.438.62c.011.699.904 1.21 1.89 1.597c.28.134.583.229.877.312zm1.417-7.845a9 9 0 0 1-.39.044s-2.929.118-2.957.964c.145.66 1.37.819 2.4 1.286c-.01.03.299.119.663.39c.638.3 1.521-2.628.288-2.685zm-13.421 4.348c1.2-.638 2.297-1.579 2.051-2.06c-.378-.828-1.295-.993-2.429-.927l-1.9.282c-.538 1.257.122 2.429.754 3.355zm2.552-3.308l3.46 5.52m-4.594-1.078l5.7-3.393M30.667 7.396l4.858 1.266"/></svg>

Saracroche アイコンの使い方

React

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

<Icon icon="arcticons:saracroche" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:saracroche" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:saracroche" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--saracroche]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:saracroche"></div>

Web コンポーネント

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

<iconify-icon icon="arcticons:saracroche"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/saracroche.svg" alt="Saracroche アイコン" width="24" height="24">

Saracroche アイコン のよくある質問

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

はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Arcticons をすべて見る →