Sunrise

PhlexIcons::Huge

Source code

Icon (Variant: :stroke) ↓

With Phlex::Kit

Huge::Sunrise(variant: :stroke)

Without Phlex::Kit (e.g. ERB) ↓

render PhlexIcons::Huge::Sunrise.new(variant: :stroke)

Plain Phlex ↓

def view_template
	svg(
		**attrs,
		viewbox: '0 0 24 24',
		fill: 'none',
		xmlns: 'http://www.w3.org/2000/svg'
	) do |s|
		s.path(
			d:
				'M9.5 6.5C9.99153 5.9943 11.2998 4 12 4M14.5 6.5C14.0085 5.9943 12.7002 4 12 4M12 4V10',
			stroke: '#141B34',
			stroke_width: '1.5',
			stroke_linecap: 'round',
			stroke_linejoin: 'round'
		)
		s.path(
			d: 'M18.3633 10.6357L16.9491 12.05',
			stroke: '#141B34',
			stroke_width: '1.5',
			stroke_linecap: 'round'
		)
		s.path(
			d: 'M3 17H5',
			stroke: '#141B34',
			stroke_width: '1.5',
			stroke_linecap: 'round'
		)
		s.path(
			d: 'M5.63657 10.6356L7.05078 12.0498',
			stroke: '#141B34',
			stroke_width: '1.5',
			stroke_linecap: 'round'
		)
		s.path(
			d: 'M21 17H19',
			stroke: '#141B34',
			stroke_width: '1.5',
			stroke_linecap: 'round'
		)
		s.path(
			d: 'M21 20H3',
			stroke: '#141B34',
			stroke_width: '1.5',
			stroke_linecap: 'round'
		)
		s.path(
			d: 'M16 17C16 14.7909 14.2091 13 12 13C9.79086 13 8 14.7909 8 17',
			stroke: '#141B34',
			stroke_width: '1.5',
			stroke_linecap: 'round'
		)
	end
end

Plain SVG ↓

<svg xmlns="http://www.w3.org/2000/svg" class="" viewbox="0 0 24 24" fill="none">
	<path d="M9.5 6.5C9.99153 5.9943 11.2998 4 12 4M14.5 6.5C14.0085 5.9943 12.7002 4 12 4M12 4V10" stroke="#141B34" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
	<path d="M18.3633 10.6357L16.9491 12.05" stroke="#141B34" stroke-width="1.5" stroke-linecap="round"></path>
	<path d="M3 17H5" stroke="#141B34" stroke-width="1.5" stroke-linecap="round"></path>
	<path d="M5.63657 10.6356L7.05078 12.0498" stroke="#141B34" stroke-width="1.5" stroke-linecap="round"></path>
	<path d="M21 17H19" stroke="#141B34" stroke-width="1.5" stroke-linecap="round"></path>
	<path d="M21 20H3" stroke="#141B34" stroke-width="1.5" stroke-linecap="round"></path>
	<path d="M16 17C16 14.7909 14.2091 13 12 13C9.79086 13 8 14.7909 8 17" stroke="#141B34" stroke-width="1.5" stroke-linecap="round"></path>
</svg>