Origins アイコン
arcticons:origins
Origins アイコン(arcticons:origins)は、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
- タグ
- origin
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="m42.918 24.975l-6.12 7.014m-6.268-8.807l.604 3.4l2.085-.28l2.535.885l-.75 3.116c.667.361 1.267.809 1.865 1.272l1.389 5.74c-.4 1.428-1.766 2.217-2.864 3.119c-2.218-.233-4.06 1.2-5.9 2.25c-3.792.787-5.946.481-9.648-.375c-4.91-.798-12.078-5.289-14.441-12.468c-2.207-4.566-1.342-9.764-.575-14.342c8.907.824 13.24 8.964 19.044 14.714c-4.27 2.314-4.699 7.497-3.896 11.907m13.375-15.988c2.5-5.716 4.9-11.548 6.655-17.539c2.139 1.46 2.971 3.955 3.992 6.218l-2.9 7.656l-1.872-.346v1.821h-1.77c.062.55-.007 1.218-.177 2.065l-1.378 1.064M8.65 16.124C11.914 3.26 34.202-1.83 33.482 18.633h-2.049l.68 1.77c-6.38.475-9.344-5.266-12.226-10.029c-.546 1.083-.716 2.062-.716 3.258c-1.335 2.26-1.812 4.857-2.513 7.36l-1.502-1.567l2.305-6.828l-1.914.576c-1.543-.872-3.047-1.338-4.82-1.421m21.876-.457c1.73-1.522 3.965-3.265 5.74-4.735M35.05 30.272c-6.49-1.942-11.31 2.126-13.519 1.39c-9.599-6.144-10.33-4.65-16.212-1.975m18.672.529c1.212-1.31 2.586-2.376 4.03-3.404V24.63l-1.475-.595l3.1-.094c.875-1 1.58-2.131 2.332-3.223m-11.735-3.433c.604 2.335 5.388 4.375 5.037 5.843m-12.007-5.753l-.527-1.83l1.707.964c.294-2.317-1.461-3.306-3.54-3.776c-.206 1.904.443 3.575 1.15 5.31c.916.058.902-.015 1.21-.668m26.38 5.3l3.156 2.316l-7.148 3.906"/></svg>Origins アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:origins" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:origins" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:origins" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--origins]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:origins"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:origins"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/origins.svg" alt="Origins アイコン" width="24" height="24">Origins アイコン のよくある質問
Origins アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Origins アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:origins" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Origins アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/origins.svg" alt="Origins アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。